tailwind_css_fixes/modules/transition/transit/
mod.rs

1use super::*;
2
3#[derive(Clone, Debug)]
4enum Transition {
5    None,
6    All,
7    Default,
8    Colors,
9    Opacity,
10    Shadow,
11    Transform,
12    Arbitrary(TailwindArbitrary),
13}
14
15#[doc=include_str!("readme.md")]
16#[derive(Clone, Debug)]
17pub struct TailwindTransition {
18    kind: Transition,
19}
20
21impl Display for Transition {
22    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
23        match self {
24            Self::None => write!(f, "-none"),
25            Self::All => write!(f, "-all"),
26            Self::Default => write!(f, ""),
27            Self::Colors => write!(f, "-colors"),
28            Self::Opacity => write!(f, "-opacity"),
29            Self::Shadow => write!(f, "-shadow"),
30            Self::Transform => write!(f, "-transform"),
31            Self::Arbitrary(g) => write!(f, "-[{}]", g.get_class()),
32        }
33    }
34}
35
36impl Display for TailwindTransition {
37    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
38        write!(f, "transition{}", self.kind)
39    }
40}
41
42impl TailwindInstance for TailwindTransition {
43    fn attributes(&self, _: &TailwindBuilder) -> CssAttributes {
44        // https://tailwindcss.com/docs/transition-property
45        match &self.kind {
46            Transition::None => css_attributes! {
47                "transition-property" => "none"
48            },
49            Transition::All => css_attributes! {
50                "transition-property" => "all",
51                "transition-timing-function" => "var(--default-transition-timing-function)",
52                "transition-duration" => "var(--default-transition-duration)"
53            },
54            Transition::Default => css_attributes! {
55                "transition-property" => "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events",
56                "transition-timing-function" => "var(--default-transition-timing-function)",
57                "transition-duration" => "var(--default-transition-duration)"
58            },
59            Transition::Colors => css_attributes! {
60                "transition-property" => "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to",
61                "transition-timing-function" => "var(--default-transition-timing-function)",
62                "transition-duration" => "var(--default-transition-duration)"
63            },
64            Transition::Opacity => css_attributes! {
65                "transition-property" => "opacity",
66                "transition-timing-function" => "var(--default-transition-timing-function)",
67                "transition-duration" => "var(--default-transition-duration)"
68            },
69            Transition::Shadow => css_attributes! {
70                "transition-property" => "box-shadow",
71                "transition-timing-function" => "var(--default-transition-timing-function)",
72                "transition-duration" => "var(--default-transition-duration)"
73            },
74            Transition::Transform => css_attributes! {
75                "transition-property" => "transform, translate, scale, rotate",
76                "transition-timing-function" => "var(--default-transition-timing-function)",
77                "transition-duration" => "var(--default-transition-duration)"
78            },
79            Transition::Arbitrary(a) => {
80                let value = a.get_properties();
81                css_attributes! {
82                    "transition-property" => value,
83                    "transition-timing-function" => "var(--default-transition-timing-function)",
84                    "transition-duration" => "var(--default-transition-duration)"
85                }
86            }
87        }
88    }
89}
90
91impl TailwindTransition {
92    pub fn parse(pattern: &[&str], arbitrary: &TailwindArbitrary) -> Result<Self> {
93        Ok(Self { kind: Transition::parse(pattern, arbitrary)? })
94    }
95    pub fn parse_arbitrary(arbitrary: &TailwindArbitrary) -> Result<Self> {
96        Ok(Self { kind: Transition::parse_arbitrary(arbitrary)? })
97    }
98}
99
100impl Transition {
101    pub fn parse(pattern: &[&str], arbitrary: &TailwindArbitrary) -> Result<Self> {
102        let t = match pattern {
103            [] if arbitrary.is_none() => Self::Default,
104            [] => Self::parse_arbitrary(arbitrary)?,
105            ["none"] => Self::None,
106            ["all"] => Self::All,
107            ["colors"] => Self::Colors,
108            ["opacity"] => Self::Opacity,
109            ["shadow"] => Self::Shadow,
110            ["transform"] => Self::Transform,
111            _ => return syntax_error!("Unknown transition instructions: {}", pattern.join("-")),
112        };
113        Ok(t)
114    }
115    pub fn parse_arbitrary(arbitrary: &TailwindArbitrary) -> Result<Self> {
116        Ok(Self::Arbitrary(TailwindArbitrary::new(arbitrary)?))
117    }
118}
tailwind_css_fixes/modules/transition/transit/mod.rs

tailwind_css_fixes/modules/transition/transit/
mod.rs
