Примеси Smart Grid

В данном разделе описаны примеси, которые получаются в итоговом файле после запуска NodeJS модуля.

Важно понимать, что размер файла зависит от настроек сетки. Некоторые примеси присутствуют всегда, некоторые возникают при создании дополнительных контрольных точек.

Каждая примесь описана со смысловой точки зрения. Код примеси указан для каждого из препроцессоров. Ниже расположен пример с кодом:

.row-flex(){
   display: flex;
   flex-wrap: wrap;
   .row-offsets();
}
 
.some{
   .row-flex()
}

@mixin row-flex(){
   display: flex;
   flex-wrap: wrap;
   @include row-offsets();
}
 
.some{
   @include row-flex()
}

=row-flex()
   display: flex
   flex-wrap: wrap
   +row-offsets()

 
.some
   +row-flex()

row-flex()
   display flex
   flex-wrap wrap
   row-offsets()

 
.some
   row-flex()

Названия препроцессоров кликабельны и открывают вкладку с соответствующим кодом.

Подсветка для Sass и Stylus пока что работает неидеально. Используемая библиотека Highlight.js не поддерживает Sass, а для Stylus странно парсит примеси, в названиях которых есть дефисы. В будущем это будет проанализировано и исправлено.

Примеси разделены на категории, которые вы можете найти в дополнительном меню.