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;
21 --bgColorDark: #242930;
22 --bgColorMidDark: #353b43;
23 --bgColorLightDark: #4f5864;
24 --bgColorLight: #D2D2D2;
25 --navbarHoverColor: #111;
59 text-decoration: none;
64 font-size: calc(62.5% * var(--globalScale));
65 background-color: var(--bgColorLight);
73 grid-template-columns: 1fr;
74 grid-template-rows: 5rem 1fr 5rem;
75 grid-template-areas: /* No mostramos el aside en móbiles */
85 flex-flow: column nowrap;
86 align-items: flex-start;
87 justify-content: flex-start;
90 background-color: var(--bgColorDark);
95 flex-flow: row nowrap;
97 justify-content: space-between;
105 background-color: var(--bgColorLightDark);
111 flex-flow: row nowrap;
113 justify-content: flex-start;
114 list-style-type: none;
133 text-decoration: none;
137 background-color: var(--navbarHoverColor);
143 background-color: var(--bgColorMidDark);
144 background-image: url('../images/salamandra.svg');
145 background-size: 10rem;
146 background-position-x: right;
147 background-position-y: bottom;
148 background-repeat: no-repeat;
158 align-items: flex-start;
159 justify-content: space-between;
165 border-radius: 0.5rem;
189 background-color: var(--bgColorLightDark);
198 @media screen and (min-width: 780px) {
204 grid-template-columns: 11rem 1fr;
205 grid-template-areas: /* Tabletas se muestra el aside */
216 @media screen and (min-width: 1280px) {