summaryrefslogtreecommitdiff
path: root/design/sass/_footer.scss
diff options
context:
space:
mode:
Diffstat (limited to 'design/sass/_footer.scss')
-rw-r--r--design/sass/_footer.scss108
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;
+ }
}