Inspired by Purple UI Kit
Spacing utilities allow you to insert generic spacing to elements and components. The classes take the following form: .u-{{type}}-{{direction}}{{size}}
Directions | Sizes |
---|---|
A- all | n - none |
T - top | xxs - 6px |
R - right | xs - 9px |
B - bottom | s - 12px |
L - left | m - 20px |
H - horizontal | l - 27px |
V - vertical | xl - 33px |
- Install gulp, gulp-less and gulp watch:
npm install
- Customize
src/spacer.less
- Use
gulp less
orgulp watch
to build - Use the generated css file from
dist/spacer.css