Skip to main content

dioxus_element_plug/styles/
core.rs

1//! # Core Style System
2//!
3//! Core constants and foundational elements of the Element Plus style system.
4
5/// Element Plus base CSS variables
6pub const COLOR_WHITE: &str = "#ffffff";
7pub const COLOR_BLACK: &str = "#000000";
8
9/// Element Plus border base styles
10pub const BORDER_WIDTH: &str = "1px";
11pub const BORDER_STYLE: &str = "solid";
12pub const BORDER_BASE: &str = "1px solid #DCDFE6";
13
14/// Element Plus transition
15pub const TRANSITION_DURATION_FAST: &str = ".15s";
16pub const TRANSITION_DURATION_BASE: &str = ".2s";
17pub const TRANSITION_DURATION_SLOW: &str = ".3s";
18
19/// Element Plus component sizes
20pub const COMPONENT_SIZE_LARGE: &str = "large";
21pub const COMPONENT_SIZE_MEDIUM: &str = "medium";
22pub const COMPONENT_SIZE_DEFAULT: &str = "default";
23pub const COMPONENT_SIZE_SMALL: &str = "small";
24
25/// Element Plus input height
26pub const INPUT_HEIGHT_LARGE: &str = "40px";
27pub const INPUT_HEIGHT_MEDIUM: &str = "36px";
28pub const INPUT_HEIGHT_DEFAULT: &str = "32px";
29pub const INPUT_HEIGHT_SMALL: &str = "28px";
30
31/// Element Plus component base styles
32pub const INPUT_BORDER_RADIUS: &str = "4px";
33pub const INPUT_BORDER_COLOR: &str = "#DCDFE6";
34pub const INPUT_BACKGROUND_COLOR: &str = "#FFFFFF";
35pub const INPUT_COLOR: &str = "#606266";