whisker-css 0.3.1

Type-safe CSS builder for Whisker. Mirrors the Lynx CSS surface.
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

//! `display` and `direction` properties.

use crate::css::Css;
use crate::keyword::{Direction, Display};

impl Css {
    /// Sets `display`. Lynx default: `linear`.
    /// <https://lynxjs.org/api/css/properties/display>
    pub fn display(self, v: Display) -> Self {
        self.push("display", v)
    }

    /// Sets `display: none` — element is removed from the layout tree.
    pub fn display_none(self) -> Self {
        self.push("display", Display::None)
    }

    /// Sets `display: flex` — opt into CSS flexbox.
    pub fn display_flex(self) -> Self {
        self.push("display", Display::Flex)
    }

    /// Sets `display: grid` — opt into CSS grid.
    pub fn display_grid(self) -> Self {
        self.push("display", Display::Grid)
    }

    /// Sets `display: linear` — Lynx default linear layout.
    pub fn display_linear(self) -> Self {
        self.push("display", Display::Linear)
    }

    /// Sets `display: relative` — Lynx relative-positioning container.
    pub fn display_relative(self) -> Self {
        self.push("display", Display::Relative)
    }

    /// Sets `direction`. Lynx default: `ltr`.
    /// <https://lynxjs.org/api/css/properties/direction>
    pub fn direction(self, v: Direction) -> Self {
        self.push("direction", v)
    }
}

#[cfg(test)]
mod tests {
    use crate::keyword::{Direction, Display};
    use crate::Css;

    #[test]
    fn display_keyword() {
        let s = Css::new().display(Display::Flex);
        assert_eq!(s.to_string(), "display: flex;");
    }

    #[test]
    fn display_shortcuts() {
        assert_eq!(Css::new().display_none().to_string(), "display: none;");
        assert_eq!(Css::new().display_flex().to_string(), "display: flex;");
        assert_eq!(Css::new().display_grid().to_string(), "display: grid;");
        assert_eq!(Css::new().display_linear().to_string(), "display: linear;");
        assert_eq!(
            Css::new().display_relative().to_string(),
            "display: relative;"
        );
    }

    #[test]
    fn direction_keywords() {
        assert_eq!(
            Css::new().direction(Direction::Ltr).to_string(),
            "direction: ltr;"
        );
        assert_eq!(
            Css::new().direction(Direction::Rtl).to_string(),
            "direction: rtl;"
        );
    }
}