Colors
Background Colors
primary -
.bg--primary
default -
.bg--default
dark -
.bg--dark
gradient -
.bg--gradient
white -
.bg--white
black -
.bg--black
Text Colors
.text-color-primary
.text-color-default
.text-color-sky-blue
.text-color-blue
.text-color-white
.text-color-grey
Typography
Text styles
Titles sizes
60px - h1 or .h1 or .title-xxl
50px - h2 or .h2 or .title-xl
40px - h3 or .h3 or .title-lg
28px - h4 or .h4 or .title-l
22px - h5 or .h5 or .title-md
20px - h6 or .h6 or .title-sm
Text sizes
28px - .text-xl
22px - .text-lg
20px - .text-md
18px - .text-default
16px - .text-sm
14px - .text-xs
Fonts
.font--primary
.font--secondary
Font weight
.fw-light
.fw-normal
.fw-medium
.fw-semibold
.fw-bold
.fw-bolder
.content-block
Title
Subtitle
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.
- Lorem ipsum 1
- Lorem ipsum 2
- Lorem ipsum 3
- Lorem ipsum 4
- Lorem ipsum 5
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.
- Lorem ipsum 1
- Lorem ipsum 2
- Lorem ipsum 3
- Lorem ipsum 4
- Lorem ipsum 5
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.
Check list - .check-list
- Lorem ipsum 1
- Lorem ipsum 2
- Lorem ipsum 3
- Lorem ipsum 4
- Lorem ipsum 5
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.
