PostCSS Prepend is a PostCSS plugin built for Adeo's Design System needs that allows to insert content at the beginning of your CSS/SCSS file.
## π¨ Getting started **ADEO Design System** is a global and collaborative design system that facilitates the designer and developer experience, enabling them to create universal interfaces perfectly aligned with the business strategy of [Adeo](https://www.adeo.com/). Learn more about the vision and guidelines by visiting the [main documentation website](https://mozaic.adeo.cloud/). ## π¦ Install To install the `postcss-prepend` in your project, you will need to run the following command using `npm`: ``` npm install --save-dev @mozaic-ds/postcss-prepend ``` If you prefer `Yarn`, use the following command instead: ``` yarn add -D @mozaic-ds/postcss-prepend ``` ## π Usage The `postcss-prepend` plugin is used in the same way as all PostCSS plugins. Simply import it into your `postcss.config.js` configuration file at the root of your project, and then add it to the `plugins` key in your PostCSS configuration object. You can then select the content of your choice to be inserted at the beginning of your CSS/SCSS files. **Example:** ```js // postcss.config.js const MozaicCssPrepend = require('@mozaic-ds/postcss-prepend') const config = { plugins: [ MozaicCssPrepend(`$mozaic-prepend: true;`), ] } module.exports = config ``` ## π° Changelog Releases are managed with **GitHub Releases**, including the changelog for each one.