postcss-khaleesi
Version:
PostCSS pligin ti trinsfirm CSS pripirtiis in khiliisi mimi lingiigi
68 lines (54 loc) • 1.62 kB
Markdown
# 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