Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
clase:daw:diw:1eval:tema02 [2023/09/25 22:37] admin [Ejercicios] |
clase:daw:diw:1eval:tema02 [2024/05/17 18:43] (actual) admin [Introducción al Layout con CSS] |
||
---|---|---|---|
Línea 5: | Línea 5: | ||
Mas información: | Mas información: | ||
- | * [[https://alligator.io/css/css-grid-layout-grid-areas/ | + | * [[https://css-tricks.com/almanac/properties/ |
+ | * [[https:// | ||
<sxh html> | <sxh html> | ||
Línea 174: | Línea 175: | ||
<sxh sass> | <sxh sass> | ||
- | @import "./_boton.scss"; | + | @import "./_c-button.scss"; |
</ | </ | ||
Línea 389: | Línea 390: | ||
/scss | /scss | ||
/ | / | ||
- | _variables.scss | + | _css-variables.scss |
+ | | ||
| | ||
| | ||
Línea 395: | Línea 397: | ||
_override.scss | _override.scss | ||
_reset.scss | _reset.scss | ||
+ | _typography.scss | ||
/03_layout | /03_layout | ||
_cada_uno_de_los_layouts.scss | _cada_uno_de_los_layouts.scss | ||
Línea 407: | Línea 410: | ||
* / | * / | ||
- | * _variables.scss: Variables como por ejemplo los colores o tamaños de margen ,etc. | + | * _css-variables.scss: Variables |
+ | * _sass-variables.scss: | ||
* _functions.scss: | * _functions.scss: | ||
* _mixins.scss: | * _mixins.scss: | ||
Línea 413: | Línea 417: | ||
* _override.scss: | * _override.scss: | ||
* _reset.scss: | * _reset.scss: | ||
+ | * _typography.scss: | ||
* /03_layout | * /03_layout | ||
* _cada_uno_de_los_layouts.scss: | * _cada_uno_de_los_layouts.scss: | ||
Línea 448: | Línea 453: | ||
==== Ejercicio 3.B ==== | ==== Ejercicio 3.B ==== | ||
- | Modifica el ejercicio anterior de forma que haya botones de mayor y menos tamaño. | + | Modifica el ejercicio anterior de forma que haya botones de mayor y menor tamaño. |
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
Para aumentar o disminuir el tamaño deberás modificar: | Para aumentar o disminuir el tamaño deberás modificar: |