# Maquetación y puntos de ruptura

El ancho del contenido y dónde cambia la maquetación. Los anchos se incluyen en @luz-ds/core y los puntos de ruptura en @luz-ds/tokens.

Los anchos se incluyen en core; los puntos de ruptura, en tokens.

- Los puntos de ruptura son valores de referencia: las consultas de medios no pueden leer propiedades personalizadas, así que escribe el número, por ejemplo, `@media (max-width: 768px)`.
- Safari en un Mac con barras de desplazamiento siempre visibles no cuenta la barra en las consultas de medios basadas en el ancho (error 52653 de WebKit), así que se alcanza un punto de ruptura cuando la ventana mide hasta unos 15 px más que su valor.

Values: `tokens.json`, `classes.json`.