Классы-контейнеры. Портфолио Громова Антона. Создание и разработка сайтов

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

Класс Описание
.wrapper Обертка для классов-контейнеров. Задает ширину контентой области
.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 Используется для контента, например установить обтекание картинки. Добавляет элементу псевдоэлемент :after со значением clear:both
.box Добавляет отсутпы между прямыми потомками

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