В данной статье я расскажу, как автоматизировать процесс построения дерева классов с вложенностью в вашем sass файле, для верстки документа построенного по методологии БЭМ.
БЭМ — методология для фронт-енда от Яндекса. Суть которой улучшить понимание верстки между разработчиками проекта, ускорить процесс разработки и повысить качество фронт-енда за счет независимости блоков друг от друга.
Flexbox-сетка, имеет название «CSS-модуль раскладки гибких блоков» – новый раскладочный модуль в CSS3, он создан для задания выравнивания, направления и порядка блоков в родительском контейнере, даже если их размер динамически изменяем или неизвестен. Основная фишка flex-блока — это способность изменять параметры (ширину или высоту) своих дочерних элементов, чтобы как можно лучше заполнить свободную область на экранах с различной высотой и шириной.
Данные видео расскажут о необходимых свойствах и помогут сверстать flexbox-сетку для вашего проекта:Подробнее »Делаем сетку с помощью flexbox