Skip to main content

dioxus_element_plug/styles/
typography.rs

1//! # Typography System
2//!
3//! Complete typography system for Element Plus components.
4
5/// Font families
6pub const FONT_FAMILY: &str = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
7
8/// Font sizes
9pub const FONT_SIZE_EXTRA_LARGE: &str = "20px";
10pub const FONT_SIZE_LARGE: &str = "18px";
11pub const FONT_SIZE_MEDIUM: &str = "16px";
12pub const FONT_SIZE_BASE: &str = "14px";
13pub const FONT_SIZE_SMALL: &str = "13px";
14pub const FONT_SIZE_EXTRA_SMALL: &str = "12px";
15
16/// Font weights
17pub const FONT_WEIGHT_PRIMARY: &str = "500";
18pub const FONT_WEIGHT_SECONDARY: &str = "400";
19pub const FONT_WEIGHT_BOLD: &str = "700";
20
21/// Line heights
22pub const FONT_LINE_HEIGHT_PRIMARY: &str = "24px";
23pub const FONT_LINE_HEIGHT_SECONDARY: &str = "16px";