https://github.com/ryanve/swatcher
Make CSS variables via JavaScript
https://github.com/ryanve/swatcher
color colors css css-in-js cssinjs javascript less scss swatches
Last synced: 3 months ago
JSON representation
Make CSS variables via JavaScript
- Host: GitHub
- URL: https://github.com/ryanve/swatcher
- Owner: ryanve
- License: mit
- Created: 2017-03-27T01:53:36.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-27T06:01:59.000Z (over 8 years ago)
- Last Synced: 2025-03-15T21:51:23.720Z (3 months ago)
- Topics: color, colors, css, css-in-js, cssinjs, javascript, less, scss, swatches
- Language: JavaScript
- Homepage: http://npm.im/swatcher
- Size: 1.95 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# swatcher
Make CSS variables via JavaScript
```
npm install swatcher --save
```
## Usage
```
var swatcher = require('swatcher')
swatcher().assign({
orange: '#f60',
black: '#000'
}).css()
```
## Methods
- `.assign(swatches)`: set swatch values
- `.lookup(name)`: get swatch value
- `.object()`: get JavaScript object
- `.json()`: get json string
- `.css()`: get css string
- `.scss()`: get scss string
- `.less()`: get less string