ensl.org/app/assets/stylesheets/layout/_footer.scss
Luke Barratt 005a16b484 Tests passing with redesign
Improved layout slightly to match grid
2014-04-17 08:55:19 +01:00

67 lines
1.2 KiB
SCSS

.footer {
$footer-background: $dark-gray;
$footer-color: white;
$footer-link-color: transparentize($footer-color, .6);
$footer-disclaimer-color: transparentize($footer-color, .6);
@include outer-container;
background: $footer-background;
max-width: $max-width + $container-padding*2;
.content {
padding: $container-padding*2 $container-padding;
}
.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;
}
}