Styles

Proyecto que contiene los estilos de TeamCore reutilizables en diferentes aplicaciones

Project Architecture

El proyecto sigue la metodología ITCSS que indica se debe seguir una estructura de directorios basada en una pirámide invertida.

• 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).

Build

Run ng build styles to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

npm publish

DOCUMENTACION (SASSDOC)

Para la generacion de documentacion

Run npm install sassdoc -g para intalar de manera global. Luego ejecute sassdoc ./src donde src seria la carpeta donde se encuentran nuestros styles.