.ct-footer { // row divider [data-row] { border-top: var(--border-top); border-bottom: var(--border-bottom); > div { border-top: var(--border-top); border-bottom: var(--border-bottom); } } // columns divider [data-divider='columns'] { > * { position: relative; &:after { position: absolute; content: ''; } } @include media-breakpoint-down (md) { > div { &:after { width: var(--width, 100%); left: var(--left, 0); bottom: calc(var(--items-gap) / 2 * -1); border-bottom: var(--border); } &:last-of-type:after { display: none; } } > span { display: none; } &:not([data-stack]) { position: relative; &:before { position: absolute; width: 0px; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; border-right: var(--border); } } } @include media-breakpoint-down (sm) { &:not([data-stack*='mobile']) { &:before { content: ''; } > div { &:after { --width: calc(100% + var(--items-gap) / 2); } &:nth-of-type(even):after { --left: calc(var(--items-gap) / 2 * -1); } &:last-of-type:after { display: none; } &:first-of-type:nth-last-of-type(2), &:first-of-type:nth-last-of-type(2) ~ * { &:nth-of-type(1):after { display: none; } } &:first-child:nth-last-child(4), &:first-child:nth-last-child(4) ~ * { &:nth-of-type(3):after { display: none; } } &:first-child:nth-last-child(6), &:first-child:nth-last-child(6) ~ * { &:nth-of-type(5):after { display: none; } } } } } @include media-breakpoint-only (md) { &:not([data-stack*='tablet']) { &:before { content: ''; } > div { &:after { --width: calc(100% + var(--items-gap) / 2); } &:nth-of-type(even):after { --left: calc(var(--items-gap) / 2 * -1); } &:last-of-type:after { display: none; } &:first-of-type:nth-last-of-type(2), &:first-of-type:nth-last-of-type(2) ~ * { &:nth-of-type(1):after { display: none; } } &:first-child:nth-last-child(4), &:first-child:nth-last-child(4) ~ * { &:nth-of-type(3):after { display: none; } } &:first-child:nth-last-child(6), &:first-child:nth-last-child(6) ~ * { &:nth-of-type(5):after { display: none; } } } } } @include media-breakpoint-up (lg) { > *:not(:last-child):after { height: calc(100% + var(--container-spacing) * 2); top: calc(var(--container-spacing) * -1); right: calc(var(--items-gap) / 2 * -1); border-right: var(--border); } } } // widgets divider [data-divider='columns'] { .ct-widget { position: relative; &:before { position: absolute; content: ''; width: var(--width, 100%); left: var(--left, 0); top: calc(var(--items-gap) / 2 * -1); border-bottom: var(--border); } &:first-child:before { display: none; } } @include media-breakpoint-down (sm) { &:not([data-stack*='mobile']) { .ct-widget:before { --width: calc(100% + var(--items-gap) / 2); } > div:nth-of-type(even) { .ct-widget:before { --left: calc(var(--items-gap) / 2 * -1); } } } } @include media-breakpoint-only (md) { &:not([data-stack*='tablet']) { .ct-widget:before { --width: calc(100% + var(--items-gap) / 2); } > div:nth-of-type(even) { .ct-widget:before { --left: calc(var(--items-gap) / 2 * -1); } } } } @include media-breakpoint-up (lg) { > * { &:first-child:not(:only-child), &:last-child:not(:only-child) { .ct-widget:before { --width: calc(100% + var(--items-gap) / 2); } } &:last-child:not(:only-child) { .ct-widget:before { --left: calc(var(--items-gap) / 2 * -1); } } &:not(:first-child):not(:last-child) { .ct-widget:before { --width: calc(100% + var(--items-gap)); --left: calc(var(--items-gap) / 2 * -1); } } } } } }