Curso de SASS🌈 de 0 a 100 [07.- Operaciones y Listas]

Video: https://youtu.be/PxG8u9GWwGI
programadornovato · Aug 5, 2019 · 7d545f5 · 7d545f5
1 parent e45d0a4
commit 7d545f5
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+*.scssc
diff --git a/rutaCss/estilo.css b/rutaCss/estilo.css
diff --git a/rutaCss/estilo.css.map b/rutaCss/estilo.css.map
diff --git a/rutaSass/_mixin.scss b/rutaSass/_mixin.scss
@@ -3,12 +3,14 @@
     width: $ancho;
     height: $alto;
 }
+$color:#333;
+$colores:(#333,#666,#888,#aaa);
 #rec1{
-    @include forma(red,300px,50px);
+    @include forma(nth($colores,4),300px,50px);
 }
 #rec2{
-    @include forma(#aaa,400px,20px);
+    @include forma($color*2,400px,20px);
 }
 #rec3{
-    @include forma(green,100px,50px);
+    @include forma($color*4,100px,50px);
 }