_footer.scss in active_frontend-7.0.0

- old
+ new

@@ -13,21 +13,21 @@
   position: fixed;
   right: 0;
   z-index: 1030;
 }
 .footer {
-  background: rgba(255,255,255,1);
-  border-top: 2px solid rgba(245,248,250,1);
+  background: $color-white;
+  border-top: 2px solid $color-haze-light;
   box-sizing: border-box;
   width: 100%;
   margin-top: 40px;
   padding: 20px 0;
 }
 .footer-app { width: calc(100% - 280px); }
 .footer-brand { float: left; }
 .footer-brand > a {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-size: 30px;
   text-decoration: none;
 }
 .footer-nav {
   float: right;
@@ -41,36 +41,39 @@
   line-height: 10px;
   margin-left: 10px;
 }
 .footer-nav > li:first-child { margin: 0; }
 .footer-nav > li > a {
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-weight: 500;
   text-decoration: none;
   text-transform: uppercase;
 }
 .footer-footnote {
   float: left;
-  color: rgba(136,153,166,1);
+  color: $color-gray-light;
   font-size: 10px;
   line-height: 10px;
   margin: 8px 0 0 10px;
 }
 
 /* # Alternate
 ================================================== */
-.footer-alt { padding: 40px 0; }
+.footer-alt { padding: 60px 0; }
 .footer-alt .footer-brand {
   float: none;
   text-align: center;
 }
 .footer-alt .footer-nav {
   float: none;
   margin: 0 0 10px 0;
 }
 .footer-alt .footer-nav > h6 {
+  border-bottom: 1px solid $color-haze;
   letter-spacing: 1px;
+  margin-bottom: 5px;
+  padding-bottom: 5px;
   text-transform: uppercase;
 }
 .footer-alt .footer-nav > li {
   float: none;
   font-size: 14px;
@@ -82,22 +85,30 @@
   text-transform: none;
 }
 .footer-alt .footer-footnote {
   display: block;
   float: none;
-  margin: 10px 0;
+  margin: 30px 0;
   text-align: center;
 }
 
 /* # Colors
 ================================================== */
 .footer-dark {
-  background: rgba(35,41,55,1);
+  background: $color-black;
   border-color: rgba(0,0,0,0.2);
 }
+.footer-dark.footer-alt .footer-nav > h6 {
+  color: $color-white;
+  border-color: $color-black-light;
+}
+.footer-dark.footer-alt .footer-brand > a,
+.footer-dark.footer-alt .footer-nav > li,
+.footer-dark.footer-alt .footer-nav > li > a,
+.footer-dark.footer-alt .footer-footnote { color: $color-gray; }
 .footer-light {
-  background: rgba(245,248,250,1);
-  border-color: rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-color: $color-haze-dark;
 }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
\ No newline at end of file