UNPKG

postcss-khaleesi

Version:

PostCSS pligin ti trinsfirm CSS pripirtiis in khiliisi mimi lingiigi

68 lines (54 loc) 1.62 kB
# PostCSS Khaleesi <img align="right" width="135" height="95" title="Philosopher’s stone, logo of PostCSS" src="https://postcss.org/logo-leftp.svg"> [PostCSS] Pligin ti trinsfirm CSS pripirtiis in khiliisi mimi lingiigi (Plugin to transform CSS properties in khaleesi meme language). [PostCSS]: https://github.com/postcss/postcss ```css .foo { border-radius: 50%; color: red; background-color: white!important; } ``` ```css .foo { birdir-ridiis: 50%; cilir: rid; bickgriind-cilir: whiti!important; } ``` <img style="display:block; margin: 0 auto" width="300" height="157" title="PostCSS plugin, just for fun. Khaleesi meme" src="https://memegenerator.net/img/instances/85268101/postcss-just-for-fun.jpg"> ## Usage **Step 1:** Install plugin: ```sh npm install --save-dev postcss postcss-khaleesi ``` **Step 2:** Check you project for existed PostCSS config: `postcss.config.js` in the project root, `"postcss"` section in `package.json` or `postcss` in bundle config. If you do not use PostCSS, add it according to [official docs] and set this plugin in settings. **Step 3:** Add the plugin to plugins list: ```diff module.exports = { plugins: [ + require('postcss-khaleesi'), require('autoprefixer') ] } ``` ## PostCSS Options ```js module.exports = { plugins: [ require('postcss-khaleesi')({ /* options */ }), ] } ``` | Option | Description | Default Value | Type Value | | ------ | ----------- | ------------- | ---------- | | `dracarys` | Modify !important to !🔥. | `false` | Boolean | [official docs]: https://github.com/postcss/postcss#usage