Explicaremos como funcionan los espacios dentro de nuestra aplicación y como es que funcionan las unidades.
Una unidad es igual a 15px
Por lo tanto 2 unidades serían igual a 30px
Es libre la configuración de estas unidades mientras se usen en totales y medias(1,2,2.5,3,3.5), no parcialidades (.2,.4,.6)
Los componentes de nuestro sistema tienen un margen de una unidad de espaciado (15px), este margen afecta a todos los items a su al rededor.
Por lo tanto pueden tener un espaciado de x2 unidades (30px)
Tendremos una unidad(15px) de cada lado cuando los componentes contengan contenido.