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

admin/style/scss/partials/_blog_theme.scss

@@ -12 +12 @@
      margin: 5px;
      padding: 10px 10px 5px 10px;
-     border: 1px solid #dfdfdf;
+     border: 1px solid $theme-box-border;
      position: relative;
      &:hover {
-          background: #ecf0f1 url(texture.png);
+          background: $theme-box-over url(texture.png);
      }
      input {
@@ -25 +25 @@
 .module-name label {
      margin-bottom: .5em;
-     color: #676e78;
+     color: $theme-name-color;
 }
 
@@ -32 +32 @@
      img {
           padding: 5px;
-          background: #f7f7f7;
-          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-          border: 3px solid #fff;
+          background: $theme-img-background;
+          box-shadow: 1px 1px 2px $theme-img-shadow;
+          border: 3px solid $theme-img-border;
           max-width: 100%;
      }
@@ -117 +117 @@
           margin: 0;
           padding: 10px;
-          background: rgba(250, 250, 250, .95);
+          background: $theme-action-background;
      }
      .module-infos.toggle-bloc {
           top: 128px;
           height: 80px;
-          border-top: 1px solid #e3e3e3;
+          border-top: 1px solid $theme-action-border;
      }
      .module-actions.toggle-bloc {
           top: 208px;
           height: 40px;
-          border-bottom: 1px solid #e3e3e3;
+          border-bottom: 1px solid $theme-action-border;
      }
 }
@@ -143 +143 @@
      margin: 5px;
      padding: 20px 18px 6px;
-     background: #fff url(texture.png);
-     border: 1px solid #eee;
+     background: $theme-current-background url(texture.png);
+     border: 1px solid $theme-current-border;
      border-radius: .5em;
      min-height: 326px;
-     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+     box-shadow: 1px 1px 2px $theme-current-shadow;
      position: relative;
      .module-sshot:hover {
@@ -155 +155 @@
           float: left;
           margin-right: 2em;
-          border: 9px solid #fff;
+          border: 9px solid $theme-current-img-border;
           padding: 5px;
           max-width: 308px;
@@ -161 +161 @@
      }
      .module-name {
-          color: #D33800;
+          color: $theme-current-name-color;
           font-size: 1.5em;
           margin-bottom: 1em;