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

admin/style/scss/partials/_index.scss

@@ -7 +7 @@
 
 #icons {
-     //    overflow: hidden;
-     //    text-align: center;
      display: flex;
      flex-wrap: wrap;
@@ -16 +14 @@
           text-align: center;
           margin: 1em 0 2em;
-          //    display: inline-block;
-          //    vertical-align: top;
      }
      a {
@@ -29 +25 @@
           }
           span {
-               border-bottom: 1px dotted #999;
-               color: #333;
+      color: $index-link-color;
+               border-bottom: 1px dotted $index-link-border;
           }
           img {
                padding: 1.5em;
-               background-color: #f9f9f9;
+               background-color: $index-icon-background;
                border-radius: 8px;
-               border: 1px solid #dadada;
+               border: 1px solid $index-icon-border;
                display: inline-block;
           }
           &:focus {
                outline: 0;
-               border-color: #fff;
                span {
-                    border: 2px solid #bee74b;
+                    border: 2px solid $index-icon-outline;
                }
           }
@@ -49 +44 @@
           &:hover {
                img {
-                    background: #bee74b;
+                    background: $index-icon-outline;
                     outline: 0;
-                    border-color: #dadada;
+                    border-color: $index-icon-border;
                }
                span {
@@ -65 +60 @@
 #quick {
      padding: 1em;
-     max-width: 976px;
+     max-width: 72em;
      margin: 0 auto;
-     background: #f5f5f5;
-     box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
+     background: $quick-background;
+  border: 1px solid $quick-border;
      text-align: left;
      h3 {
@@ -76 +71 @@
      p.qinfo {
           margin: -.7em -1em 1em;
-          background: #D9EDF7 url(info.png) no-repeat .2em .2em;
-          border: 1px solid #BCE8F1;
+          background: $quick-info-background url(info.png) no-repeat .2em .2em;
+          border: 1px solid $quick-info-border;
           padding: .2em 1em .1em 24px;
-          color: #000;
+          color: $quick-info-color;
      }
      #new_cat,
@@ -108 +103 @@
      .box {
           padding: 10px;
-          border: 1px solid #ccc;
+          border: 1px solid $index-box-border;
           border-radius: 3px;
           min-height: 200px;
@@ -157 +152 @@
      }
 }
-
-
-/* message de mise à jour */
-
-#upg-notify {
-     ul {
-          padding-left: 1.5em;
-     }
-     li {
-          color: #fff;
-     }
-}