@import "colors"; @import "constants"; @import "mixins"; @import "placeholders"; footer { background-color: $light-grey; border-top: 1px solid $border-grey; bottom: 0; width: 100%; } .landing-footer { @include vertical-padding(72px); } .dossier-footer { @include vertical-padding(48px); line-height: 24px; } .footer-columns { @extend %horizontal-list; justify-content: flex-start; } .footer-column { @extend %horizontal-list-item; font-size: 14px; vertical-align: top; flex-grow: 1; min-width: 320px; @media (max-width: 1000px) { width: 100%; margin-bottom: 14px; } } .footer-logos, .footer-links { list-style-type: none; padding: 0; margin: 0; } .footer-header { font-size: 14px; font-weight: bold; margin-bottom: 10px; } .footer-link { margin-bottom: 14px; &:last-of-type { margin-bottom: 0; } } .footer-text { font-style: italic; margin-bottom: 14px; } .footer-logo:hover { opacity: 0.8; } .footer-logo-dinsic { @include ie-compatible-background-image("footer/logo-dinsic.svg"); height: 104px; width: 90px; margin-bottom: 14px; } .footer-logo-beta-gouv-fr { @include ie-compatible-background-image("footer/logo-beta-gouv-fr.svg"); width: 150px; height: 25px; } .footer-link a, .footer-text a { color: $black; text-decoration: none; &:hover, &:focus { color: $blue; text-decoration: none; } } .footer-bottom-line { margin-top: 30px; margin-bottom: -30px; text-align: center; font-size: small; }