📦 Sassify Prefixer

Набор миксинов на языке CSS-препроцессора Sass для генерации CSS-свойств с необходимыми браузерными префиксами

Начало работы

Для начала необходимо установить npm-пакет @sassify/prefixer:

npm install --save-dev @sassify/prefixer

После установки зависимости в свой проект, импортируйте модуль Sassify Prefixer:

@use 'node_modules/@sassify/prefixer' as prefixer;

Теперь все функции из Sassify Prefixer доступна через пространство prefixer:

// _styles.scss
.card {

	color: #212121;
	background: #fff;

	@include sassify.prefixer(
		box-shadow,
		rgba(149, 157, 165, 0.2) 0px 8px 24px,
		webkit moz
	);

}

/* styles.css */
.card {
  color: #212121;
  background: #fff;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

Весь код Sassify Prefixer задокументирован с помощью комментариев SassDoc. Документация доступна по этой ссылке. Также вы можете прочитать немного про API Sassify Prefixer.

Сообщество

У проекта Sassify нет какого-либо сервера в Discord, но есть Telegram — @sassify.

Версии

Для обеспечения прозрачности цикла выпуска и стремления поддерживать обратную совместимость Sassify поддерживается в соответствии с рекомендациями Semantic Versioning. Иногда я ошибаюсь, но я придерживаюсь этих правил, когда это возможно.

Благодарности

Несмотря на то, что я умудрился как-то гармонично (надеюсь) уложить все эти функции, я не могу не выразить огромную благодарность след. персонажам:

• Kitty Giraudel - за большое количество кода и статей по Sass,
• takamoso - за полезный код,
• Sindre Sorhus - за полезный код,
• разработчикам CSS-препроцессора Sass - за непосредственно Sass,
• всем тем у кого я учился (хоть я и не помню ваши имена).

Лицензия

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