eds-ericsson v1.0.0

Ericsson EDS Component Framework

Project setup

npm install

Compiles and start local server for development

npm run start

Compiles and minifies for production

npm run build

Building to: ./dist

Compiles and minifies for population on BrandHouse

npm run build:brandhouse

Building to: ./dist

Structure of project

The Component Library project has two major parts. The srcs code for the components and the presentation of the components.

The component code is located in src/eds-components. This folder could be copy/pasted into any project that want to use the eds component framework.

Build Outputs

The build command will give you a compiled css (eds-components.css) for the components with css for all components.\ It will also create a presentation.css with styling used for the presentation pages, e.g wrappers and navigation.\ Per default we refer to local font-faces in the presentation, files that also ends up in the dist folder.

How to use!

If you just want to use a few components, you can load the eds-components.css to your project and use the classes from the examples.\ Follow the html structure in the presentation examples. The eds-components.css does not have references to any specific font-faces.\ If your project does not already load font-faces, load them like the example: src/presentation/scss/font-faces.scss\ If you want to use the mixins etc. that are in this framework, a strong recommendation is to copy/paste the src/eds-components folder into your local project scss folder\