Espaciado y maquetación

Espaciado por función

Una escala de valores de espaciado —de extra pequeño a extra grande, más un paso más grande para el hueco entre secciones— fluida entre tu pantalla más pequeña y la más grande, igual que la escala de tipografía. Todo en el framework que necesita un hueco, un relleno o un margen recurre a una de estas funciones en vez de a un valor fijo, así que cambiar la escala una vez cambia todo el sitio de forma consistente.

Cómo se calcula la escala

Los pasos crecen hacia fuera desde M, el paso base, por la proporción que elijas —un paso hacia arriba multiplica por ella, un paso hacia abajo divide por ella. Cada paso muestra dos números, su tamaño en tu pantalla más pequeña y en la más grande; haz clic en un paso para abrirlo, y escribe un valor en cualquiera de los dos campos para fijar ese paso a mano, independiente de la proporción.

Sections —el paso más grande entre secciones completas de página— tiene su propia proporción y escala (S, Section, L), calculada de la misma forma pero hacia fuera desde el propio paso de sección, no desde M.

El ancho del contenedor, el margen lateral, las ayudas de grid, los anchos de contenido y la altura de tu cabecera viven todos juntos en More settings → Layout & grid.