ensl.org/app/assets/stylesheets/layout/_footer.scss
2014-04-18 01:07:07 +01:00

65 lines
1.1 KiB
SCSS

.footer {
$footer-background: $medium-gray;
$footer-color: white;
$footer-link-color: transparentize($footer-color, .6);
$footer-disclaimer-color: transparentize($footer-color, .6);
background: $footer-background;
.content {
padding: $container-padding*2 0;
}
.footer-links {
@include clearfix;
margin-bottom: $base-line-height;
}
ul {
margin-bottom: $base-line-height*2;
@include media($medium-screen) {
@include span-columns(3);
@include omega(4n);
@include clearfix;
}
}
li {
text-align: center;
@include media($medium-screen) {
text-align: center;
}
}
li a {
color: $footer-link-color;
&:hover {
color: transparentize($footer-color, 0);
}
}
li h3 {
color: $footer-color;
font-size: 1em;
font-weight: 800;
margin-bottom: .4em;
}
hr {
border: 1px solid transparentize($footer-disclaimer-color, .3);
margin: 0 auto $base-line-height;
width: 12em;
}
p {
color: $footer-disclaimer-color;
font-size: .9em;
line-height: 1.5em;
margin: auto;
max-width: 35em;
text-align: center;
}
}