Классы-контейнеры

Класс Описание
.wrapper Обертка для классов-контейнеров. Задает ширину контентой области
Для экранов с шириной до 1366px - calc(100% - 20px)
Для экранов с шириной от 1366px - ширина фиксированная 1300px
.flex Прямые потомки ведут себя как flex-элементы
.inline--flex Родительский элемент получает свойство display:inline
Прямые потомки ведут себя как flex-элементы
.inline--block Дочерние элементы получают свойство display:inline-block
.inline Дочерние элементы получают свойство display:inline
.block Родительский элемент получает свойство display:block
.table Родительский элемент получает свойство display:table
Прямые потомки получают свойство display:table-cell
.float Используется для контента, например установить обтекание картинки
.box Добавляет отсутпы между дочерними элементами сетки

Префиксы применимы ко всем классам сетки, кроме .wrapper