Alguns atalhos css para facilitar posicionamento de elementos.
Para utilizar AtalhosCss, basta incluir o arquivo em sua página:
<link href="lib/css/atalhos.min.css" rel="stylesheet" type="text/css" />
Para utilizar os atalhos basta inserir as opções na classe do elemento HTML.
- m = margin
- p = padding
- f = float
- pos = position
- hd = hide
- t = top
- r = right
- b = bottom
- l = left
- n = 0px || none
- xs = 5px
- sm = 15px
- md = 30px
- lg = 50px
-
Para adicionar margem de 30px em um elemento div:
<div class="m-md"></div> -
Para adicionar preenchimento de 15px:
<div class="p-sm"></div> -
Para adicionar margem à direita de 5px:
<div class="m-r-sm"></div>