tailwind_css/modules/transition/animate/
mod.rs

1use super::*;
2
3use self::animation::Animation;
4
5mod animation;
6
7#[doc=include_str!("readme.md")]
8#[derive(Clone, Debug)]
9pub struct TailwindAnimate {
10    kind: Animation,
11}
12
13impl Display for TailwindAnimate {
14    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
15        write!(f, "animate-{}", self.kind)
16    }
17}
18
19impl TailwindInstance for TailwindAnimate {
20    fn attributes(&self, _: &TailwindBuilder) -> CssAttributes {
21        let animation = match &self.kind {
22            Animation::None => "none".to_string(),
23            Animation::Spin => "animation: spin 1s linear infinite;".to_string(),
24            Animation::Ping => "animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;".to_string(),
25            Animation::Pulse => "animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;".to_string(),
26            Animation::Bounce => "animation: bounce 1s infinite;".to_string(),
27            Animation::Arbitrary(s) => s.get_properties(),
28        };
29        css_attributes! {
30            "animation" => animation
31        }
32    }
33    fn additional(&self, _: &TailwindBuilder) -> String {
34        match &self.kind {
35            Animation::None => "",
36            Animation::Spin => "@keyframes spin {from{transform: rotate(0deg);}to{transform: rotate(360deg);}}",
37            Animation::Ping => "@keyframes ping {75%,100%{transform:scale(2);opacity:0;}}",
38            Animation::Pulse => "@keyframes pulse {0%,100%{opacity:1;}50%{opacity:.5;}}",
39            Animation::Bounce => {"@key frames bounce {0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1);}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1);}}"},
40            Animation::Arbitrary(_) => "",
41        }
42        .to_string()
43    }
44}
45
46impl TailwindAnimate {
47    pub fn parse(pattern: &[&str], arbitrary: &TailwindArbitrary) -> Result<Self> {
48        Ok(Self { kind: Animation::parse(pattern, arbitrary)? })
49    }
50    pub fn parse_arbitrary(arbitrary: &TailwindArbitrary) -> Result<Self> {
51        Ok(Self { kind: Animation::parse_arbitrary(arbitrary)? })
52    }
53}
tailwind_css/modules/transition/animate/mod.rs

tailwind_css/modules/transition/animate/
mod.rs
