1 /* ESTILOS CSS PARA EL SITIO WEB DE SALAMANDRADEVS */
4 Puedes copiar, modificar y usar este software bajo los términos de la licencia general de uso público reducida de GNU.
5 Encontrarás una copia de la licencia aquí https://www.gnu.org/licenses/lgpl-3.0.html */
7 /* Metodología mobile first o pantallas pequeñas primero.
8 Primero se escriben las reglas para el ancho de portview
9 más pequeño a considerar */
11 /* VARIABLES Y REGLAS GENERALES */
15 box-sizing: border-box;
19 --bgColorDark: #006b91;
20 --bgColorLight: #D2D2D2;
53 text-decoration: none;
58 font-size: calc(62.5% * var(--globalScale));
59 background-color: var(--bgColorDark);
66 grid-template-columns: 1fr;
67 grid-template-rows: 5rem 1fr 5rem;
68 grid-template-areas: /* No mostramos el aside en móbiles */
79 flex-flow: column nowrap;
80 align-items: flex-start;
81 justify-content: flex-start;
85 background-color: #242930;
87 >>>>>>> 9b5582b (recreando repositorio)
92 flex-flow: row nowrap;
94 justify-content: space-between;
103 flex-flow: row nowrap;
105 justify-content: space-between;
109 background-color: #4f5864;
115 background-color: #353b43;
125 align-items: flex-start;
126 justify-content: space-between;
132 border-radius: 0.5rem;
157 align-items: flex-start;
158 justify-content: space-between;
164 border-radius: 0.5rem;
174 >>>>>>> 9b5582b (recreando repositorio)
190 background-color: #4f5864;
192 >>>>>>> 9b5582b (recreando repositorio)
196 background-image: url('');
197 background-attachment: fixed;
198 background-size: cover;
199 background-position: center;
203 background-color: var(--bgColorLight);
209 >>>>>>> 9b5582b (recreando repositorio)
213 @media screen and (min-width: 780px) {
219 grid-template-columns: 11rem 1fr;
220 grid-template-areas: /* Tabletas se muestra el aside */
239 >>>>>>> 9b5582b (recreando repositorio)
241 @media screen and (min-width: 1280px) {
250 >>>>>>> 9b5582b (recreando repositorio)