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

admin/style/scss/partials/_markup.scss

@@ -7 +7 @@
      padding: 0 1em .5em 1em;
      margin: 0 -1em 1em -1em;
-     background: #fff url(bg_h2.png) repeat-x center bottom;
-}
-
-h2 a:link,
-h2 a:visited {
-     color: #676e78;
-     border-color: #000;
-}
-
+     background: $breadcrumb-background url(bg_h2.png) repeat-x center bottom;
+}
 
 /* page courante dans le fil d'ariane */
 
 .page-title {
-     color: #d30e60;
+     color: $breadcrumb-current;
      img {
           padding-left: .5em;
@@ -37 +30 @@
 .fieldset h4,
 .pretty-title {
-     color: #D33800;
+     color: $fieldset-pretty-title-color;
      font-size: 1em;
      font-weight: bold;
@@ -52 +45 @@
      text-transform: uppercase;
      font-weight: bold;
-     color: #333;
+     color: $fieldset-smart-title-color;
 }
 
 #entry-sidebar h5 {
      font-weight: normal;
-     color: #333;
+     color: $entry-sidebar-title-color;
 }
 
@@ -67 +60 @@
 h4 label,
 h5 label {
-     color: #333;
+     color: $title-label-color;
 }
 
@@ -99 +92 @@
 
 caption {
-     color: #333;
+     color: $table-caption-color;
      font-weight: bold;
      text-align: left;
@@ -108 +101 @@
      border-width: 1px 0 1px 0;
      border-style: solid;
-     border-color: #dfdfdf;
-     background: #eef1ec;
+     border-color: $head-border;
+  background: $head-background;
      padding: .4em 1em .4em .5em;
      vertical-align: top;
@@ -119 +112 @@
      border-width: 0 0 1px 0;
      border-style: solid;
-     border-color: #e3e3e3;
+     border-color: $cell-border;
      padding: .4em 1em .4em .5em;
      vertical-align: top;
@@ -134 +127 @@
      height: 1px;
      border-width: 1px 0 0;
-     border-color: #dfdfdf;
-     background: #dfdfdf;
+     border-color: $hr-color;
+     background: $hr-color;
      border-style: solid;
      &.clearer {
@@ -149 +142 @@
 
 code {
-     background: #fefacd;
+     background: $code-background;
 }
 
@@ -180 +173 @@
 a:link,
 a:visited {
-     color: #2373A8;
+  color: $link-color;
      text-decoration: none;
-     border-bottom: 1px dotted #999;
+     border-bottom: 1px dotted $link-border;
      background-color: inherit;
      outline: 0;
@@ -202 +195 @@
 
 .discrete a {
-     color: #333;
+     color: $discrete-link-color;
 }
 
@@ -211 +204 @@
 a:focus,
 a:focus img {
-     outline: 2px solid #bee74b;
+     outline: 2px solid $link-outline;
      border-bottom: none;
      text-decoration: none;