Librería de estilos CSS

Librería que proporciona archivos CSS, fuentes e iconos de Dali Design System.

Motivación

El objetivo es servir a la mayor cantidad de proyectos web sin importar la tecnología que esté detrás de cada solución, puede ser usado en proyectos WordPress, Drupal, PHP, frameworks frontend o landing pages básicas que usen solamente HTML y CSS.

Usamos Bootstrap 4.5.0 como base para la construcción de los componentes y lo hemos personalizado para que cumpla nuestras necesidades. La elección de Bootstrap fue debido a:

• Amplio uso entre desarrolladores
• Compatibilidad con navegadores
• Flexibilidad de personalización
• Accesibilidad web

Instalación

1. Tener Node.js y npm instalados.

2. Al ser una librería privada es necesario contar con permisos de descarga, escribir a [email protected] solicitando "token npm para descargar librerías de Dali Design System".

3. En el archivo ~/.npmrc agregar:

//registry.npmjs.org/:_authToken=${NPM_TOKEN}

Donde ${NPM_TOKEN} es el token solicitado en el paso 2.

4. Una vez hecho lo anterior ingresar en la terminal:

npm install --save @alicorpdigital/dali-css-library

o si usas yarn:

yarn add --save @alicorpdigital/dali-css-library

Cómo usarlo en mi proyecto

El lugar donde importes los estilos CSS variará de acuerdo a la configuracrión de tu proyecto, por ejemplo, asumiendo que el archivo CSS principal (ej. style.css) se encuentra en la carpeta /src de tu proyecto la ruta de importación sería:

@import '../node_modules/@alicorpdigital/dali-components-react/build/css/dali.css';

También puedes usar la versión comprimida:

@import '../node_modules/@alicorpdigital/dali-css-library/build/css/dali.min.css';