hypen-tailwind-parse 0.4.980

Minimal Tailwind CSS class parser for Hypen
Documentation 
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

//! Table utilities: border-collapse, border-spacing, table-layout, caption-side

use crate::parser::CssProperty;

pub fn parse(utility: &str) -> Option<Vec<CssProperty>> {
    // Border collapse
    match utility {
        "border-collapse" => return Some(vec![CssProperty::new("border-collapse", "collapse")]),
        "border-separate" => return Some(vec![CssProperty::new("border-collapse", "separate")]),
        _ => {}
    }

    // Border spacing
    if let Some(val) = utility.strip_prefix("border-spacing-") {
        // Directional
        if let Some(x_val) = val.strip_prefix("x-") {
            let value = spacing_value(x_val)?;
            return Some(vec![CssProperty::new(
                "border-spacing",
                &format!("{} 0", value),
            )]);
        }
        if let Some(y_val) = val.strip_prefix("y-") {
            let value = spacing_value(y_val)?;
            return Some(vec![CssProperty::new(
                "border-spacing",
                &format!("0 {}", value),
            )]);
        }
        // All sides
        let value = spacing_value(val)?;
        return Some(vec![CssProperty::new("border-spacing", value)]);
    }

    // Table layout
    match utility {
        "table-auto" => return Some(vec![CssProperty::new("table-layout", "auto")]),
        "table-fixed" => return Some(vec![CssProperty::new("table-layout", "fixed")]),
        _ => {}
    }

    // Caption side
    match utility {
        "caption-top" => return Some(vec![CssProperty::new("caption-side", "top")]),
        "caption-bottom" => return Some(vec![CssProperty::new("caption-side", "bottom")]),
        _ => {}
    }

    None
}

fn spacing_value(key: &str) -> Option<&'static str> {
    match key {
        "0" => Some("0px"),
        "px" => Some("1px"),
        "0.5" => Some("0.125rem"),
        "1" => Some("0.25rem"),
        "1.5" => Some("0.375rem"),
        "2" => Some("0.5rem"),
        "2.5" => Some("0.625rem"),
        "3" => Some("0.75rem"),
        "3.5" => Some("0.875rem"),
        "4" => Some("1rem"),
        "5" => Some("1.25rem"),
        "6" => Some("1.5rem"),
        "7" => Some("1.75rem"),
        "8" => Some("2rem"),
        "9" => Some("2.25rem"),
        "10" => Some("2.5rem"),
        "11" => Some("2.75rem"),
        "12" => Some("3rem"),
        _ => None,
    }
}

#[cfg(test)]
mod tests {
    use super::*;

    #[test]
    fn test_border_collapse() {
        let props = parse("border-collapse").unwrap();
        assert_eq!(props[0].property, "border-collapse");
        assert_eq!(props[0].value, "collapse");
    }

    #[test]
    fn test_border_separate() {
        let props = parse("border-separate").unwrap();
        assert_eq!(props[0].property, "border-collapse");
        assert_eq!(props[0].value, "separate");
    }

    #[test]
    fn test_border_spacing() {
        let props = parse("border-spacing-2").unwrap();
        assert_eq!(props[0].property, "border-spacing");
        assert_eq!(props[0].value, "0.5rem");
    }

    #[test]
    fn test_table_fixed() {
        let props = parse("table-fixed").unwrap();
        assert_eq!(props[0].property, "table-layout");
        assert_eq!(props[0].value, "fixed");
    }

    #[test]
    fn test_caption_top() {
        let props = parse("caption-top").unwrap();
        assert_eq!(props[0].property, "caption-side");
        assert_eq!(props[0].value, "top");
    }
}