tailwind_css_fixes/modules/layouts/display/
mod.rs

1use super::*;
2
3#[doc=include_str!("readme.md")]
4#[derive(Clone, Debug)]
5pub struct TailwindDisplay {
6    kind: StandardValue,
7}
8
9// 1) Call TailwindDisplay::from("{keyword}").boxed()
10// 2) This keyword_instance! macro will generate CSS rules as { display: {keyword}; }"
11//  - EXAMPLE: TailwindDisplay::from("block") will create the declaration "{ display: block; }"
12//  - SPECIAL CASE: "hidden" turns into keyword "none" for "{ display: none; }"
13crate::macros::sealed::keyword_instance!(TailwindDisplay => "display", { "hidden" => "none" });
14
15/// Generated traced CSS classnames as ".{keyword}".
16impl Display for TailwindDisplay {
17    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
18        match &self.kind {
19            StandardValue::Keyword(s) if s == "none" => write!(f, "hidden"),
20            _ => write!(f, "{}", self.kind)
21        }
22    }
23}
24
25// Generated traced CSS classnames as ".{keyword}".
26impl TailwindDisplay {
27    /// <https://tailwindcss.com/docs/display>
28    /// - Into/from is always used instead of parse() here, since display only has keywords.
29    pub fn parse(pattern: &[&str], arbitrary: &TailwindArbitrary) -> Result<Self> {
30        Ok(Self { kind: StandardValue::parser("display", &Self::check_valid)(pattern, arbitrary)? })
31    }
32    /// dispatch to [display](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
33    pub fn parse_arbitrary(arbitrary: &TailwindArbitrary) -> Result<Self> {
34        StandardValue::parse_arbitrary(arbitrary).map(|kind| Self { kind })
35    }
36    /// https://developer.mozilla.org/en-US/docs/Web/CSS/display#syntax
37    pub fn check_valid(mode: &str) -> bool {
38        let set = BTreeSet::from_iter(vec![
39            "block",
40            "contents",
41            "flex",
42            "flow-root",
43            "grid",
44            "inherit",
45            "initial",
46            "inline",
47            "inline-block",
48            "inline-flex",
49            "inline-grid",
50            "list-item",
51            "hidden",
52            "revert",
53            "table",
54            "table-row",
55        ]);
56        set.contains(mode)
57    }
58}