_footer.scss in active_frontend-6.4.0

- old
+ new

@@ -1,10 +1,9 @@
 /* Table of Contents
 ==================================================
 # Footer
-# Alternate
-# Application
+# Colors
 # Media Queries */
 
 /* # Footer
 ================================================== */
 .footer-fixed {
@@ -13,20 +12,21 @@
   position: fixed;
   right: 0;
   z-index: 1030;
 }
 .footer {
-  background: rgba(35,41,55,1);
-  border-top: 2px solid rgba(0,0,0,0.2);
+  background: rgba(255,255,255,1);
+  border-top: 2px solid rgba(245,248,250,1);
   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(255,255,255,1);
+  color: rgba(136,153,166,1);
   font-size: 30px;
   text-decoration: none;
 }
 .footer-nav {
   float: right;
@@ -40,47 +40,43 @@
   line-height: 10px;
   margin-left: 10px;
 }
 .footer-nav > li:first-child { margin: 0; }
 .footer-nav > li > a {
-  color: rgba(255,255,255,1);
+  color: rgba(136,153,166,1);
   font-weight: 500;
   text-decoration: none;
   text-transform: uppercase;
 }
-.footer > .footer-nav > li > a:hover,
-.footer > .footer-nav > li > a:focus,
-.footer > .footer-nav > li > a.active,
-.footer > .footer-nav > li > a:active { color: rgba(136,153,166,1); }
 .footer-footnote {
   float: left;
-  color: rgba(255,255,255,1);
+  color: rgba(136,153,166,1);
   font-size: 10px;
   line-height: 10px;
   margin: 8px 0 0 10px;
 }
 
-/* # Alternate
+/* # Colors
 ================================================== */
-.footer.footer-alt {
-  background: rgba(255,255,255,1);
-  border-top-color: rgba(245,248,250,1);
+.footer-dark {
+  background: rgba(35,41,55,1);
+  border-color: rgba(0,0,0,0.2);
 }
-.footer.footer-alt > .footer-brand > a,
-.footer.footer-alt > .footer-nav > li > a,
-.footer.footer-alt > .footer-footnote { color: rgba(136,153,166,1); }
+.footer-dark > .footer-brand > a,
+.footer-dark > .footer-nav > li > a,
+.footer-dark > .footer-footnote { color: rgba(255,255,255,1); }
+.footer-light {
+  background: rgba(245,248,250,1);
+  border-color: rgba(225,232,237,1);
+}
 
-/* # Application
-================================================== */
-.footer.footer-app { width: calc(100% - 280px); }
-
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
-  .footer.footer-app { width: calc(100% - 250px); }
+  .footer-app { width: calc(100% - 250px); }
 }
 @media only screen and (max-width: 1199px) {
-  .footer.footer-app { width: calc(100% - 220px); }
+  .footer-app { width: calc(100% - 220px); }
 }
 @media only screen and (max-width: 959px) {
-  .footer.footer-app { width: 100%; }
+  .footer-app { width: 100%; }
 }
\ No newline at end of file