STYLES - Version 1.0

Este directorio contiene todos los files relacionados con los estilos del sitio.

Los mismos estaran desarrollados con un pre-procesador llamado SASS y con TAILWIND

DEPENDENCIAS

Las librerias utiliadas para trabajar con SASS y Tailwind en nuXt son las siguientes:

DEV

SASS

• "sass-loader": "^7.1.0",

TAILWIND

• "@nuxtjs/tailwindcss": "^3.4.2",

PROD

SASS

• "node-sass": "^4.14.1",

TAILWIND

• "postcss-import": "^14.0.0"

ESTRUCTURA DE CARPETAS

La estructura definida en este directorio de estilos es la siguiente:

sass/
|
|– abstracts/
|– __abstracts-dir.scss // Abstracts Main File
| |– _variables.scss // Variables
| |– _functions.scss // Functions
| |– _mixins.scss // Mixins
| |– _fonts.scss // Fonts
|
|– base/
| |– __base.scss // Base Main File
| |– _general.scss // General
|
|– components/
| |– __components-dir.scss // Components Main File
| |– _buttons.scss // Buttons
| |– _banners.scss // Banners
| |– _input.scss // Input
| |– _modalComision.scss // Modal Comisión
| |– _modalCourses.scss // Modal Courses
|
|– layout/
| |– __layouts-dir.scss // Layouts Main File
| |– _menuPpal.scss // Navigation
| |– _grid.scss // Grid system
| |– _header.scss // Header
| |– _footer.scss // Footer
| |– _forms.scss // Forms
|
|– vendors/
| `– global.scss // Main Sass file

Este directorio ira creciendo a medida que la aplicación se empiece a desarrollar por el solo hecho de que habran nuevos componentes y probablemnte nuevos estilos no tenidos en cuenta cuando se hizo la documtnacion.scss

ES DE EXTREMA IMPORTANCIA MANTENERLO ACTUALIZADO.