tailwind_css_fixes/systems/effect_system/
builtin.rs

1use super::*;
2
3impl EffectSystem {
4    pub fn builtin() -> Self {
5        let mut new = Self::default();
6        new.builtin_box_shadows();
7        new.builtin_drop_shadows();
8        new
9    }
10    fn builtin_box_shadows(&mut self) {
11        self.set_box_shadow_default("0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)");
12        self.insert_box_shadow("sm", "0 1px 2px 0 rgb(0 0 0 / 0.05)");
13        self.insert_box_shadow("md", "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)");
14        self.insert_box_shadow("lg", "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)");
15        self.insert_box_shadow("xl", "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)");
16        self.insert_box_shadow("2xl", "0 25px 50px -12px rgb(0 0 0 / 0.25)");
17        self.insert_box_shadow("inner", "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)");
18        self.insert_box_shadow("none", "0 0 #0000");
19    }
20    fn builtin_drop_shadows(&mut self) {
21        self.set_drop_shadow_default("drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06))");
22        self.insert_drop_shadow("sm", "drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));");
23        self.insert_drop_shadow("md", "drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));");
24        self.insert_drop_shadow("lg", "drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));");
25        self.insert_drop_shadow("xl", "drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));");
26        self.insert_drop_shadow("2xl", "drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));");
27        self.insert_drop_shadow("none", "drop-shadow(0 0 #0000);");
28    }
29}