Proj: Massive design overhaul to simplify code

Cut out Sass syntax, deleted old CSS rules, changed HTML to use
fewer lists and more cascading instead of specific rules. Still requires
compiling with sass to strip comments and compress, but would in theory
work on its own.

Reduced CSS file size by 2/3

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;
+    }
 }