Flow Utilities
El sistema incluye clases .flow para espaciado automático entre elementos hijos usando el selector > * + *.
Flow básico (.flow)
Título dentro de flow
Este párrafo tiene espaciado automático después del título.
Los párrafos también tienen espaciado entre ellos.
- Las listas también
- Mantienen el espaciado
Y cualquier elemento después tiene espaciado correcto.
Variantes de flow
Flow Small (.flow-s)
Espaciado pequeño
Entre elementos
12px de separación
Flow Medium (.flow-m)
Espaciado medio
Entre elementos
16px de separación
Content Flow
Contenedor de lectura óptimo
La clase .content-flow combina un ancho máximo de 700px (óptimo para lectura) con espaciado automático entre elementos.
Ideal para contenido editorial como artículos, noticias y páginas de contenido.
Las citas tienen espaciado especial después de ellas para destacar su importancia.
El contenido continúa fluyendo naturalmente después de elementos especiales.