mirror of
https://github.com/flectar/mail.git
synced 2026-11-11 17:57:54 +00:00
22 lines
1.2 KiB
Plaintext
22 lines
1.2 KiB
Plaintext
// A compact desktop type ramp based on the font size reported by the OS.
|
|
// Keeping these values relative means platform accessibility text settings
|
|
// scale the application instead of being bypassed by fixed pixel sizes.
|
|
export global TypeScale {
|
|
// Reserved for short, icon-supported labels such as the desktop product
|
|
// rail. At the 12px fallback base this resolves to the 10px macOS minimum.
|
|
out property <relative-font-size> micro: 0.83rem;
|
|
out property <relative-font-size> caption: 1rem;
|
|
out property <relative-font-size> secondary: 1.08rem;
|
|
out property <relative-font-size> body: 1.17rem;
|
|
out property <relative-font-size> body-large: 1.25rem;
|
|
out property <relative-font-size> subtitle: 1.33rem;
|
|
out property <relative-font-size> heading-small: 1.42rem;
|
|
out property <relative-font-size> heading: 1.5rem;
|
|
out property <relative-font-size> heading-large: 1.58rem;
|
|
out property <relative-font-size> title-small: 1.66rem;
|
|
out property <relative-font-size> title: 1.75rem;
|
|
out property <relative-font-size> title-large: 1.83rem;
|
|
out property <relative-font-size> display: 2rem;
|
|
out property <relative-font-size> display-large: 2.08rem;
|
|
}
|