// —————————————————————————– // This file contains all styles related to the footer of the site/application. // —————————————————————————–
/**
* Site footer */
.site-footer {
border-top: 1px solid $grey-color-light; padding: $spacing-unit 0;
}
.footer-heading {
font-size: 18px;
}
.footer-section {
font-size: 15px; color: $grey-color;
}
.contact-list, .social-media-list, .footer-description {
list-style: none; margin-left: 0;
}
@include media-query($on-palm) {
.footer-nav { // compatibility with all browsers (desktop/mobile) less // - IE < 10 // - Opera (desktop/mobile) < 12.1 // more datails: http://caniuse.com/#feat=flexbox display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .contact-list, .social-media-list { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; }
}
@include media-query($on-laptop) {
.footer-section { // compatibility with all browsers (desktop/mobile) less // - IE < 10 // - Opera (desktop/mobile) < 12.1 // more datails: http://caniuse.com/#feat=flexbox display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .footer-description, .footer-nav { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; }
}