Changeset 3763:857d4768935c for admin/style/scss/partials/_layout.scss

Timestamp:

06/22/18 16:48:10 (7 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Use sass variables for every color used (mainly foreground, background, border)

File:

• admin/style/scss/partials/_layout.scss (modified) (9 diffs)

admin/style/scss/partials/_layout.scss

@@ -7 +7 @@
 
 #header {
+  color: $header-color;
+  background: $header-background;
+  border-bottom: 4px solid $header-border;
      width: 99.99%;
      /* Bugfix Chrome >= 49.0.2623.108 */
@@ -24 +27 @@
 
 #wrapper {
+  background: $wrapper-background url(bg_wrapper.png) repeat-y 14em;
      position: relative;
      padding-top: 1.5em;
@@ -44 +48 @@
 
 #content {
+  background: $content-background;
      margin: 0 0 0 14em;
      padding: .5em 1.5em .75em 2.5em;
@@ -49 +54 @@
 
 #main-menu {
+  background: $main-menu-background;
      width: 14em;
      float: left;
@@ -58 +64 @@
 
 #footer {
+  background-color: $footer-background;
+  border-top: 1px solid $footer-border;
      clear: both;
      position: relative;
@@ -68 +76 @@
 
 #collapser {
+  background: $collapser-background;
      position: absolute;
      top: 0;
@@ -75 +84 @@
      overflow: hidden;
      display: block;
-     border-right: 0; // 1px solid #999;
+     border-right: 0;
      border-bottom: 0;
      z-index: 1;
      transition: none;
+  &:hover,
+  &:focus {
+    background: $collapser-focus;
+  }
+  .hide-mm & {
+    background: $collapser-focus;
+    &:hover,
+    &:focus {
+      background: $collapser-background;
+    }
+  }
 }
 
@@ -110 +130 @@
           display: block;
      }
+}
+
+#wrapper.hide-mm {
+  background: $content-background;
 }
 
@@ -206 +230 @@
 .popup {
      h1 {
+    color: $popup-title-color;
+    background: $popup-title-background;
           display: block;
           width: 100%;