Arquitectura 7 - 1 de CSS
Es una forma de estructurar el codigo de CSS que consiste en tener 7 carpetas las cuales mantienen todos los archivos y valores de CSS en su lugar. Mayormente utilizada en proyectos grandes y aprovechada con un preprocesador como Sass
Las siete carpetas son:
- layout. Se guardan los elementos que son reutilizados en muchas paginas y a partir de los cuales se les agregan otros elementos, son tomados como base.
- components. Se guardan componentes inviduales que pueden ser reutilizados en distintas paginas
- base. Se guardan las cosas base del sitio, la tipografia, utilidades, el base reset, animaciones
- abstracts. Se guardan cosas abstractas que no se evaluan directamente a codigo si no que son mas bien reutilizables entre los otros archivos. Mixins, funciones, variables, etc
- pages. Se guardan los estilos especificos para una pagina
- vendor. Lugar donde se agregan archivos de librerias externas
- themes. Mantiene los distintos temas del sitio