Colors
Background Colors
primary -
.bg--primary
default -
.bg--default
grey -
.bg--grey
orange -
.bg--orange
yellow -
.bg--yellow
green -
.bg--green
red -
.bg--red
white -
.bg--white
black -
.bg--black
Text Colors
.text-color-primary
.text-color-default
.text-color-content-accent
.text-color-content-secondary
.text-color-secondary
.text-color-orange
.text-color-yellow
.text-color-red
.text-color-green
.text-color-white
Typography
Text styles
Titles sizes
50px - h1 or .h1 or .title-xxl
40px - h2 or .h2 or .title-xl
36px - h3 or .h3 or .title-lg
26px - h4 or .h4 or .title-l
22px - h5 or .h5 or .title-md
20px - h6 or .h6 or .title-sm
Text sizes
24px - .p-lg
20px - .p-md
18px - .p
16px - .p-sm
14px - .p-xs
Fonts
.font--primary
.font--secondary
Font weight
.font-weight-300
.font-weight-400
.font-weight-500
.font-weight-600
.font-weight-700
.font-weight-800
.font-weight-900
.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.
