AtalhosCss

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" />

Utilizando os Atalhos

Para utilizar os atalhos basta inserir as opções na classe do elemento HTML.

Característica

• m = margin
• p = padding
• f = float
• pos = position
• hd = hide

Posição

• t = top
• r = right
• b = bottom
• l = left

Tamanhos

• n = 0px || none
• xs = 5px
• sm = 15px
• md = 30px
• lg = 50px

Exemplo

• 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>

Bom Trabalho!