Herramientas de usuario

Herramientas del sitio


clase:daw:diw:1eval:tema07

Diferencias

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

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión
Revisión previa
clase:daw:diw:1eval:tema07 [2025/11/11 12:23] Lorenzoclase:daw:diw:1eval:tema07 [2025/11/13 09:52] (actual) – [Crear las páginas del proyecto.] Lorenzo
Línea 20: Línea 20:
     /01_utilities     /01_utilities
     /02_base     /02_base
-    /03_components +    /03_global 
-    /04_global+    /04_components
     main.scss     main.scss
 src/app/components/ui src/app/components/ui
Línea 56: Línea 56:
         _index.scss         _index.scss
  
-    /03_components 
-        _cada_uno_de_los_componentes.scss 
-        _index.scss         
  
-    /04_global+    /03_global
         _cada_una_de_los_modificadores_globales.scss         _cada_una_de_los_modificadores_globales.scss
         _index.scss         _index.scss
 +
 +
 +    /04_components
 +        _cada_uno_de_los_componentes.scss
 +        _index.scss        
 +
                    
     main.scss     main.scss
Línea 77: Línea 80:
     * _index.scss: Los //imports// de cada fichero de esta carpeta.     * _index.scss: Los //imports// de cada fichero de esta carpeta.
 <sxh sass> <sxh sass>
-@forward "./_sass-variables.scss";+@forward "./_variables.scss";
 @forward "./_functions.scss"; @forward "./_functions.scss";
 @forward "./_mixins.scss"; @forward "./_mixins.scss";
Línea 90: Línea 93:
 @forward "./_typography.scss"; @forward "./_typography.scss";
 </sxh> </sxh>
-  * /03_components +  * /03_global
-    * _cada_uno_de_los_componentes.scss: Habrá un fichero por cada Bloque que sea de tipo Componente pero que **NO sean de Angular**. Por ejemplo ''_c-button.scss'', ''_l-flex.scss'' , ''_l-columns.scss'' o ''_c-panel.scss''. Más información en [[clase:daw:diw:1eval:tema03.c]] , [[[clase:daw:diw:1eval:tema04]], [[clase:daw:diw:1eval:tema05]], [[clase:daw:diw:1eval:tema06]] +
-    * _index.scss: Los //imports// de cada fichero de esta carpeta. +
-<sxh sass> +
-@forward "./_c-button.scss"; +
-@forward "./_c-panel.scss"; +
-@forward "./_l-columns.scss"; +
-@forward "./_l-flex.scss"; +
-</sxh>  +
-  * /04_global+
     * _cada_una_de_los_modificadores globales.scss: Habrá un fichero por cada tipo de modificador que haya. Por ejemplo ''_g--margin.scss'', ''_g--padding.scss'', ''_font-size.scss'' o ''_color.scss''. Más información en [[clase:daw:diw:1eval:tema03.c]] , [[[clase:daw:diw:1eval:tema04]], [[clase:daw:diw:1eval:tema05]]     * _cada_una_de_los_modificadores globales.scss: Habrá un fichero por cada tipo de modificador que haya. Por ejemplo ''_g--margin.scss'', ''_g--padding.scss'', ''_font-size.scss'' o ''_color.scss''. Más información en [[clase:daw:diw:1eval:tema03.c]] , [[[clase:daw:diw:1eval:tema04]], [[clase:daw:diw:1eval:tema05]]
     * _index.scss: Los //imports// de cada fichero de esta carpeta.     * _index.scss: Los //imports// de cada fichero de esta carpeta.
Línea 108: Línea 102:
 @forward "./padding"; @forward "./padding";
 </sxh>  </sxh> 
 +  * /04_components
 +    * _cada_uno_de_los_componentes.scss: Habrá un fichero por cada Bloque que sea de tipo Componente pero que **NO sean de Angular**. Por ejemplo ''_c-button.scss'', ''_l-flex.scss'' , ''_l-columns.scss'' o ''_c-panel.scss''. Más información en [[clase:daw:diw:1eval:tema03.c]] , [[[clase:daw:diw:1eval:tema04]], [[clase:daw:diw:1eval:tema05]], [[clase:daw:diw:1eval:tema06]]
 +    * _index.scss: Los //imports// de cada fichero de esta carpeta.
 +<sxh sass>
 +@forward "./_c-button.scss";
 +@forward "./_c-panel.scss";
 +@forward "./_l-columns.scss";
 +@forward "./_l-flex.scss";
 +</sxh> 
 +
   * main.scss: Aquí se agrupa todo el código de SASS y es el único fichero que se transforma en CSS.   * main.scss: Aquí se agrupa todo el código de SASS y es el único fichero que se transforma en CSS.
 <sxh sass;title:main.scss> <sxh sass;title:main.scss>
Línea 218: Línea 222:
  
  
-<nodisp 2>+
  
 ===== CSS linters ===== ===== CSS linters =====
Línea 249: Línea 253:
  
  
 +<nodisp 2>
  
 ===== UIFactory ===== ===== UIFactory =====
clase/daw/diw/1eval/tema07.1762860236.txt.gz · Última modificación: por Lorenzo