diff --git a/CSS/style.css b/CSS/style.css index 995fbef..d1e59b6 100644 --- a/CSS/style.css +++ b/CSS/style.css @@ -7,6 +7,56 @@ /* FIN DE INTERLINEADOS */ /* BORDES */ /* FIN DE BORDES */ +/* IMÁGENES DE FONDO */ +.fondo-contacto, .fondo-estrategias, .fondo-recursos, .fondo-nosotros { + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +/* FIN DE IMÁGENES DE FONDO */ +/* MÁRGENES SECCIONES PRINCIPALES */ +.seccion-principal2, .seccion-principal { + margin-top: 80px; + margin-bottom: 80px; +} + +/* FIN DE MÁRGENES SECCIONES PRINCIPALES */ +/* TÍTULOS Y SUBTÍTULOS */ +.titulo-seccion, .seccion-principal .articulo1 .titulo-articulo { + text-align: center; + color: #7fab94; + font-size: x-large; +} + +.subtitulo-seccion.mapa, .subtitulo-seccion.comunidad { + font-weight: normal; + margin-bottom: 30px; +} + +/* FIN DE TÍTULOS Y SUBTÍTULOS */ +/* ARTÍCULOS */ +.articulo-estrategias, .seccion-principal2 .articulo2, .seccion-principal .articulo1 { + text-align: justify; + line-height: 25px; +} + +/* FIN DE ARTÍCULOS */ +/* 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; + border-width: 5px; + border-color: #89c4a6; +} + +/* FIN DE BORDES */ +/* CARDS */ +.card.dos, .card { + text-align: center; + color: #559374; +} + +/* FIN DE CARDS */ /* CUESTIONES GENERALES*/ /*** Márgenes y paddings ***/ * { @@ -65,9 +115,6 @@ .video { width: 560px; height: 360px; - border-style: dotted; - border-width: 5px; - border-color: #89c4a6; border-radius: 50px; } @@ -149,19 +196,10 @@ footer ul p { /*** Fin de Carrusel ***/ /*** Sección principal ***/ -.seccion-principal { - margin-top: 80px; - margin-bottom: 80px; -} .seccion-principal .articulo1 { - text-align: justify; - line-height: 25px; margin-left: 30px; } .seccion-principal .articulo1 .titulo-articulo { - text-align: center; - color: #7fab94; - font-size: x-large; font-weight: bold; margin-top: 10px; margin-bottom: 20px; @@ -212,22 +250,13 @@ footer ul p { /*** Imagen de fondo de la página ***/ .fondo-nosotros { background-image: url(../img/Fondo2.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; } /*** Fin de imagen de fondo de la página ***/ /*** Sección principal ***/ -.seccion-principal2 { - margin-top: 80px; - margin-bottom: 80px; -} .seccion-principal2 .articulo2 { margin-right: 40px; margin-top: 40px; - text-align: justify; - line-height: 25px; border-bottom: dashed; border-color: #7EAA92; } @@ -255,9 +284,6 @@ footer ul p { /*** Fin de Sección Valores ***/ /*** Sección Misiones ***/ .img-icono { - border-style: dotted; - border-width: 5px; - border-color: #89c4a6; border-radius: 80px; } .img-icono:hover { @@ -315,9 +341,6 @@ footer ul p { /*** Imagen de fondo de la página ***/ .fondo-recursos { background-image: url(../img/Fondo3.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; } /*** Fin de imagen de fondo de la página ***/ @@ -334,9 +357,6 @@ footer ul p { width: 560px; height: 360px; margin-bottom: 15px; - border-style: dotted; - border-width: 5px; - border-color: #89c4a6; border-radius: 50px; } @@ -365,9 +385,6 @@ footer ul p { margin-top: 10px; } .imgrec.uno .imagen-recursos, .imgrec.uno .imagen-recursos2, .imgrec.dos .imagen-recursos, .imgrec.dos .imagen-recursos2 { - border-style: dotted; - border-width: 5px; - border-color: #89c4a6; border-radius: 50px; } @@ -404,17 +421,11 @@ footer ul p { /*** Imagen de fondo de la página ***/ .fondo-estrategias { background-image: url(../img/Fondo4.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; } /*** Fin de imagen de fondo de la página ***/ /*** Títulos ***/ .titulo-seccion { - text-align: center; - color: #7fab94; - font-size: x-large; font-weight: bolder; margin-top: 50px; } @@ -426,8 +437,6 @@ footer ul p { /*** Fin de Títulos ***/ /*** Artículos ***/ .articulo-estrategias { - text-align: justify; - line-height: 25px; margin-bottom: 30px; border-bottom: dashed; border-color: #7EAA92; @@ -445,9 +454,6 @@ footer ul p { /*** Imágenes ***/ .imagen-estrategias { align-items: center; - border-style: dotted; - border-width: 5px; - border-color: #89c4a6; border-radius: 50px; margin-left: 50px; } @@ -490,9 +496,6 @@ footer ul p { /*** Imagen de fondo de la página ***/ .fondo-contacto { background-image: url(../img/Fondo5.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; } /*** Fin de imagen de fondo de la página ***/ @@ -507,47 +510,33 @@ footer ul p { /*** Fin de Títulos ***/ /*** Secciones Miembros y Proyectos ***/ -.subtitulo-seccion.comunidad { - font-weight: normal; - margin-bottom: 30px; -} - .subtitulo-seccion.proyectos { margin-top: 70px; } -.foto-miembro { +.foto-miembro, .foto-proyecto { border-radius: 30px; margin: 3px; } -.foto-miembro:hover { +.foto-miembro:hover, .foto-proyecto:hover { filter: opacity(50%); } .foto-proyecto { - border-radius: 30px; - margin: 3px; width: 90%; } -.foto-proyecto:hover { - filter: opacity(50%); -} /*** Fin de Secciones Miembros y Proyectos ***/ /*** Sección Mapa ***/ .subtitulo-seccion.mapa { - font-weight: normal; margin-left: 250px; - margin-bottom: 30px; } .card { width: 18rem; height: 22rem; font-size: large; - text-align: center; font-weight: bold; - color: #559374; margin-top: 15px; } @@ -572,9 +561,7 @@ footer ul p { .card.dos { width: 20rem; height: 40rem; - text-align: center; font-weight: normal; - color: #559374; align-self: center; margin-top: -20px; margin-left: -30px; diff --git a/CSS/style.css.map b/CSS/style.css.map index 59d4286..51e77df 100644 --- a/CSS/style.css.map +++ b/CSS/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_variables.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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;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;IACA;;;AAIR;AAEA;AAEA;EACI;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA,YVzEI;;EU4ER;IACI;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA,YVzFI;;EU4FR;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;IACA;IACA,YV3GK;;EU8GT;IACI;IACA;IACA;;EAGJ;IACI;IACA,YVpHI;;EUuHR;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;IACA;IACA,YVtIK;;EUyIT;IACI;IACA;IACA;;EAGJ;IACI;IACA,YV/II;;EUkJR;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;IACA;IACA,YVjKK;;EUoKT;IACI;IACA;IACA;;EAGJ;IACI;IACA,YV1KI;;EU6KR;IACI;;EAGJ;IACI;IACA;;;AAIR;AAEA;AAEA;EACI;IACI,eVzLG;;;AU6LX;AAEA;AAEA;EACI;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;;AAKZ;EACI;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAKZ","file":"style.css"} \ No newline at end of file +{"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 diff --git a/scss/_contacto.scss b/scss/_contacto.scss index 895a65a..b995e3d 100644 --- a/scss/_contacto.scss +++ b/scss/_contacto.scss @@ -9,9 +9,7 @@ .fondo-contacto { background-image: url(../img/Fondo5.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; + @extend %imagen-fondo; } /*** Fin de imagen de fondo de la página ***/ @@ -31,15 +29,14 @@ /*** Secciones Miembros y Proyectos ***/ .subtitulo-seccion.comunidad { - font-weight: normal; - margin-bottom: $margen-s; + @extend %subtitulo-seccion; } .subtitulo-seccion.proyectos { margin-top: $margen-xll; } -.foto-miembro { +.foto-miembro, .foto-proyecto { border-radius: $margen-s; margin: $margen-xxs; &:hover { @@ -48,12 +45,7 @@ } .foto-proyecto { - border-radius: $margen-s; - margin: $margen-xxs; width: 90%; - &:hover { - filter: opacity(50%); - } } /*** Fin de Secciones Miembros y Proyectos ***/ @@ -61,18 +53,16 @@ /*** Sección Mapa ***/ .subtitulo-seccion.mapa { - font-weight: normal; + @extend %subtitulo-seccion; margin-left: 250px; - margin-bottom: $margen-s; } .card { width: 18rem; height: 22rem; + @extend %formato-cards; font-size: large; - text-align: center; font-weight: bold; - color: $color-texto; margin-top: $margen-xsss; } @@ -99,9 +89,8 @@ .card.dos { width: 20rem; height: 40rem; - text-align: center; - font-weight:normal; - color: $color-texto; + @extend %formato-cards; + font-weight: normal; align-self: center; margin-top: -20px; margin-left: -30px; diff --git a/scss/_estrategias.scss b/scss/_estrategias.scss index 8f4063b..95a69d7 100644 --- a/scss/_estrategias.scss +++ b/scss/_estrategias.scss @@ -4,9 +4,7 @@ .fondo-estrategias { background-image: url(../img/Fondo4.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; + @extend %imagen-fondo; } /*** Fin de imagen de fondo de la página ***/ @@ -14,9 +12,7 @@ /*** Títulos ***/ .titulo-seccion { - text-align: center; - color: $color-titulo-articulo; - font-size: x-large; + @extend %titulo-articulo; font-weight: bolder; margin-top: $margen-l; } @@ -30,8 +26,7 @@ /*** Artículos ***/ .articulo-estrategias { - text-align: justify; - line-height: $margen-sxs; + @extend %formato-articulo; margin-bottom: $margen-s; border-bottom: dashed; border-color: $color-borde-inferior; @@ -50,10 +45,8 @@ /*** Imágenes ***/ .imagen-estrategias { + @extend %estilo-borde; align-items: center; - border-style: dotted; - border-width: $margen-xxss; - border-color: $color-borde-punteado; border-radius: $margen-l; margin-left: $margen-l; } diff --git a/scss/_extend.scss b/scss/_extend.scss new file mode 100644 index 0000000..abd992c --- /dev/null +++ b/scss/_extend.scss @@ -0,0 +1,61 @@ +/* IMÁGENES DE FONDO */ + +%imagen-fondo { + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + +/* FIN DE IMÁGENES DE FONDO */ + +/* MÁRGENES SECCIONES PRINCIPALES */ + +%margen-seccion-principal { + margin-top: $margen-xxl; + margin-bottom: $margen-xxl; +} + +/* FIN DE MÁRGENES SECCIONES PRINCIPALES */ + +/* TÍTULOS Y SUBTÍTULOS */ + +%titulo-articulo { + text-align: center; + color: $color-titulo-articulo; + font-size: x-large; +} + +%subtitulo-seccion { + font-weight: normal; + margin-bottom: $margen-s; +} + +/* FIN DE TÍTULOS Y SUBTÍTULOS */ + +/* ARTÍCULOS */ + +%formato-articulo { + text-align: justify; + line-height: $margen-sxs; +} + +/* FIN DE ARTÍCULOS */ + +/* BORDES */ + +%estilo-borde { + border-style: dotted; + border-width: $margen-xxss; + border-color: $color-borde-punteado; +} + +/* FIN DE BORDES */ + +/* CARDS */ + +%formato-cards { + text-align: center; + color: $color-texto; +} + +/* FIN DE CARDS */ \ No newline at end of file diff --git a/scss/_inicio.scss b/scss/_inicio.scss index 9b2d52a..85f1cae 100644 --- a/scss/_inicio.scss +++ b/scss/_inicio.scss @@ -27,16 +27,12 @@ /*** Sección principal ***/ .seccion-principal { - margin-top: $margen-xxl; - margin-bottom: $margen-xxl; + @extend %margen-seccion-principal; .articulo1 { - text-align: justify; - line-height: $margen-sxs; + @extend %formato-articulo; margin-left: $margen-s; .titulo-articulo { - text-align: center; - color: $color-titulo-articulo; - font-size: x-large; + @extend %titulo-articulo; font-weight: bold; margin-top: $margen-xss; margin-bottom: $margen-xs; diff --git a/scss/_maingenerales.scss b/scss/_maingenerales.scss index a9bdf48..99da37e 100644 --- a/scss/_maingenerales.scss +++ b/scss/_maingenerales.scss @@ -18,10 +18,8 @@ .video { width: 560px; height: 360px; - border-style: dotted; - border-width: $margen-xxss; - border-color: $color-borde-punteado; border-radius: $margen-l; + @extend %estilo-borde; } /*** Fin de Videos embebidos ***/ diff --git a/scss/_nosotros.scss b/scss/_nosotros.scss index 5ae43d6..9fd5056 100644 --- a/scss/_nosotros.scss +++ b/scss/_nosotros.scss @@ -4,9 +4,7 @@ .fondo-nosotros { background-image: url(../img/Fondo2.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; + @extend %imagen-fondo; } /*** Fin de imagen de fondo de la página ***/ @@ -14,13 +12,11 @@ /*** Sección principal ***/ .seccion-principal2 { - margin-top: $margen-xxl; - margin-bottom: $margen-xxl; + @extend %margen-seccion-principal; .articulo2 { + @extend %formato-articulo; margin-right: $margen-m; margin-top: $margen-m; - text-align: justify; - line-height: $margen-sxs; border-bottom: dashed; border-color: $color-borde-inferior; .titulo-articulo { @@ -53,9 +49,7 @@ /*** Sección Misiones ***/ .img-icono { - border-style: dotted; - border-width: $margen-xxss; - border-color: $color-borde-punteado; + @extend %estilo-borde; border-radius: $margen-xxl; &:hover { animation:wobble-horizontal-top .8s linear both diff --git a/scss/_recursos.scss b/scss/_recursos.scss index c61095d..3b97a7d 100644 --- a/scss/_recursos.scss +++ b/scss/_recursos.scss @@ -12,9 +12,7 @@ .fondo-recursos { background-image: url(../img/Fondo3.webp); - background-position: center center; - background-size: cover; - background-repeat: no-repeat; + @extend %imagen-fondo; } /*** Fin de imagen de fondo de la página ***/ @@ -32,10 +30,8 @@ width: 560px; height: 360px; margin-bottom: $margen-xsss; - border-style: dotted; - border-width: $margen-xxss; - border-color: $color-borde-punteado; border-radius: $margen-l; + @extend %estilo-borde; } } @@ -67,9 +63,7 @@ place-items: center; margin-top: $margen-xss; .imagen-recursos, .imagen-recursos2 { - border-style: dotted; - border-width: $margen-xxss; - border-color: $color-borde-punteado; + @extend %estilo-borde; border-radius: $margen-l; } } diff --git a/scss/style.scss b/scss/style.scss index 7e40430..4759b4b 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -1,4 +1,5 @@ @import 'variables'; +@import 'extend'; @import 'generales'; @import 'maingenerales'; @import 'header';