ajustes map-get

arkenvolt · Mar 8, 2024 · 14a1a8d · 14a1a8d
1 parent b2d5f5b
commit 14a1a8d
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 5 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/scss/general/variables.scss b/scss/general/variables.scss
@@ -2,6 +2,12 @@ $color-primario: #000;
 $color-secundario: blue;
 $color-terciario: #ff0000;
 
+$colores: (
+    1er: #000098,
+    2do: #991199,
+    3er: #999900,
+);
+
 $tipografia-titulos: 'Montserrat';
 $tipografia-parrafos: 'Roboto';
 

diff --git a/scss/layout/header.scss b/scss/layout/header.scss
@@ -1,7 +1,7 @@
 header{
     font-family: $tipografia-titulos;
     width: 100%;
-    background-color: $color-terciario;
+    background-color: map-get($colores, 1er);
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -12,7 +12,7 @@ header{
         li{
             padding: 0px 12px;
             color: $color-primario;
-            border-right: 1px solid black;
+            border-right: 1px solid #999900;
             &:last-of-type{
                 border-right: unset;
             }
@@ -32,4 +32,9 @@ header{
             width: 10% * $i;
         }
     }
+    @each $color in red, black, yellow, white{
+        .bk-#{$color}{
+            background-color: $color;
+        }
+    }
 }