diff options
Diffstat (limited to 'design/sass/_footer.scss')
-rw-r--r-- | design/sass/_footer.scss | 108 |
1 files changed, 34 insertions, 74 deletions
diff --git a/design/sass/_footer.scss b/design/sass/_footer.scss index 08c9942..9e20f8b 100644 --- a/design/sass/_footer.scss +++ b/design/sass/_footer.scss @@ -1,83 +1,43 @@ -footer { - margin-top: 5em; - @include breakpoint(gamma) { - max-width: 960; - } - &:before { - @include breakpoint(beta) { - @include faded_line_after; - margin-bottom: 1.2em; - } - } - .footer-nav { - list-style-type: none !important; - margin-left: 0 !important; - border-top: 1px $brown dotted; - border-bottom: 1px $brown dotted; - padding: .5rem 0; - @include breakpoint(beta) { - border: none; - } - } - li { - display: inline; - margin: 0 .25em; - &:after { - content: "\00b7"; - color: #999999; - padding-left: 0.75em; - } - a { - color: $secondary-link-color; - text-decoration: none; - } - ul { display:inline;} - } - li:last-of-type { - margin-right: 0; - &:after { - content: " "; - } - } - p { - @include fontsize(10); - text-align: center; - margin-top: 1.5em; - margin-bottom: 1.5em; - } -} -.black footer, .dark footer { - &:before { - @include light_faded_line_after; - } - a { - color: $body_font_light; +.page-footer { + margin: 0 auto; + border-top: 1px #f3efef solid; + margin-top: 5rem; + //smcaps + text-transform: uppercase; + letter-spacing: 1px; + font-size: 13px; + font-size: .8125rem; + line-height: 1.2; + font-weight: 600; + text-align: center; } +.page-footer ul { + margin: 1.5rem 0 .5rem 0; + list-style-type: none; + padding: 0; } -.donate-btn { - display: inline-block; - margin-left: .5rem; - input[type="submit"] { - background: url("img/pp_donate.gif") 0 0 no-repeat; - border: none; - width: 100px; - text-indent: -9999em; - line-height: 19px; - padding: 2px 7px 10px; +@media screen and (min-width: 750px) { + .page-footer { + text-align: right; + max-width: 96%; } } -.liberapay-btn { - background: url("img/lpdonate.svg") 0 0 no-repeat; - text-indent: -9999em; - display: inline-block; - line-height: 25px; - padding: 5px 7px 3px; - text-decoration: none; - width: 70px; +//Slight adjust for full width +@media screen and (min-width: 1440px) { + .page-footer { + max-width: 1440px; + } } #license { - @include fancy_sans; - @include fontsize(12); text-transform: none; + text-align: center; letter-spacing: normal; + font-size: 14px; + font-size: .875rem; + font-weight: 300; +} +@media screen and (min-width: 750px) { + #license { + text-align: right; + } } |