Styles – Honeybrains
=== Colors Schemes ===
Text
Text 2
Text
Text
=== Headings Styles ===
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Accent 1
Accent 2
Accent 3
=== Texts Styles ===
XS Bolder
S Lighter
S Regular
S Bolder
M Regular
L Regular
XL Bold
Accent 1
Accent 2
Accent 3
=== Buttons Styles ===
=== Headings Sizes ===
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
=== Texts Sizes ===
Text X-Small
Text Small
Text Medium
Text Large
Text X-Large
=== Decor ===
=== CSS ===
// Накладывать друг на друга
theme--z-index:-2
theme--z-index:-1
theme--z-index:0
theme--z-index:1
theme--z-index:2
// Скрывать в зависимости от ширины экрана
theme--min768--display:none
theme--max768--display:none
theme--min568--display:none
theme--max568--display:none
theme--568-768--display:none
// Установить жидкий внутренний отступ
theme--clamp--padding-left--20-40
theme--clamp--padding-inline--20-40
theme--clamp--568-768--padding-right--20-40
theme--clamp--568-768--padding-block--20-40
// Установить жидкий внешний отступ
theme--clamp--margin-left--20-40
theme--clamp--margin-right--20-40
theme--clamp--568-768--margin-top--20-40
theme--clamp--568-768--margin-bottom--20-40
// Установить жидкий шрифт
theme--clamp--font-size--20-40
theme--clamp--568-768--font-size--20-40
// Настроить перенос на определённой ширине
theme--max1024--flex-wrap:wrap
theme--max1024--flex-direction:column
// Изменить ширину flex элемента(авто-лайоут)
theme--max1024--flex:1_0_200px = элемент может растягиваться и не может быть меньше 200px
theme--max1024--flex:0_1_200px = элемент может сжиматься и не может быть больше 200px
theme--max1024--flex-grow:1 = элемент может растягиваться
theme--max1024--shrink:1 = элемент может сжиматься