ensl.org/app/assets/stylesheets/layout/_footer.scss
Luke Barratt 5487854a6c Start to cleanup old assets
Added new ISO country code flag icons to asset pipeline
Lots and lots of new style changes
Began converting to JS to coffeescript
2014-04-09 00:28:53 +01:00

68 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;
padding: $base-line-height*2 $gutter;
width: 100%;
.wrapper {
@extend %container-padded;
}
.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: left;
}
}
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;
}
}