В продолжение темы postcss. Если коротко, то я в восторге!
Второй день работы с postcss, и я уже пишу себе плагинчик, для перевода пикселей в EM’ы. Да, вы скажете, что уже есть такое, но дело в том, что в наследие от работы с SASS в стилях осталось много мест с вызовом SASS-функции em($font-size, $context). ? чтобы не менять пока, на время миграции, этот подход, набросал плагинчик, повторяющий подобное поведение.
Не хватает пока, разве что, указания точности в настройках (precision). Чтобы уменьшить количество знаков после запятой.
Метка: SASS
?спользуете ли вы Flexbox? Часть 2-я
В продолжение использования flexbox.
Поскольку в текущем проекте в качестве препроцессора мы используем SASS, то я для пущего удобства набросал миксин для генерации атрибутов со свойствами flexbox.
Выглядит это так. Сначала перечисляем в переменной нужные нам свойства:
$flex-properties: (
justify-content: (flex-start flex-end center space-between space-around),
align-items: (flex-start flex-end center baseline stretch),
align-content: (flex-start flex-end center space-between space-around stretch)
);
Затем циклом перебираем все свойства:
@each $key, $properties in $flex-properties {
@each $property in $properties {
[#{$key}="#{$property}"] {
#{$key}: #{$property};
}
}
}
? получаем на выходе вот такой CSS:
Читать далее ?спользуете ли вы Flexbox? Часть 2-я