// Footer related SCCS
// This is the element between the column panel and the footer. .footer-separator {
@if $footer-separator-display { display: block; } @else { display: none; } width: 100%; margin: 0; @include narrow-layout { border-bottom: 1px solid $footer-separator-color-narrow; } @include medium-layout { border-bottom: 1px solid $footer-separator-color-medium; } @include widest-layout { border-bottom: 1px solid $footer-separator-color-widest; }
}
.footer-panel {
@extend .theme-insets; text-align: center; @include narrow-layout { font: $footer-font-narrow; color: $footer-color-narrow; background: $footer-background-narrow; } @include medium-layout { font: $footer-font-medium; color: $footer-color-medium; background: $footer-background-medium; } @include widest-layout { font: $footer-font-widest; color: $footer-color-widest; background: $footer-background-widest; }
}