space.less
v0.0.2
Published
Toolkit for managing negative space
Downloads
87
Maintainers
Readme
space.less — toolkit for managing negative space
Designed to make margins, paddings, gutters consistent across the project.
From design point of view this is an argeement on what distance to use between objects in UI layout. From frontend perspective this is a set of classnames to rule margins and paddings on different media queries breakpoints. Together it is a part of communication language between designers and frontend developers.
Installation
Compiled from CDNhttps://unpkg.com/[email protected]/space.css
https://unpkg.com/[email protected]/space.min.css
https://unpkg.com/[email protected]/space.min.css.map
NPMnpm install space.less --save-dev
Bowerbower install space.less --save
Using in HTML
Include compiled space.css
into head of page at the bottom. Or import space.less
into your main .less file:
@import (less) "node_modules/space.less/space.less";
Apply classes to any HTML elements to get desired margins and paddings. See docs.