Realizando nuevos ajustes al proyecto

alvarezlmatias · Oct 30, 2023 · 9f3cb2f · 9f3cb2f
1 parent 5a32818
commit 9f3cb2f
Show file tree

Hide file tree

Showing 13 changed files with 29 additions and 20 deletions.
diff --git a/CSS/style.css b/CSS/style.css
diff --git a/CSS/style.css.map b/CSS/style.css.map
diff --git a/img/Estrategias1.webp b/img/Estrategias1.webp
diff --git a/img/Estrategias2.webp b/img/Estrategias2.webp
diff --git a/img/Estrategias3.webp b/img/Estrategias3.webp
diff --git a/img/Estrategias4.webp b/img/Estrategias4.webp
diff --git a/img/Recursos 1.webp b/img/Recursos 1.webp
diff --git a/img/Recursos 2.webp b/img/Recursos 2.webp
diff --git a/scss/utilities/_maps.scss b/scss/utilities/_maps.scss
@@ -5,11 +5,11 @@ $ancho:(
     noventaycinco: 95%,
     noventa: 90%,
     ochenta: 80%,
-    video: 560px,
+    video: 500px,
     videomediano: 400px,
     videopequenio: 350px,
     videomobile: 280px,
-    botongrande: 300px,
+    botongrande: 330px,
     botoncomun: 150px,
     botonpequenio: 120px
 );

diff --git a/scss/utilities/_variables.scss b/scss/utilities/_variables.scss
@@ -28,6 +28,7 @@ $margen-xsss: 15px;
 $margen-xs: 20px;
 $margen-sxs: 25px;
 $margen-s: 30px;
+$margen-sm: 35px;
 $margen-m: 40px;
 $margen-l: 50px;
 $margen-xl: 60px;

diff --git a/scss/views/_inicio.scss b/scss/views/_inicio.scss
@@ -28,13 +28,17 @@
 
 .seccion-principal {
     @extend %margen-seccion-principal;
+    .video.inicio {
+        margin-left: $margen-sm;
+    }
     .articulo1 {
         @extend %formato-articulo;
-        margin-left: $margen-s;
+        margin-left: $margen-xs;
+        margin-right: $margen-m;
         .titulo-articulo {
             @extend %titulo-articulo;
             font-weight: bold;
-            margin-top: $margen-xss;
+            margin-top: $margen-xs;
             margin-bottom: $margen-xs;
         }
     }

diff --git a/scss/views/_nosotros.scss b/scss/views/_nosotros.scss
@@ -16,20 +16,20 @@
     .articulo2 {
         @extend %formato-articulo;
         @extend %estilo-borde-inferior;
-        margin-left: 50px;
+        margin-left: $margen-m;
         margin-right: $margen-m;
         margin-top: $margen-xsss;
         .titulo-articulo {
             color: $color-titulo-seccion;
             text-align: center;
             font-size: xx-large;
-            margin-bottom: 30px;
+            margin-bottom: $margen-s;
         }
     }
     .video.articulo2 {
         margin-top: -10px;
         margin-left: -30px;
-        width: 500px;
+        width: map-get($ancho, video);
     }
 }
 

diff --git a/scss/views/_recursos.scss b/scss/views/_recursos.scss
@@ -39,8 +39,8 @@
     text-align: justify;
     line-height: $margen-s;
     padding: $margen-xsss;
-    margin-left: 80px;
-    margin-right: 80px;
+    margin-left: $margen-l;
+    margin-right: $margen-l;
     margin-bottom: $margen-xss;
     @extend %estilo-borde-inferior;
 }
@@ -77,7 +77,7 @@
     .botonrec {
         @extend %formato-texto;
         background-color: $color-fondo-botones;
-        padding: $margen-xs;
+        padding: $margen-sxs;
         display: inline-table;
         border-radius: $margen-s;
         color: $color-white;