Changeset 3763:857d4768935c for admin/style/scss/partials/_main-menu.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/_main-menu.scss (modified) (7 diffs)

admin/style/scss/partials/_main-menu.scss

@@ -6 +6 @@
           margin: 0;
           padding: 10px 0 10px 8px;
-          color: #676e78;
+          color: $main-menu-title-color;
           font-size: 1.15em;
      }
      a {
-          color: #333;
-          border-bottom-color: #ccc;
+          color: $main-menu-item-color;
+          border-bottom-color: $main-menu-item-border;
      }
      ul {
@@ -29 +29 @@
      }
      .active {
-          background-color: #fff;
+          background-color: $main-menu-active-background;
           font-weight: bold;
           a {
                border-bottom: none;
-               color: #d30e60;
+               color: $main-menu-active-color;
           }
      }
@@ -42 +42 @@
 #system-menu,
 #plugins-menu {
-     border-bottom: 1px dashed #A2CBE9;
+     border-bottom: 1px dashed $main-menu-border;
 }
 
 #favorites-menu {
      h3 {
-          color: #000;
           font-variant: small-caps;
           padding-top: .2em;
-     }
-     .active {
-          background-color: transparent;
-          a {
-               color: #000;
-          }
      }
 }
@@ -69 +62 @@
      }
      p {
-          border: 1px solid #999;
+          border: 1px solid $search-border;
           border-radius: .3em;
           position: relative;
@@ -78 +71 @@
           padding: 0 .25em;
           margin-left: .33em;
-          background: #dfdfdf;
-          border-color: #999;
-          color: #333;
+    color: $search-color;
+          background: $search-background;
+          border-color: $search-border;
           border-bottom-right-radius: .3em;
           border-top-right-radius: .3em;
@@ -86 +79 @@
           border-bottom-left-radius: 0;
           border: none;
-          border-left: 1px solid #999;
+          border-left: 1px solid $search-border;
           font-size: .91em;
           float: right;
           &:hover,
           &:focus {
-               background: #676e78;
-               color: #fff;
+      color: $search-submit-color;
+               background: $search-submit-background;
           }
      }
@@ -107 +100 @@
      height: 2em;
      &:focus {
-          border: 1px solid #bee74b;
+          border: 1px solid $search-outline;
      }
 }