lazopm / ezpz

ezpz js inline styles πŸ‘Œ

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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;

About

ezpz js inline styles πŸ‘Œ


Languages

Language:JavaScript 100.0%