source/stylesheets/refills/_footer-2.scss in refills-0.1.0 vs source/stylesheets/refills/_footer-2.scss in refills-0.2.0

@@ -9,92 +9,78 @@
 
 // html, body {
 //  height: 100%;
 // }
 
-// .wrapper-for-content-outside-of-footer:after {
+// .wrapper-for-content-outside-of-footer::after {
 //   content: "";
 //   display: block;
 // }
 
-// .footer-2, .wrapper-for-content-outside-of-footer:after {
+// .footer-2, .wrapper-for-content-outside-of-footer::after {
 //   height: 17em;
 
 //   @include media($large-screen) {
 //     height: 4em;
 //   }
 // }
 
 .footer-2 {
-  ///////////////////////////////////////////////////////////////////////////////////
   $base-spacing: 1.5em !default;
-  $base-accent-color: #477DCA !default;
-  $medium-screen: em(640) !default;
-  $large-screen: em(860) !default;
-  
-  ul {
-    margin: 0;
-    padding: 0;
-    line-height: 1.5em;
-  }
-
-  li {
-    list-style: none;
-  }
-
-  a {
-    text-decoration: none;
-  }
-  //////////////////////////////////////////////////////////////////////////////////
-
-  $footer-background: desaturate(darken($base-accent-color, 20%), 30%);
+  $action-color: #477DCA !default;
+  $medium-screen: 40em !default;
+  $large-screen: 53.75em !default;
+  $footer-background: desaturate(darken($action-color, 20%), 30%);
   $footer-color: white;
   $footer-link-color: transparentize($footer-color, 0.6);
   $footer-disclaimer-color: transparentize($footer-color, 0.6);
 
   background: $footer-background;
+  display: inline-block;
   padding: $base-spacing;
   width: 100%;
-  display: inline-block;
 
   .footer-logo {
-    margin-right: 1em;
     margin-bottom: 1em;
+    margin-right: 1em;
 
     @include media($large-screen) {
       float: left;
       margin-bottom: 0;
     }
   }
 
   .footer-logo img {
     height: 1.6em;
-  } 
+  }
 
   ul {
-    margin-bottom: 1em;
-    
+    line-height: 1.5em;
+    margin: 0 0 1em 0;
+    padding: 0;
+
     @include media($large-screen) {
       float: left;
       line-height: 1.8em;
-      margin-left: 1em;
       margin-bottom: 0;
+      margin-left: 1em;
     }
   }
 
   ul li {
-    font-weight: 800;
+    list-style: none;
     padding-right: 1em;
 
     @include media($large-screen) {
       display: inline;
       text-align: left;
     }
   }
 
   ul li a {
     color: $footer-link-color;
+    text-decoration: none;
 
     &:focus,
     &:hover {
       color: transparentize($footer-color, 0);
     }
@@ -105,24 +91,24 @@
       float: right;
     }
 
     li {
       font-size: 0.8em;
-      font-weight: 400;
     }
 
     ul.footer-social {
-      margin-top: 1em;
+      margin: 1em 0 0 0;
 
       @include media($large-screen) {
         float: right;
         margin-top: 0;
       }
 
       li {
-        font-size: 1em;
         float: left;
+        font-size: 1em;
         line-height: 0;
+        margin: 0;
         padding-right: 0.7em;
 
         &:last-child {
           padding-right: 0;
         }