Espaciado
Actualiza tu distribución sin crear clases nuevas. Los auxiliares de espaciado son útiles para modificar el padding y el margin de un elemento
Playground
Use the playground to get a feel for what the different helper classes can do. For an explanation of how they work, see the How it works section below.
Cómo funciona
Aplica un margin o un pading a un elemento que va desde 0 hasta 5. Cada incremento de tamaño fue diseñado para respetar los espaciados comunes ed Material Design. Estas clases pueden ser aplicadas usando el siguiente formato: {propiedad}{dirección}-{tamaño}.
La propiedad aplica el tipo de espaciado:
m- aplica unmarginp- aplica unpadding
La dirección indica de qué lado se aplica el espaciado:
t- aplica la propiedad demargin-topopadding-topb- aplica la propiedad demargin-bottomopadding-bottoml- aplica la propiedad demargin-leftopadding-leftr- aplica la propiedad demargin-rightopadding-rightx- aplica ambas propiedades*-lefty*-righty- aplica ambas propiedades*-topy*-bottom
El tamaño controla los incrementos de la propiedad:
0- quita elmarginopaddingasignándoles el valor01- aplica unmarginopaddingcon un valor de$spacer * .252- aplica unmarginopaddingcon un valor de$spacer * .53- aplica unmarginopaddingcon un valor de$spacer4- aplica unmarginopaddingcon un valor de$spacer * 1.55- aplica unmarginopaddingcon un valor de$spacer * 3