tailwind_css_fixes/systems/effect_system/
builtin.rs1use 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}