From 44b980ba17fde06676e1c85179a42794952e43da Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mat=C3=ADas=20=C3=81lvarez=20L=2E?= Date: Sat, 14 Oct 2023 00:29:19 -0300 Subject: [PATCH] =?UTF-8?q?A=C3=B1adiendo=20extends=20y=20getmaps=20a=20SA?= =?UTF-8?q?SS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/maps.css.map | 1 + CSS/style.css | 50 +++++++++++++++++----------------------- CSS/style.css.map | 2 +- scss/_contacto.scss | 6 ++--- scss/_estrategias.scss | 6 ++--- scss/_extend.scss | 23 ++++++++++++++++++ scss/_generales.scss | 6 ++--- scss/_inicio.scss | 3 +-- scss/_maingenerales.scss | 4 ++-- scss/_maps.scss | 17 ++++++++++++++ scss/_mediaqueries.scss | 20 ++++++++-------- scss/_nosotros.scss | 6 ++--- scss/_recursos.scss | 16 +++++-------- scss/style.scss | 1 + 14 files changed, 92 insertions(+), 69 deletions(-) create mode 100644 CSS/maps.css.map create mode 100644 scss/_maps.scss diff --git a/CSS/maps.css.map b/CSS/maps.css.map new file mode 100644 index 0000000..2eed925 --- /dev/null +++ b/CSS/maps.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/maps.scss"],"names":[],"mappings":"AAAA;AAgBA","file":"maps.css"} \ No newline at end of file diff --git a/CSS/style.css b/CSS/style.css index d1e59b6..33f818c 100644 --- a/CSS/style.css +++ b/CSS/style.css @@ -7,6 +7,13 @@ /* FIN DE INTERLINEADOS */ /* BORDES */ /* FIN DE BORDES */ +/* DISPLAY */ +.imgrec.uno, .imgrec.dos, .vid-recursos, .valores, .misiones, .elemento-seccion { + display: grid; + place-items: center; +} + +/* FIN DE DISPLAY */ /* IMÁGENES DE FONDO */ .fondo-contacto, .fondo-estrategias, .fondo-recursos, .fondo-nosotros { background-position: center center; @@ -42,6 +49,13 @@ } /* FIN DE ARTÍCULOS */ +/* TEXTOS */ +.leer-mas, .botones-recursos1 .botonrec, .botones-recursos2 .botonrec, .boton, .titulo-seccion, .subtitulo-seccion { + text-align: center; + font-weight: bold; +} + +/* FIN DE TEXTOS */ /* BORDES */ .imagen-estrategias, .imgrec.uno .imagen-recursos, .imgrec.uno .imagen-recursos2, .imgrec.dos .imagen-recursos, .imgrec.dos .imagen-recursos2, .vid-recursos .videorecursos, .img-icono, .video { border-style: dotted; @@ -49,6 +63,11 @@ border-color: #89c4a6; } +.articulo-estrategias, .articulo-recursos, .seccion-principal2 .articulo2 { + border-bottom: dashed; + border-color: #7EAA92; +} + /* FIN DE BORDES */ /* CARDS */ .card.dos, .card { @@ -57,6 +76,8 @@ } /* FIN DE CARDS */ +/* WIDTH */ +/* FIN DE WIDTH */ /* CUESTIONES GENERALES*/ /*** Márgenes y paddings ***/ * { @@ -68,8 +89,6 @@ /*** Títulos y subtítulos ***/ .titulo-seccion, .subtitulo-seccion { color: #4a8064 !important; - text-align: center; - font-weight: bold; } .titulo-seccion { @@ -89,8 +108,6 @@ color: #ffffff; padding: 15px; text-decoration: none; - font-weight: bold; - text-align: center; max-width: fit-content; } .boton:hover { @@ -207,10 +224,6 @@ footer ul p { /*** Fin de Sección principal ***/ /*** Secciones secundarias ***/ -.elemento-seccion { - display: grid; - place-items: center; -} .elemento-seccion .imgseccion:hover { filter: opacity(50%); animation: shake-horizontal 0.8s linear both; @@ -257,8 +270,6 @@ footer ul p { .seccion-principal2 .articulo2 { margin-right: 40px; margin-top: 40px; - border-bottom: dashed; - border-color: #7EAA92; } .seccion-principal2 .articulo2 .titulo-articulo { color: #4a8064; @@ -276,11 +287,6 @@ footer ul p { margin-bottom: 50px; } -.valores, .misiones { - display: grid; - place-items: center; -} - /*** Fin de Sección Valores ***/ /*** Sección Misiones ***/ .img-icono { @@ -349,10 +355,6 @@ footer ul p { margin-top: 60px; } -.vid-recursos { - display: grid; - place-items: center; -} .vid-recursos .videorecursos { width: 560px; height: 360px; @@ -365,8 +367,6 @@ footer ul p { text-align: justify; line-height: 40px; padding: 15px; - border-bottom: dashed; - border-color: #7EAA92; margin-bottom: 40px; } @@ -380,8 +380,6 @@ footer ul p { /*** Fin de Subtítulos secciones secundarias ***/ /*** Imágenes Secciones secundarias ***/ .imgrec.uno, .imgrec.dos { - display: grid; - place-items: center; margin-top: 10px; } .imgrec.uno .imagen-recursos, .imgrec.uno .imagen-recursos2, .imgrec.dos .imagen-recursos, .imgrec.dos .imagen-recursos2 { @@ -399,9 +397,7 @@ footer ul p { display: inline-table; border-radius: 30px; color: #ffffff; - text-align: center; font-size: large; - font-weight: bold; text-decoration: none; letter-spacing: 0.3px; margin-bottom: 10px; @@ -438,8 +434,6 @@ footer ul p { /*** Artículos ***/ .articulo-estrategias { margin-bottom: 30px; - border-bottom: dashed; - border-color: #7EAA92; } .articulo-estrategias .titulo-articulo-estrategias { text-align: center; @@ -463,8 +457,6 @@ footer ul p { .leer-mas { text-decoration: none !important; font-size: large; - font-weight: bold; - text-align: center; color: #76aa8f; text-indent: 5px; } diff --git a/CSS/style.css.map b/CSS/style.css.map index 51e77df..cdc9405 100644 --- a/CSS/style.css.map +++ b/CSS/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_variables.scss","../scss/_extend.scss","../scss/_generales.scss","../scss/_maingenerales.scss","../scss/_header.scss","../scss/_footer.scss","../scss/_inicio.scss","../scss/_nosotros.scss","../scss/_recursos.scss","../scss/_estrategias.scss","../scss/_contacto.scss","../scss/_mediaqueries.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_variables.scss","../scss/_extend.scss","../scss/_maps.scss","../scss/_generales.scss","../scss/_maingenerales.scss","../scss/_header.scss","../scss/_footer.scss","../scss/_inicio.scss","../scss/_nosotros.scss","../scss/_recursos.scss","../scss/_estrategias.scss","../scss/_contacto.scss","../scss/_mediaqueries.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/scss/_contacto.scss b/scss/_contacto.scss index b995e3d..6d2e396 100644 --- a/scss/_contacto.scss +++ b/scss/_contacto.scss @@ -2,7 +2,7 @@ .body-contacto { overflow-x: hidden !important; - width: 100% !important; + width: map-get($ancho, total) !important; } /*** Imagen de fondo de la página ***/ @@ -45,7 +45,7 @@ } .foto-proyecto { - width: 90%; + width: map-get($ancho, noventa); } /*** Fin de Secciones Miembros y Proyectos ***/ @@ -128,7 +128,7 @@ button { background-color: $color-titulo-seccion; border-radius: $margen-xs; - width: 120px; + width: map-get($ancho, botonpequenio); height: $margen-m; margin-top: $margen-xsss; border-color: $color-borde-punteado; diff --git a/scss/_estrategias.scss b/scss/_estrategias.scss index 95a69d7..375c43e 100644 --- a/scss/_estrategias.scss +++ b/scss/_estrategias.scss @@ -27,9 +27,8 @@ .articulo-estrategias { @extend %formato-articulo; + @extend %estilo-borde-inferior; margin-bottom: $margen-s; - border-bottom: dashed; - border-color: $color-borde-inferior; .titulo-articulo-estrategias { text-align: center; color: $color-titulo-articulo; @@ -56,10 +55,9 @@ /*** Botón y texto Leer más ***/ .leer-mas { + @extend %formato-texto; text-decoration: none !important; font-size: large; - font-weight: bold; - text-align: center; color: $color-fondo-botones; text-indent: $margen-xxss; &:hover { diff --git a/scss/_extend.scss b/scss/_extend.scss index abd992c..eaae74d 100644 --- a/scss/_extend.scss +++ b/scss/_extend.scss @@ -1,3 +1,12 @@ +/* DISPLAY */ + +%display { + display: grid; + place-items: center; +} + +/* FIN DE DISPLAY */ + /* IMÁGENES DE FONDO */ %imagen-fondo { @@ -41,6 +50,15 @@ /* FIN DE ARTÍCULOS */ +/* TEXTOS */ + +%formato-texto { + text-align: center; + font-weight: bold; +} + +/* FIN DE TEXTOS */ + /* BORDES */ %estilo-borde { @@ -49,6 +67,11 @@ border-color: $color-borde-punteado; } +%estilo-borde-inferior { + border-bottom: dashed; + border-color: $color-borde-inferior; +} + /* FIN DE BORDES */ /* CARDS */ diff --git a/scss/_generales.scss b/scss/_generales.scss index 89e7e1d..5066e14 100644 --- a/scss/_generales.scss +++ b/scss/_generales.scss @@ -13,8 +13,7 @@ .titulo-seccion, .subtitulo-seccion { color: $color-titulo-seccion !important; - text-align: center; - font-weight: bold; + @extend %formato-texto; } .titulo-seccion { @@ -36,9 +35,8 @@ color: $color-white; padding: $margen-xsss; text-decoration: none; - font-weight: bold; - text-align: center; max-width: fit-content; + @extend %formato-texto; &:hover { background: $color-hover-botones !important; } diff --git a/scss/_inicio.scss b/scss/_inicio.scss index 85f1cae..802d966 100644 --- a/scss/_inicio.scss +++ b/scss/_inicio.scss @@ -45,8 +45,7 @@ /*** Secciones secundarias ***/ .elemento-seccion { - display: grid; - place-items: center; + @extend %display; .imgseccion { &:hover { filter: opacity(50%); diff --git a/scss/_maingenerales.scss b/scss/_maingenerales.scss index 99da37e..1bb816c 100644 --- a/scss/_maingenerales.scss +++ b/scss/_maingenerales.scss @@ -3,7 +3,7 @@ /*** Banner ***/ .banner { - width: 100%; + width: map-get($ancho, total); margin-top: $margen-s; border-top-style: solid; border-bottom-style: solid; @@ -16,7 +16,7 @@ /*** Videos embebidos ***/ .video { - width: 560px; + width: map-get($ancho, video); height: 360px; border-radius: $margen-l; @extend %estilo-borde; diff --git a/scss/_maps.scss b/scss/_maps.scss new file mode 100644 index 0000000..a41a32d --- /dev/null +++ b/scss/_maps.scss @@ -0,0 +1,17 @@ +/* WIDTH */ + +$ancho:( + total: 100%, + noventaycinco: 95%, + noventa: 90%, + ochenta: 80%, + video: 560px, + videomediano: 400px, + videopequenio: 350px, + videomobile: 280px, + botongrande: 200px, + botoncomun: 150px, + botonpequenio: 120px +); + +/* FIN DE WIDTH */ \ No newline at end of file diff --git a/scss/_mediaqueries.scss b/scss/_mediaqueries.scss index 278e6fb..b2a6cd9 100644 --- a/scss/_mediaqueries.scss +++ b/scss/_mediaqueries.scss @@ -86,7 +86,7 @@ @media (min-width: 850px) and (max-width: 991px) { .videorecursos { - width: 350px; + width: map-get($ancho, videopequenio); height: 250px; } @@ -128,7 +128,7 @@ } .videorecursos { - width: 400px !important; + width: map-get($ancho, videomediano) !important; height: 250px !important; margin-top: $margen-xss; } @@ -155,7 +155,7 @@ } .videorecursos { - width: 400px !important; + width: map-get($ancho, videomediano) !important; height: 250px !important; margin-top: $margen-xss; } @@ -182,7 +182,7 @@ } .videorecursos { - width: 280px !important; + width: map-get($ancho, videomobile) !important; height: 200px !important; margin-top: $margen-xss; } @@ -203,7 +203,7 @@ } .botonrec { - width: 150px !important; + width: map-get($ancho, botoncomun) !important; font-size: small !important; } } @@ -225,7 +225,7 @@ @media (min-width: 991px) and (max-width: 1206px) { .body-contacto { overflow-x: hidden !important; - width: 100%; + width: map-get($ancho, total); .card, .card.dos { display: none; } @@ -241,7 +241,7 @@ margin: 0px; } .formulario { - width: 80%; + width: map-get($ancho, ochenta); } } } @@ -249,18 +249,18 @@ @media (min-width: 300px) and (max-width: 990px) { .body-contacto { overflow-x: hidden !important; - width: 100% !important; + width: map-get($ancho, total) !important; .subtitulo-seccion.mapa, .mapa, .card, .card.dos { display: none; } .foto-miembro, .foto-proyecto { - width: 100%; + width: map-get($ancho, total); } .subtitulo-seccion.consultas { margin: 20px 0px; } .formulario { - width: 95%; + width: map-get($ancho, noventaycinco); } } } diff --git a/scss/_nosotros.scss b/scss/_nosotros.scss index 9fd5056..0446eb6 100644 --- a/scss/_nosotros.scss +++ b/scss/_nosotros.scss @@ -15,10 +15,9 @@ @extend %margen-seccion-principal; .articulo2 { @extend %formato-articulo; + @extend %estilo-borde-inferior; margin-right: $margen-m; margin-top: $margen-m; - border-bottom: dashed; - border-color: $color-borde-inferior; .titulo-articulo { color: $color-titulo-seccion; text-align: center; @@ -40,8 +39,7 @@ } .valores, .misiones { - display: grid; - place-items: center; + @extend %display; } /*** Fin de Sección Valores ***/ diff --git a/scss/_recursos.scss b/scss/_recursos.scss index 3b97a7d..1a6c189 100644 --- a/scss/_recursos.scss +++ b/scss/_recursos.scss @@ -24,10 +24,9 @@ } .vid-recursos { - display: grid; - place-items: center; + @extend %display; .videorecursos { - width: 560px; + width: map-get($ancho, video); height: 360px; margin-bottom: $margen-xsss; border-radius: $margen-l; @@ -40,9 +39,8 @@ text-align: justify; line-height: $margen-m; padding: $margen-xsss; - border-bottom: dashed; - border-color: $color-borde-inferior; margin-bottom: $margen-m; + @extend %estilo-borde-inferior; } /*** Fin de Artículo principal ***/ @@ -59,8 +57,7 @@ /*** Imágenes Secciones secundarias ***/ .imgrec.uno, .imgrec.dos { - display: grid; - place-items: center; + @extend %display; margin-top: $margen-xss; .imagen-recursos, .imagen-recursos2 { @extend %estilo-borde; @@ -75,18 +72,17 @@ .botones-recursos1, .botones-recursos2 { display: grid; .botonrec { + @extend %formato-texto; background-color: $color-fondo-botones; padding: $margen-xs; display: inline-table; border-radius: $margen-s; color: $color-white; - text-align: center; font-size: large; - font-weight: bold; text-decoration: none; letter-spacing: 0.3px; margin-bottom: $margen-xss; - width: 200px; + width: map-get($ancho, botongrande); &:hover { background: $color-hover-botones; } diff --git a/scss/style.scss b/scss/style.scss index 4759b4b..4da2e2c 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -1,5 +1,6 @@ @import 'variables'; @import 'extend'; +@import 'maps'; @import 'generales'; @import 'maingenerales'; @import 'header';