Define colors as sass variables⎄

2019-09-25 15:53:54 +02:00
parent 167eb6982f
commit 45dc7f3feb
9 changed files with 37 additions and 21 deletions
--- a/src/css/popup.scss
+++ b/src/css/popup.scss
@@ -1,6 +1,6 @@
+@import "variables";
@import "form";
@import "spinner";
-@import "variables";

 html {
  overflow: hidden;
@@ -14,6 +14,10 @@ html {
    #moco-bx-root {
      min-width: 516px;

+      .text-red {
+        color: $red;
+      }
+
      .moco-bx-app-container {
        width: 324px;
        padding: 3rem 6rem;
@@ -69,7 +73,7 @@ html {

            &.moco-bx-calendar__day--filled {
              .moco-bx-calendar__hours {
-                background-color: #7dc332;
+                background-color: $green;
              }
            }

@@ -82,7 +86,7 @@ html {

            &.moco-bx-calendar__day--active {
              .moco-bx-calendar__hours {
-                background-color: #38b5eb;
+                background-color: $blue;
              }
            }
          }