Herramientas de usuario

Herramientas del sitio


clase:daw:diw:1eval:tema02

Diferencias

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

Enlace a la vista de comparación

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 [2023/11/07 11:31] (actual)
admin [Estructura de ficheros]
Línea 174: Línea 174:
  
 <sxh sass> <sxh sass>
-  @import "./_boton.scss";+  @import "./_c-button.scss";
 </sxh> </sxh>
  
Línea 389: Línea 389:
   /scss   /scss
      /01_utilities      /01_utilities
-         _variables.scss+         _css-variables.scss 
 +         _sass-variables.scss
          _functions.scss          _functions.scss
          _mixins.scss          _mixins.scss
Línea 395: Línea 396:
         _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 409:
  
   * /01_utilities   * /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     * _functions.scss: Funciones de SASS
     * _mixins.scss: Mixins de SASS     * _mixins.scss: Mixins de SASS
Línea 413: Línea 416:
     *  _override.scss: Es para sobreescribir CSS de alguna librería que se use     *  _override.scss: Es para sobreescribir CSS de alguna librería que se use
     * _reset.scss: El reset que usemos     * _reset.scss: El reset que usemos
 +    * _typography.scss: Cosas relacionadas con la tipografía 
   * /03_layout   * /03_layout
     * _cada_uno_de_los_layouts.scss: Habrá un fichero por cada Bloque que sea de tipo layout. Por ejemplo ''_l-page.scss''     * _cada_uno_de_los_layouts.scss: Habrá un fichero por cada Bloque que sea de tipo layout. Por ejemplo ''_l-page.scss''
Línea 448: Línea 452:
  
 ==== 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. 
 + 
 +{{:clase:daw:diw:1eval:botones_pequenyos.png|}} 
 + 
 +{{:clase:daw:diw:1eval:botones_grandes.png|}}
  
 Para aumentar o disminuir el tamaño deberás modificar: Para aumentar o disminuir el tamaño deberás modificar:
clase/daw/diw/1eval/tema02.1695674279.txt.gz · Última modificación: 2023/09/25 22:37 por admin