Skip to content

inuitcss/trumps.spacing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spacing

The inuitcss spacing module is a small collection of helper classes for spacings like margin and padding.

Install using Bower:

$ bower install --save inuit-spacing

Install using npm:

$ npm install --save inuit-spacing

The conventions used in the classes in the spacing module are as follows:

.[negative][type][direction][size] {}

E.g.:

  • .u-mt+ will give you a large (+) negative (-) margin (m) top (t).
  • .u-p-- will give you a tiny (--) padding (p).
  • .u-mh++ will give you a huge (++) horizontal (h) margin (m).
  • .u-mb0 will give you no (0) margin (m) bottom (b).
  • .u-pl- will give you a small (-) padding (p) left (l).

Knowing these conventions means you can compose a huge array of spacing helpers.

About

[DEPRECATED] [go to intuitcss/inuitcss] Spacing helper classes

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages