Espaciado y Márgenes
El kit incluye un set de clases con márgenes y espaciados predeterminados para modificar la apariencia de cualquier elemento.
Nomenclatura de clases
Las clases están nombradas utilizando el formato
{propiedad}{lado}-{tamaño}.
Donde propiedad es uno de:
- m - para clases que definen el margen
- p - para clases que definen el padding
Donde lado es uno de:
- t - para clases que definen margin-top o padding-top
- b - para clases que definen margin-bottom o padding-bottom
- l - para clases que definen el margin-left o padding-left
- r - para clases que definen el margin-right o padding-right
- x - para clases que definen al mismo tiempo *-right y *-right
- y - para clases que definen al mismo tiempo *-bottom y *-bottom
- en blanco - para clases que definen margin o padding en los 4 lados del elemento
Donde tamaño es uno de:
- auto - para clases que definen el margin o padding automáticamente
- 0 - para clases que eliminan el margin o padding
- 4 - para clases que definen margin o padding a 4px
- 8 - para clases que definen el margin o padding a 8px
- 12 - para clases que definen el margin o padding a 12px
- 16 - para clases que definen el margin o padding a 16px
- 20 - para clases que definen el margin o padding a 20px
- 24 - para clases que definen el margin o padding a 24px
- 28 - para clases que definen el margin o padding a 28px
- 32 - para clases que definen el margin o padding a 32px
- 36 - para clases que definen el margin o padding a 36px
- 40 - para clases que definen el margin o padding a 40px
- 44 - para clases que definen el margin o padding a 44px
- 48 - para clases que definen el margin o padding a 48px
- 60 - para clases que definen el margin o padding a 60px
- 80 - para clases que definen el margin o padding a 80px
- 160 - para clases que definen el margin o padding a 160px