https://github.com/lazopm/ezpz
ezpz js inline styles 👌
https://github.com/lazopm/ezpz
cssinjs javascript jest rollup
Last synced: about 2 months ago
JSON representation
ezpz js inline styles 👌
- Host: GitHub
- URL: https://github.com/lazopm/ezpz
- Owner: lazopm
- Created: 2017-05-31T00:31:23.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2021-08-28T17:48:21.000Z (over 4 years ago)
- Last Synced: 2025-10-18T05:06:35.489Z (5 months ago)
- Topics: cssinjs, javascript, jest, rollup
- Language: JavaScript
- Homepage:
- Size: 93.8 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ezpz
I started working on this to learn how to release an npm package.
I'm no longer developing this, as I realized this adds unnecessary complexity to small projects, and is not flexible enough for bigger ones.
all modules come with a default value scale, rem is the preferred unit
if you pass in a number it will compute from the scale, if you pass in a string it will use it as-is:
`padding(2) => padding: .5rem`
`padding('123px') => padding: 123px`
### Examples:
`padding(1)`
```
padding: .25rem;
```
`padding.horizontal(1)`
```
padding-left: .25rem;
padding-right: .25rem;
```
`borderRadius(1)`
```
border-radius: .125rem;
```
`borderRadius(1).topLeft(0)`
```
border-radius: .125rem;
border-radius-top-left: 0;
```