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

admin/style/scss/partials/_forms.scss

@@ -42 +42 @@
   border-width: 1px 0;
   border-style: solid;
-  border-color: #ccc;
-  background: #f7f7f7;
+  border-color: $fieldset-border;
+  background: $fieldset-background;
   &:focus-within {
-    background-color: #eee;
+    background-color: $fieldset-focus-background;
   }
 }
@@ -65 +65 @@
   border-width: 1px;
   border-style: solid;
-  border-color: #676e78;
-  background: #fff;
+  border-color: $legend-border;
+  background: $legend-background;
   margin-bottom: 0.5em;
 }
@@ -73 +73 @@
 }
 input.invalid, textarea.invalid, select.invalid, input:not([type=file]):invalid:not(:focus) {
-  color: #900;
-  box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3);
+  color: $invalid-input-color;
+  box-shadow: 0 0 0 3px $invalid-input-shadow;
 }
 input.invalid, textarea.invalid, input:not([type=file]):invalid:not(:focus) {
-  border: 1px solid red;
-  background: #FFBABA;
+  border: 1px solid $invalid-input-border;
+  background: $invalid-input-background;
 }
 input[type=text],
@@ -91 +91 @@
 input[type=number],
 textarea, select, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
-  color: #000;
-  box-shadow: 1px 1px 2px #f3f3f3 inset;
+  color: $input-color;
+  box-shadow: 1px 1px 2px $input-shadow inset;
   padding: 3px;
   vertical-align: top;
@@ -107 +107 @@
 input[type=number],
 textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
-  background: #fcfcfc;
+  background: $input-background;
   border-width: 1px;
   border-style: solid;
-  border-color: #dfdfdf;
+  border-color: $input-border;
 }
 input:focus, textarea:focus {
-  border-color: #9bca1c;
+  border-color: $input-focus;
 }
 textarea {
@@ -197 +197 @@
 }
 label.required abbr {
-  color: #900;
+  color: $error-alt;
   font-size: 1.3em;
   text-decoration: none;
@@ -225 +225 @@
   font-style: italic;
   font-weight: normal;
-  color: #676e78;
+  color: $form-note-color;
 }
 p.form-note, p.form-stats {
@@ -243 +243 @@
   }
   50% {
-    background-color: #ffbaba;
+    background-color: $error-background;
   }
   100% {
@@ -259 +259 @@
   }
   50% {
-    background-color: #ccff00;
+    background-color: $input-focus;
   }
   100% {