Skip to main content

dioxus_element_plug/styles/
simple_css_generation.rs

1//! Simple CSS generation functions - Now Enhanced!
2//! This module provides access to the complete Element Plus CSS system
3
4/// Generate complete Element Plus styles with all 114 components
5/// Uses the enhanced CSS system with full theme support
6pub fn all_styles() -> String {
7    crate::styles::enhanced_css_system::all_styles()
8}
9
10#[cfg(test)]
11mod tests {
12    use super::*;
13    
14    #[test]
15    fn test_complete_css_generation() {
16        let css = all_styles();
17        
18        // Verify CSS is not empty
19        assert!(!css.is_empty());
20        
21        // Verify theme variables are included
22        assert!(css.contains("--el-color-primary"));
23        assert!(css.contains("--el-color-success"));
24        assert!(css.contains("--el-color-warning"));
25        assert!(css.contains("--el-color-danger"));
26        assert!(css.contains("--el-color-info"));
27        
28        // Verify component styles are included
29        assert!(css.contains(".el-button"));
30        assert!(css.contains(".el-input"));
31        assert!(css.contains(".el-alert"));
32        assert!(css.contains(".el-form"));
33        assert!(css.contains(".el-table"));
34        assert!(css.contains(".el-card"));
35        assert!(css.contains(".el-menu"));
36        assert!(css.contains(".el-tabs"));
37        assert!(css.contains(".el-dialog"));
38        assert!(css.contains(".el-dropdown"));
39        assert!(css.contains(".el-steps"));
40        
41        // Verify CSS Reset is included
42        assert!(css.contains("box-sizing: border-box"));
43        assert!(css.contains("font-family"));
44        
45        // Verify responsive design elements
46        assert!(css.contains(".el-col-"));
47        
48        println!("✅ Complete CSS system generated successfully!");
49        println!("📊 CSS size: {} characters", css.len());
50    }
51}