BCD STYLES

Módulo con estilos SCSS sobre la marca Bryan Condor

Estructura de Carpeta

La estructura de carpetas esta basasa en ITCSS (Inverted Triangule arquitecture for CSS)

• Settings: Declararemos las variables y los preprocesadores, y las situaremos en esta carpeta.
• Tools: Los mixins y funciones, junto con los preprocesadores, irán en esta carpeta.
• Generic: El código genérico del proyecto, el reset de CSS, el Normalize o tus propios estilos, son los que incluiremos en esta carpeta.
• Element: Para los estilos que afectan a los elementos del HTML. No incluiremos el estilo para las clases.
• Object: Aquí sí, incorporaríamos las clases y colocaríamos todo lo relacionado con el layout.
• Components: Todo lo que afecte a los diferentes bloques de nuestro documento, navegador, botones, recuadros de utilidades, migas de pan, cabecera, buscador, botones sociales, etc., debería de ir en esta carpeta. Dependiendo de las necesidades que tenga el proyecto, la carpeta Components tendrá más o menos ajustes, como es lógico
• Utilities: Para finalizar, en esta carpeta colocaríamos utilidades que sobrescriban estilos significativos (incompatibilidades con navegadores, por ejemplo).

Referencia

ITCSS