PostCSS

PostCSS - инструмент для преобразования CSS при помощи JavaScript

Autoprefixer

Увеличивает читаемость кода

Добавляет префиксы к CSS стилям используя термин "Can I Use"; Autoprefixer будет использовать данные, основанные на текущей версии браузера и его поддержки.

:fullscreen {
}
Изначальный CSS
:-webkit-:full-screen {
}
:-moz-:full-screen {
}
:full-screen {
}
CSS вывод
Cssnext

Использует CSS будущего, уже сегодня!

Пишите CSS будущего уже сейчас и забудьте, про синтаксис устаревших препроцессоров. Используйте последний CSS синтаксис, при помощи cssnext. Он преобразует CSS спецификации в более совместимый CSS, поэтому Вам не нужно ждать поддержки браузером какого-либо свойства.

:root { 
  --red: #d33;
}
a {
  &:hover {
    color: color(var(--red) a(54%));
  }
}
Изначальный CSS
a:hover { 
  color: #dd3333;
  color: rgba(221, 51, 51, 0.54);
}
CSS вывод
CSS Modules

Конец глобального CSS

CSS модули означает, что вы никогда не должны беспокоиться о именах, просто использовать те, которые имеют наибольший смысл.

.name {
  color: gray;
}
Изначальный CSS
.Logo__name__SVK0g {
  color: gray;
}
CSS вывод
stylelint

Избегает ошибок в CSS

Во избежание ошибок в ваших таблицах стилей применяется stylelint, современый CSS линтер. Он поддерживает новейший синтаксис CSS, также хорошо как и в Sass.

a { 
  color: #d3;
}
Изначальный CSS
app.css
2:10 Invalid hex color
CSS вывод

Доверие от мировых лидеров