На страницах используется глобальный класс (.page) для отступа от фиксированной шапки. Весь контент кроме .footer должен находиться внутри .page__content для толкания подвала вниз страницы
Смешивание классов не применимо, вынесены общие компоненты которые повторяются многократно. В большинстве случаев возможны повторы стилей внутри компонентов для гибкости и читаемости
Сетка
Типы контейнеров
.container (ширина 1260px)
модификаторы
.container.container--fluid.container--no-pad (ширина 100%, без отступов)
.container.container--fluid (ширина 100%)
.container.container--1366 (ширина 1366px)
.container.container--1100 (ширина 1100px)
.container.container--900 (ширина 900px)
Типографика
Общие элементы для заголовоков и текста
.heading-gray
.heading-gray.heading-gray--mega
.heading-mega
.t-head
(.t-regular) В рамках любого занятия вас ждет выбор референса (примера), краткий теоретический экскурс, создание эскиза и работа с цветом. В дальнейшем, вы сможете развивать свои навыки, выбирая в качестве примеров все более и более сложные работы, сориентироваться в которых вам помогут наши преподаватели.
(.t-regular.t-center) - Центрирование В рамках любого занятия вас ждет выбор референса (примера), краткий теоретический экскурс, создание эскиза и работа с цветом. В дальнейшем, вы сможете развивать свои навыки, выбирая в качестве примеров все более и более сложные работы, сориентироваться в которых вам помогут наши преподаватели.
Кнопки
Классы применимы как на ссылки (a), так и на кнопки (button). Текст кнопки должен быть обернут в span из-за анимации на hover