dioxus-element-plug 0.1.5

Element UI components for Dioxus applications with pure Rust styling system
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

//! # Core Style System
//!
//! Core constants and foundational elements of the Element Plus style system.

/// Element Plus base CSS variables
pub const COLOR_WHITE: &str = "#ffffff";
pub const COLOR_BLACK: &str = "#000000";

/// Element Plus border base styles
pub const BORDER_WIDTH: &str = "1px";
pub const BORDER_STYLE: &str = "solid";
pub const BORDER_BASE: &str = "1px solid #DCDFE6";

/// Element Plus transition
pub const TRANSITION_DURATION_FAST: &str = ".15s";
pub const TRANSITION_DURATION_BASE: &str = ".2s";
pub const TRANSITION_DURATION_SLOW: &str = ".3s";

/// Element Plus component sizes
pub const COMPONENT_SIZE_LARGE: &str = "large";
pub const COMPONENT_SIZE_MEDIUM: &str = "medium";
pub const COMPONENT_SIZE_DEFAULT: &str = "default";
pub const COMPONENT_SIZE_SMALL: &str = "small";

/// Element Plus input height
pub const INPUT_HEIGHT_LARGE: &str = "40px";
pub const INPUT_HEIGHT_MEDIUM: &str = "36px";
pub const INPUT_HEIGHT_DEFAULT: &str = "32px";
pub const INPUT_HEIGHT_SMALL: &str = "28px";

/// Element Plus component base styles
pub const INPUT_BORDER_RADIUS: &str = "4px";
pub const INPUT_BORDER_COLOR: &str = "#DCDFE6";
pub const INPUT_BACKGROUND_COLOR: &str = "#FFFFFF";
pub const INPUT_COLOR: &str = "#606266";