Skylark Starter Kit

KOSTENLOSER VERSAND! .yith-wcbm-badge-88354{--badge-discount-text : 'Rabatt';--badge-up-to-text : 'Bis zu';--badge-primary-color : #1eb41d;--badge-text-color : #ffffff;--badge-secondary-color : #126c11;--badge-secondary-light-color : #157d14;--badge-secondary-dark-color : #0f5a0e;--badge-tertiary-color : #0c480b;--badge-triadic-positive-color : hsl(209 , 72% , 40% );--badge-triadic-negative-color : hsl(29 , 72% , 40% );--badge-analogous-positive-color: hsl(149, 72 %, 40 %);--badge-analogous-negative-color: hsl(89, 72 %, 40 %);--badge-complementary-color: hsl(299, 72 %, 40 %);} .yith-wcbm-badge.yith-wcbm-badge-css-7 { Box-Sizing: Rahmenbox; Breite: auto; Höhe: auto; Hintergrundfarbe: transparent; } .yith-wcbm-badge.yith-wcbm-badge-css-7 div.yith-wcbm-css-s1 { Breite: 0; Höhe: 0; Rahmen rechts: 5px durchgängig transparent; Rahmen links: 2px durchgängig transparent; Position: absolut; rechts: 1px; unten: -6px; Rahmen oben: 6px durchgezogen var(--badge-secondary-color, #932a00); } .yith-wcbm-badge.yith-wcbm-badge-css-7 div.yith-wcbm-css-s2 { Breite: 13px; Höhe: 26px; Anzeige: Inline-Block; } .yith-wcbm-badge.yith-wcbm-badge-css-7 div.yith-wcbm-css-text { Höhe: auto; Leerraum: nowrap; Polsterung: 3px 10px 3px 8px; Position: relativ; rechts: 0; Anzeige: Inline-Block; Hintergrund: var(--badge-primary-color, #e73e08); Rahmenfarbe: var (--badge-primary-color, #e73e08); } .yith-wcbm-badge.yith-wcbm-badge-css-7 div.yith-wcbm-css-text:vorher { Inhalt: ''; Breite: 0; Höhe: 60 %; Abstand rechts: 13px; Position: absolut; oben: 0; links: 1px; transformieren: translateX (-100 %); Hintergrund: linearer Farbverlauf (nach unten links, var (--badge-primary-color, #e73e08) 50 %, #0000 50.1 %); } .yith-wcbm-badge.yith-wcbm-badge-css-7 div.yith-wcbm-css-text:nachher { Inhalt: ''; Höhe: 60 %; Polsterung rechts: 13px; Position: absolut; unten: 0; links: 1px; transformieren: translateX(-100%); Hintergrund: linearer Farbverlauf (nach oben links, var(--badge-primary-color, #e73e08) 50%, #0000 50.1%); } .yith-wcbm-badge.yith-wcbm-badge-css-7 div.yith-wcbm-badge__wrap { Anzeige: flex; }