Руководство по стилю

Руководство по стилю содержит важные стили и компоненты, которые используются во всем шаблоне.

Типографика

Основные стили изменения размера текста, используемые в шаблоне.

Заголовок

3XL

Это заголовок.

Заголовок

2XL

Это заголовок.

Все заголовки H1

Это заголовок.

Заголовок

XL

Это заголовок.

Все заголовки H2

Это заголовок.

Заголовок

Л

Это заголовок.

Все заголовки H3

Это заголовок.

Заголовок

М

Это заголовок.

Все заголовки H4

Это заголовок.

Заголовок

С

Это заголовок.

Все заголовки H5

Это заголовок.

Заголовок

XS

Это заголовок.

Все заголовки H6

Это заголовок.

Абзац

Л

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae Erat. Энейский faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Абзац

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae Erat. Энейский faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Абзац

С

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae Erat. Энейский faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Цвет текста: Белый

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae Erat. Энейский faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Блок цитаты

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam.

Неупорядоченный список

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Упорядоченный список

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet

Цвета

Цвета, используемые на сайте. Эти классы можно добавить к любому элементу для изменения цвета фона.

Нейтральный 100

Нейтральный 200

Нейтральный 300

Нейтральный 600

Нейтральный 950

Зеленый 50

Зеленый 100

Зеленый 200

Зеленый 400

Зеленый 700

Белый

Колонны

Большая часть шаблона использует 12-колоночную систему макета. Количество колонок, занимаемых блоком, определяется именем класса. Изменения в точках останова для планшетов и мобильных устройств можно вносить с помощью комбинированных классов.

Столбец

Рабочий стол 1

Таблетка 1

Мобильный 1

Столбец

Рабочий стол 2

Планшет 2

Мобильный 2

Столбец

Рабочий стол 3

Планшет 3

Мобильный 3

Столбец

Рабочий стол 4

Планшет 4

Мобильный 4

Столбец

Рабочий стол 5

Планшет 5

Мобильный 5

Столбец

Рабочий стол 6

Таблетка 6

Мобильный 6

Столбец

Рабочий стол 7

Планшет 7

Мобильный 7

Столбец

Рабочий стол 8

Планшет 8

Мобильный 8

Столбец

Рабочий стол 9

Таблетка 9

Мобильный 9

Столбец

Рабочий стол 10

Планшет 10

Мобильный 10

Столбец

Рабочий стол 11

Таблетка 11

Мобильный 11

Столбец

Рабочий стол 12

Таблетка 12

Мобильный 12

12 столбцов

Родительский контейнер, используемый для вышеуказанных классов столбцов.

12 столбцов

Выровнять по верху

Выравнивает дочерние элементы друг над другом.

12 столбцов

Выровнять по нижнему краю

Выравнивает дочерние элементы по нижнему краю друг друга.

12 столбцов

Выровнять растяжение

Растягивает все дочерние элементы так, чтобы они соответствовали самому высокому элементу.

12 столбцов

Выровнять по левому краю

Выравнивает дочерние элементы по левому краю столбцов.

12 столбцов

Оправдать право

Выравнивает дочерние элементы по правому краю столбцов.

12 столбцов

Обеспечить регресс

Меняет порядок дочерних элементов на противоположный.

Формы

Стили полей форм по умолчанию для всех форм, используемых на сайте.

Спасибо! Ваше сообщение получено!
Упс! Что-то пошло не так. Пожалуйста, заполните обязательные поля и повторите попытку.