Container without paddings (.container.without-paddings)

Attriburtes
‍

[fixed-gradient]
‍

Button

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Text Accent
Text L
Text M
Text S
Text XS
Text Tiny
Text Button

Full width Wrapper / Full width Wrapper /

Runnin line code

Space XS
Space S
Space M
Space L

! Use .u-hide to hide any element (краще ніж комбо hide)

This is text with class .color-accent
This is text with class .color-brand
This is text with class .color-black
This is text with class .color-white
This is text with class .color-light
This is text with class .color-dark
This is text with class .color-gradient

This is class bg-accent

This is class bg-brand

This is class bg-black

This is class bg-white

This is class bg-dark

This is class bg-light

This is class bg-gradient

Opacity 10% (op-10)

Opacity 20% (op-20)

Opacity 30% (op-30)

Opacity 40% (op-40)

Opacity 50% (op-50)

Opacity 60% (op-60)

Opacity 70% (op-70)

Opacity 80% (op-80)

Opacity 90% (op-90)

Opacity 100% (op-100)

RICH TEXT SETTINGS

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Фронтальний вид чорного автомобіля Audi на порожній дорозі поміж полями та горами.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript