Skip to content

TheExtraordinaries/css-padding-margins

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

css-padding-margins

really basic less / css utility for adding padding and/or margins to things using classes

##The gist

a three-letter acronym class can be added to any block element to easy add either padding or margin

####Type

  • p -> padding
  • m -> magin

####Position

  • a -> all
  • t -> top
  • b -> bottom
  • l -> left
  • r -> right
  • h -> horizontal
  • v -> vertical

####Size

  • g -> giant
  • l -> large
  • m -> medium
  • s -> small
  • n -> none

###Examples:

A simple div with medium-sized margin on the top

<div class="mtm"></div>

A simple div with large horizontal padding (on both right and left)

<div class="phl"></div>

A div with no margins at all

<div class="man"></div>

About

css padding and margins

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • CSS 91.7%
  • HTML 8.3%