Sha256: b4bf0a62b41f6a04640f9d71f74a9d92c71407ca1a3bdfcb345a12e2db55ce53
Contents?: true
Size: 1.94 KB
Versions: 8
Compression:
Stored size: 1.94 KB
Contents
// Uncomment this for a sticky footer.
//
// .wrapper-for-content-outside-of-footer {
// min-height: 100%;
// height: auto !important;
// height: 100%;
// margin: 0 auto -4em;
// }
// html, body {
// height: 100%;
// }
// .wrapper-for-content-outside-of-footer:after {
// content: "";
// display: block;
// }
// .footer-2, .wrapper-for-content-outside-of-footer:after {
// height: 17em;
// @include media($large-screen) {
// height: 4em;
// }
// }
.footer-2 {
$footer-background: desaturate(darken($base-accent-color, 20), 30);
$footer-color: white;
$footer-link-color: transparentize($footer-color, .6);
$footer-disclaimer-color: transparentize($footer-color, .6);
background: $footer-background;
padding: $base-spacing;
width: 100%;
.footer-logo {
margin-right: 1em;
margin-bottom: 1em;
@include media($large-screen) {
float: left;
margin-bottom: 0;
}
}
.footer-logo img {
height: 1.6em;
}
ul {
margin-bottom: 1em;
@include media($large-screen) {
float: left;
margin-left: 1em;
margin-bottom: 0;
}
}
ul li {
padding-right: 1em;
font-weight: 800;
@include media($large-screen) {
display: inline;
text-align: left;
}
}
ul li a {
color: $footer-link-color;
&:hover {
color: transparentize($footer-color, 0);
}
}
.footer-secondary-links {
@include media($large-screen) {
float: right;
}
li {
font-size: .8em;
font-weight: 400;
}
ul.footer-social {
margin-top: 1em;
@include media($large-screen) {
float: right;
margin-top: 0;
}
li {
float: left;
font-size: 1em;
padding-right: .7em;
&:last-child {
padding-right: 0;
}
}
img {
opacity: .7;
height: 1.6em;
padding: 1px;
&:hover {
opacity: 1;
}
}
}
}
}
Version data entries
8 entries across 8 versions & 1 rubygems