Normas gráficas
Tamaño de fuente root (font-size-root): 1rem (16px)
Tamaño de fuente base (font-size-base): 0.875rem (14px)
Títulos
- h1: font-size-base * 2 (28px)
- h2: font-size-base * 1.75 (25px)
- h3: font-size-base * 1.5 (21px)
- h4: font-size-base * 1.286 (18px)
- h5: font-size-base * 1.143 (16px)
- h6: font-size-base * 1 (14px)
- h7: font-size-base * 0.857 (12px)
Espaciados
Existen 5 estilos predeterminados para los espaciados (padding = p / margin = m)
- p1 o m1: 0.25 rem
- p2 o m2: 0.5 rem
- p3 o m3: 1 rem
- p4 o m4: 1.25 rem
- p5 o m5: 3 rem
Siendo un estándar la “medida 3” de 1 rem para exteriores y separación general de elementos
y “medida 2” de 0.5 rem para cuando hay un conjunto de elementos
Breakpoints
- xs: 0
- sm: 576px
- md: 768px
- lg: 992px
- xl: 1200px
- xxl: 1400px