https://github.com/davidkpiano/postcss-emoji-style
https://github.com/davidkpiano/postcss-emoji-style
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/davidkpiano/postcss-emoji-style
- Owner: davidkpiano
- License: mit
- Created: 2016-04-01T13:31:49.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-04-01T15:22:20.000Z (about 9 years ago)
- Last Synced: 2025-04-18T09:02:32.987Z (about 1 month ago)
- Language: JavaScript
- Size: 10.7 KB
- Stars: 19
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PostCSS Emoji Style
PostCSS plugin that lets you write your CSS using emojis instead of alphanumeric characters.
**Example:**
```css
body {
display: 💪;
💪-direction: 🚣;
⚖-😌: 💪-🔚;
📖-align: 👉;
}
.foo {
🍑: 10px;
background-📷: 🙅;
📦-sizing: 🛂-📦;
🎈: 👈;
📶: 5🐏;
animation-⌛: 🔜;
z-📇: 1;
word-💔: 💔-all;
}
```
**Result:**
```css
body {
display: flex;
flex-direction: row;
justify-content: flex-end;
text-align: right;
}
.foo {
bottom: 10px;
background-image: none;
box-sizing: border-box;
float: left;
height: 5rem;
animation-duration: 0.3s;
z-index: 1;
word-break: break-all;
}
```
## Usage
First, `npm install postcss-emoji-style`. Then use it:
```js
postcss([ require('postcss-emoji-style')() ])
```
## FAQs
- **Is this for real?** Yes.
- **Which emojis can I use?** All the ones in the [index.js file](https://github.com/davidkpiano/postcss-emoji-style/blob/master/index.js).
- **Should I use this plugin?** ~~probably not~~ ¯\\\_(ツ)\_/¯
- **This doesn't seem like a better way to write my CSS.** And that doesn't seem like a question.
## License
MIT