eos-ds

EOS Design System NPM package

An NPM package to use the EOS Design System elements with Bootstrap.

How to use it

Install it with npm i eos-ds or by downloading the repository directly from Gitlab https://gitlab.com/SUSE-UIUX/eos-ds-npm

You will find a folder called dist which has the following structure:

- dist/
  - css/
  - images/
  - js/
  - scss/
  - vendors/
  - demo-layout.html

Files included

The html, js, css needed to run EOS on your browser are included in the following folders:

• css/
• js/ Please note that the file demo.js isn't needed to run EOS.
• demo-layout.html

The /images folder includes images only used in demo-layout.html for demo purposes.

• vendors/: It includes all the dependencies needed to run EOS.
• scss/: It includes all the styles used to define EOS' structure.

If your project uses SCSS, you can import the scss/index.scss file in your project. Please bear in mind that this file needs to be imported right after Bootstrap's files found in the /vendors folder.

@import vendors/bootstrap/css/bootstrap.css;
@import scss/index.scss;

Dependencies

EOS Design System NPM package depends on:

• Bootstrap
• EOS iconic font
• jQuery