Unity

Getting started

Sass

We are using Sass as preprocessor for our CSS.

The sass modules are organized in following files:

Modules

All

unity.scss contains the complete version of unity sass library

Mixins

Contains all Sass mixins that could be used

Variables

Contains all Sass variables that could be used

Layout - Prefix: "-l"

For example l-container

Typography - Prefix: "-t"

For example t-body-regular-small

Utilities- Prefix: "-u"

For example u-float-right

Components- Prefix: "-c"

Larger components for example c-sidebar

Objects- Prefix: "-o"

The smallest parts for example o-button

BEM

All of our Sass i written according to BEM (Block, Element, Modifier)

Bootstrap

TypeScript

We are using Typescript for generating our JavaScript.

NPM

npm install @sodraskog/unity