https://github.com/johanholmerin/style9-ghost
https://github.com/johanholmerin/style9-ghost
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/johanholmerin/style9-ghost
- Owner: johanholmerin
- Created: 2021-02-28T16:16:41.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-06T14:25:43.000Z (over 4 years ago)
- Last Synced: 2025-02-02T17:38:48.350Z (4 months ago)
- Language: JavaScript
- Homepage: https://johanholmerin.github.io/style9-ghost/example/
- Size: 24.4 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# style9-ghost
Babel preset for transforming JSX attribute string literals to atomic CSS using
[style9](https://github.com/johanholmerin/style9),
[style9-jsx-prop](https://github.com/johanholmerin/style9-jsx-prop), and
[css-to-js.macro](https://github.com/johanholmerin/css-to-js.macro).
```javascript
// Input
import { css } from 'css-to-js.macro';
// Output
```
```css
/* CSS output */
.c1r9f2e5 {
color: blue;
}
.cyyg6ey {
color: red;
}
.cg0eup6 {
font-size: var(--c3520804954);
}
```
## Usage
```javascript
// babel config
{
"presets": [
"style9-ghost"
]
}
```
## Installation
```sh
yarn add -D git+https://github.com/johanholmerin/style9-ghost#semver:^0.2.0
```