Wondering what’s next for npm?Check out our public roadmap! »

    rds-core

    0.2.4 • Public • Published

    Librería Core Repsol Digital System

    Librería core HTML, CSS (SCSS) y JavaScript del Sistema de Diseño de Repsol. Consulta la documentación disponible en https://digitalsystem.repsol.com.

    Actualización de versión

    Consulta el CHANGELOG para conocer las últimas actualizaciones de la librería.

    Instalación

    Usando npm

    npm i rds-core

    o si prefieres yarn

    yarn add rds-core

    Uso

    La librería tiene la siguiente estructura:

      rds-core/
      └── src
          └── styles
              └── rds-core.scss
              └── rds-reset.scss
              └── rds-variables.scss
              └── rds-foundations.scss
              └── rds-icons.scss
              └── rds-components.scss

    SCSS

    La librería core utiliza SCSS para construir sus estilos. Cosas a tener en cuenta:

    • Autoprefixer: Asegúrate de incluir en tu proceso de compilado autoprefixer para incluir los prefijos de los diferentes navegadores.

    Existen varios ficheros .scss disponibles para importar.

    rds-core

    @import 'node_modules/rds-core/src/styles/rds-core.scss';

    Al importar este ficho estaremos importando todos los estilos de la librería core. Este fichero se encarga de importar el resto de paquetes que conforman los estilos. Cada una de estos paquetes se podría importar por separado.

    rds-reset

    @import 'node_modules/rds-core/src/styles/rds-reset.scss';

    Incluye un reset propio para unificar aquellos estilos propios de los navegadores que no nos interesan. No es necesario importar si se importa rds-core.scss.

    rds-variables

    @import 'node_modules/rds-core/src/styles/rds-variables.scss';

    Incluye todas las variables de scss que conforman los estilos y los mixins relacionados: Colores, tipografías, layout. No es necesario importar si se importa rds-core.scss.

    rds-foundations

    @import 'node_modules/rds-core/src/styles/rds-foundations.scss';

    Incluye todas las foundations definidas. Importa a su vez la librería de variables rds-variables.scss. No es necesario importar si se importa rds-core.scss.

    rds-icons

    @import 'node_modules/rds-core/src/styles/rds-icons.scss';

    Incluye el listado de clases necesarias para usar los iconos de RDS como fuente iconográfica. La fuente no está incluida. Solicitar dicha fuente al equipo de RDS. No es necesario importar si se importa rds-core.scss.

    rds-components

    @import 'node_modules/rds-core/src/styles/rds-components.scss';

    Incluye todos los componentes definidos. Importa a su vez la librería de variables rds-variables.scss. No es necesario importar si se importa rds-core.scss.

    Cómo contribuir

    ¿Tienes alguna duda? ¿Has encontrado algún bug? ¿Necesitas añadir una funcionalidad o componentes?

    Ponte en contacto mandando un email a developers@repsol.com. Haz click en este enlace para más detalles de cómo contribuir.

    Si eres un contribuidor, consulta la documentación de desarrollo.

    Licencia

    Puedes consultar las condiciones de uso de esta librería en este enlace.

    Keywords

    none

    Install

    npm i rds-core

    DownloadsWeekly Downloads

    115

    Version

    0.2.4

    License

    ISC

    Unpacked Size

    1.22 MB

    Total Files

    180

    Last publish

    Collaborators

    • avatar