https://github.com/2createstudio/lazy-rules
Generates CSS rules for your icons
https://github.com/2createstudio/lazy-rules
Last synced: 3 months ago
JSON representation
Generates CSS rules for your icons
- Host: GitHub
- URL: https://github.com/2createstudio/lazy-rules
- Owner: 2createStudio
- License: mit
- Created: 2017-04-19T11:33:34.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-19T14:34:44.000Z (almost 9 years ago)
- Last Synced: 2025-02-26T21:45:02.758Z (about 1 year ago)
- Language: JavaScript
- Size: 8.79 KB
- Stars: 0
- Watchers: 8
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# lazy-rules
### Usage
```bashp
lazy-rules 'images/*.png' css/style.css
lazy-rules 'images/*.png' css/style.css --watch
```
**Output**
```css
.circle { background: url(../src/circle.png) no-repeat 0 0; width: 25px; height: 25px; }
.square { background: url(../src/square.png) no-repeat 0 0; width: 25px; height: 25px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.circle { background: url(../src/circle@2x.png) no-repeat 0 0; width: 25px; height: 25px; background-size: 25px 25px; }
.square { background: url(../src/square@2x.png) no-repeat 0 0; width: 25px; height: 25px; background-size: 25px 25px; }
}
```