tailwind_css/modules/transforms/translate/
mod.rs

1use super::*;
2
3#[doc=include_str!("readme.md")]
4#[derive(Clone, Debug)]
5pub struct TailwindTranslate {
6    axis: AxisXY,
7    kind: UnitValue,
8}
9
10impl Display for TailwindTranslate {
11    fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
12        self.kind.write_negative(f)?;
13        match self.axis {
14            AxisXY::X => write!(f, "translate-x-{}", self.kind),
15            AxisXY::Y => write!(f, "translate-y-{}", self.kind),
16            AxisXY::N => write!(f, "translate-{}", self.kind),
17        }
18    }
19}
20
21impl TailwindInstance for TailwindTranslate {
22    fn attributes(&self, _: &TailwindBuilder) -> CssAttributes {
23        let size = self.kind.get_properties(|n| format!("{}rem", n / 4.0));
24        let transform = match self.axis {
25            AxisXY::X => format!("translateX({})", size),
26            AxisXY::Y => format!("translateY({})", size),
27            AxisXY::N => format!("translate({})", size),
28        };
29        css_attributes! {
30            "transform" => transform,
31        }
32    }
33}
34
35// noinspection DuplicatedCode
36impl TailwindTranslate {
37    /// <https://tailwindcss.com/docs/translate>
38    pub fn parse(pattern: &[&str], arbitrary: &TailwindArbitrary, negative: Negative) -> Result<Self> {
39        let (axis, rest) = AxisXY::split_xyn(pattern);
40        let kind = match rest {
41            ["px"] => UnitValue::px(1.0),
42            ["full"] => UnitValue::radio(1, 1),
43            _ => UnitValue::negative_parser("translate", |_| false, true, false, false)(rest, arbitrary, negative)?,
44        };
45        Ok(Self { kind, axis })
46    }
47}
tailwind_css/modules/transforms/translate/mod.rs

tailwind_css/modules/transforms/translate/
mod.rs
