Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:1eval:tema02 [2023/09/26 19:11]
admin [Ejercicios]
+++ clase:daw:diw:1eval:tema02 [2024/05/17 18:43]
admin [Introducción al Layout con CSS]
@@ Línea 5: / Línea 5: @@
 Mas información:
-  * [[https://alligator.io/css/css-grid-layout-grid-areas/|CSS Grid Layout: Grid Areas]]
+  * [[https://css-tricks.com/almanac/properties/g/grid-template-areas/|grid-template-areas]]
+  * [[https://www.smashingmagazine.com/understanding-css-grid-template-areas/|Understanding CSS Grid: Grid Template Areas]]
 <sxh html>
@@ Línea 174: / Línea 175: @@
 <sxh sass>
-  @import "./_boton.scss";
+  @import "./_c-button.scss";
 </sxh>
@@ Línea 389: / Línea 390: @@
   /scss
      /01_utilities
-         _variables.scss
+         _css-variables.scss
+         _sass-variables.scss
          _functions.scss
          _mixins.scss
@@ Línea 395: / Línea 397: @@
         _override.scss
         _reset.scss
+        _typography.scss
     /03_layout
         _cada_uno_de_los_layouts.scss
@@ Línea 407: / Línea 410: @@
   * /01_utilities
-    * _variables.scss: Variables como por ejemplo los colores o tamaños de margen ,etc.
+    * _css-variables.scss: Variables **css** como por ejemplo los colores o tamaños de margen ,etc.
+    * _sass-variables.scss: Variables de **SASS** como por ejemplo los colores o tamaños de margen ,etc
     * _functions.scss: Funciones de SASS
     * _mixins.scss: Mixins de SASS
@@ Línea 413: / Línea 417: @@
     *  _override.scss: Es para sobreescribir CSS de alguna librería que se use
     * _reset.scss: El reset que usemos
+    * _typography.scss: Cosas relacionadas con la tipografía
   * /03_layout
     * _cada_uno_de_los_layouts.scss: Habrá un fichero por cada Bloque que sea de tipo layout. Por ejemplo ''_l-page.scss''

logongas

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página