@eightshift/ui-components 4.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Button-CvzGKGCo.js → Button-wERNNG0T.js} +4 -4
- package/dist/{Collection-ddre1L5v.js → Collection-CKsHTyhc.js} +129 -98
- package/dist/{Color-MV5kBVXr.js → Color-BhgbJF5x.js} +1 -1
- package/dist/{ColorSwatch-BqQfVu4L.js → ColorSwatch-Bcn6oRSg.js} +4 -4
- package/dist/{ComboBox-jQ-dk95U.js → ComboBox-D1LPUwWP.js} +19 -19
- package/dist/{Dialog-DX1aiYyE.js → Dialog-D190gMbE.js} +28 -30
- package/dist/{FieldError-52GVSGgC.js → FieldError-DeUh5Wkw.js} +2 -2
- package/dist/{FocusScope-Cri5BFRz.js → FocusScope-C-plSxbS.js} +2 -2
- package/dist/{Group-_emcIVxI.js → Group-C5iZpSAM.js} +3 -3
- package/dist/{Heading-B2153VXe.js → Heading-D-Pboe4p.js} +1 -1
- package/dist/{Input-BxpFEIXV.js → Input--mF4XVE1.js} +6 -6
- package/dist/{Label-icmbmNdI.js → Label-Fp6AwSRn.js} +1 -1
- package/dist/{List-BYNHbol3.js → List-CZMUbkFU.js} +1 -1
- package/dist/{ListBox-mJ4nQaL7.js → ListBox-4oW9kh3R.js} +13 -12
- package/dist/{OverlayArrow-BB0CWwdq.js → OverlayArrow-BpB9uB_I.js} +19 -11
- package/dist/{Select-aab027f3.esm--EmXjiL3.js → Select-aab027f3.esm-BKIJGje-.js} +1 -1
- package/dist/{Separator-D9moUgP8.js → Separator-B88tj5YD.js} +6 -5
- package/dist/{Slider-rz2XRMGm.js → Slider-CyJzC1bp.js} +11 -11
- package/dist/{Text-DVSAPY-K.js → Text-DRpwWot2.js} +1 -1
- package/dist/{VisuallyHidden-f9zX67a_.js → VisuallyHidden-DsKYcRQ_.js} +2 -2
- package/dist/assets/index.css +21 -1
- package/dist/assets/style-admin.css +891 -282
- package/dist/assets/style-editor.css +891 -282
- package/dist/assets/style.css +891 -282
- package/dist/assets/wp-font-enhancements.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +91 -13
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/button/button.js +5 -5
- package/dist/components/checkbox/checkbox.js +9 -9
- package/dist/components/color-pickers/color-swatch.js +8 -7
- package/dist/components/color-pickers/gradient-editor.js +1 -1
- package/dist/components/color-pickers/solid-color-picker.js +16 -16
- package/dist/components/component-toggle/component-toggle.js +5 -2
- package/dist/components/draggable/draggable.js +2049 -1277
- package/dist/components/draggable-list/draggable-list.js +1 -1
- package/dist/components/expandable/expandable.js +7 -7
- package/dist/components/input-field/input-field.js +7 -7
- package/dist/components/link-input/link-input.js +16 -18
- package/dist/components/menu/menu.js +2 -2
- package/dist/components/modal/modal.js +5 -5
- package/dist/components/number-picker/number-picker.js +9 -9
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/radio/radio.js +13 -13
- package/dist/components/repeater/repeater.js +1 -1
- package/dist/components/responsive/mini-responsive.js +3 -3
- package/dist/components/responsive/responsive-legacy.js +3 -3
- package/dist/components/responsive/responsive.js +6 -3
- package/dist/components/select/async-multi-select.js +3 -3
- package/dist/components/select/async-single-select.js +2 -2
- package/dist/components/select/custom-select-default-components.js +1 -1
- package/dist/components/select/multi-select-components.js +1 -1
- package/dist/components/select/multi-select.js +3 -3
- package/dist/components/select/react-select-component-wrappers.js +1 -1
- package/dist/components/select/single-select.js +2 -2
- package/dist/components/select/v2/async-select.js +8 -8
- package/dist/components/select/v2/shared.js +2 -2
- package/dist/components/select/v2/single-select.js +19 -18
- package/dist/components/slider/column-config-slider.js +2 -2
- package/dist/components/slider/slider.js +6 -4
- package/dist/components/slider/utils.js +11 -1
- package/dist/components/tabs/tabs.js +16 -14
- package/dist/components/toggle/switch.js +8 -7
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +27 -8
- package/dist/components/tooltip/tooltip.js +6 -4
- package/dist/{context-D2KUdwNL.js → context-BYWrbm1z.js} +1 -1
- package/dist/{index-641ee5b8.esm-BPz6U6sJ.js → index-641ee5b8.esm-BPU8rMZr.js} +5 -5
- package/dist/index-CFozsmNS.js +28321 -0
- package/dist/{index-BKGQ6jGS.js → index-wl5606BX.js} +1 -1
- package/dist/{multi-select-components-BlZZoNXC.js → multi-select-components-Sp-JEFEX.js} +1 -1
- package/dist/{react-select-async.esm-CwUoej5h.js → react-select-async.esm-D937XTWW.js} +3 -3
- package/dist/{react-select.esm-DcwYxadV.js → react-select.esm-Ciai3aKf.js} +3 -3
- package/dist/{textSelection-0UUS8Yfg.js → textSelection-CCcyjiRP.js} +1 -1
- package/dist/{useButton-BpOKDWEN.js → useButton-BOHxkGQF.js} +6 -27
- package/dist/{useEvent-B0b-6KBr.js → useEvent-D5o_CqDH.js} +1 -1
- package/dist/{useFocusRing-CV5l3lf6.js → useFocusRing-nMG2uzxS.js} +5 -5
- package/dist/{useFormReset-C5OggHsw.js → useFormReset-DlmRL87g.js} +1 -1
- package/dist/{useFormValidation-DhDNSjws.js → useFormValidation-D0_aaK-e.js} +2 -2
- package/dist/{useHover-DwDr6ozG.js → useHover-VO5tcIli.js} +58 -68
- package/dist/{useLabel-D7HkNEHT.js → useLabel-BKH4fVA4.js} +3 -3
- package/dist/{useLabels-D8cxd1Z8.js → useLabels-ntF3rFY0.js} +1 -1
- package/dist/{useListState-UGlN5-7P.js → useListState-Cq2Nvr-v.js} +1 -1
- package/dist/{useLocalizedStringFormatter-CFP1YZWQ.js → useLocalizedStringFormatter-CGzwx1a0.js} +1 -1
- package/dist/{useNumberField-CEAj7Mrj.js → useNumberField-C9dmERhP.js} +14 -11
- package/dist/{useNumberFormatter-321rAb4J.js → useNumberFormatter-MrRLgvhj.js} +1 -1
- package/dist/{usePress-DNW8qpY6.js → usePress-DjNo5790.js} +36 -23
- package/dist/{useSingleSelectListState-DC0wWTUM.js → useSingleSelectListState--r3AAhRj.js} +2 -2
- package/dist/{useToggle-BrpmSOB-.js → useToggle-CQaXLe-O.js} +5 -5
- package/dist/{useToggleState-CmQX3SoX.js → useToggleState-C3DLdez5.js} +1 -1
- package/dist/utilities/es-dash.js +6 -0
- package/dist/{utils-DkCSC521.js → utils-B94NDG0v.js} +1 -1
- package/package.json +101 -101
- package/dist/index-BYHhzLf-.js +0 -444
|
@@ -1,4 +1,77 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties {
|
|
3
|
+
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
|
+
*, :before, :after, ::backdrop {
|
|
5
|
+
--tw-translate-x: 0;
|
|
6
|
+
--tw-translate-y: 0;
|
|
7
|
+
--tw-translate-z: 0;
|
|
8
|
+
--tw-scale-x: 1;
|
|
9
|
+
--tw-scale-y: 1;
|
|
10
|
+
--tw-scale-z: 1;
|
|
11
|
+
--tw-space-y-reverse: 0;
|
|
12
|
+
--tw-space-x-reverse: 0;
|
|
13
|
+
--tw-divide-y-reverse: 0;
|
|
14
|
+
--tw-border-style: solid;
|
|
15
|
+
--tw-gradient-position: initial;
|
|
16
|
+
--tw-gradient-from: #0000;
|
|
17
|
+
--tw-gradient-via: #0000;
|
|
18
|
+
--tw-gradient-to: #0000;
|
|
19
|
+
--tw-gradient-stops: initial;
|
|
20
|
+
--tw-gradient-via-stops: initial;
|
|
21
|
+
--tw-gradient-from-position: 0%;
|
|
22
|
+
--tw-gradient-via-position: 50%;
|
|
23
|
+
--tw-gradient-to-position: 100%;
|
|
24
|
+
--tw-leading: initial;
|
|
25
|
+
--tw-font-weight: initial;
|
|
26
|
+
--tw-tracking: initial;
|
|
27
|
+
--tw-ordinal: initial;
|
|
28
|
+
--tw-slashed-zero: initial;
|
|
29
|
+
--tw-numeric-figure: initial;
|
|
30
|
+
--tw-numeric-spacing: initial;
|
|
31
|
+
--tw-numeric-fraction: initial;
|
|
32
|
+
--tw-shadow: 0 0 #0000;
|
|
33
|
+
--tw-shadow-color: initial;
|
|
34
|
+
--tw-shadow-alpha: 100%;
|
|
35
|
+
--tw-inset-shadow: 0 0 #0000;
|
|
36
|
+
--tw-inset-shadow-color: initial;
|
|
37
|
+
--tw-inset-shadow-alpha: 100%;
|
|
38
|
+
--tw-ring-color: initial;
|
|
39
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
40
|
+
--tw-inset-ring-color: initial;
|
|
41
|
+
--tw-inset-ring-shadow: 0 0 #0000;
|
|
42
|
+
--tw-ring-inset: initial;
|
|
43
|
+
--tw-ring-offset-width: 0px;
|
|
44
|
+
--tw-ring-offset-color: #fff;
|
|
45
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
46
|
+
--tw-blur: initial;
|
|
47
|
+
--tw-brightness: initial;
|
|
48
|
+
--tw-contrast: initial;
|
|
49
|
+
--tw-grayscale: initial;
|
|
50
|
+
--tw-hue-rotate: initial;
|
|
51
|
+
--tw-invert: initial;
|
|
52
|
+
--tw-opacity: initial;
|
|
53
|
+
--tw-saturate: initial;
|
|
54
|
+
--tw-sepia: initial;
|
|
55
|
+
--tw-drop-shadow: initial;
|
|
56
|
+
--tw-drop-shadow-color: initial;
|
|
57
|
+
--tw-drop-shadow-alpha: 100%;
|
|
58
|
+
--tw-drop-shadow-size: initial;
|
|
59
|
+
--tw-backdrop-blur: initial;
|
|
60
|
+
--tw-backdrop-brightness: initial;
|
|
61
|
+
--tw-backdrop-contrast: initial;
|
|
62
|
+
--tw-backdrop-grayscale: initial;
|
|
63
|
+
--tw-backdrop-hue-rotate: initial;
|
|
64
|
+
--tw-backdrop-invert: initial;
|
|
65
|
+
--tw-backdrop-opacity: initial;
|
|
66
|
+
--tw-backdrop-saturate: initial;
|
|
67
|
+
--tw-backdrop-sepia: initial;
|
|
68
|
+
--tw-duration: initial;
|
|
69
|
+
--tw-ease: initial;
|
|
70
|
+
--tw-content: "";
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
2
75
|
:root, :host {
|
|
3
76
|
--es-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
4
77
|
--es-font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
@@ -28,132 +101,135 @@
|
|
|
28
101
|
--es-color-accent-800: var(--es-color-teal-800);
|
|
29
102
|
--es-color-accent-900: var(--es-color-teal-900);
|
|
30
103
|
--es-color-accent-950: var(--es-color-teal-950);
|
|
31
|
-
--es-color-red-50: oklch(.
|
|
32
|
-
--es-color-red-100: oklch(.
|
|
33
|
-
--es-color-red-200: oklch(.
|
|
34
|
-
--es-color-red-400: oklch(.
|
|
35
|
-
--es-color-red-500: oklch(.
|
|
36
|
-
--es-color-red-600: oklch(.
|
|
37
|
-
--es-color-red-700: oklch(.
|
|
38
|
-
--es-color-red-800: oklch(.
|
|
39
|
-
--es-color-red-900: oklch(.
|
|
40
|
-
--es-color-red-950: oklch(.
|
|
41
|
-
--es-color-orange-500: oklch(.
|
|
42
|
-
--es-color-amber-50: oklch(.
|
|
43
|
-
--es-color-amber-100: oklch(.
|
|
44
|
-
--es-color-amber-200: oklch(.
|
|
45
|
-
--es-color-amber-300: oklch(.
|
|
46
|
-
--es-color-amber-400: oklch(.
|
|
47
|
-
--es-color-amber-500: oklch(.
|
|
48
|
-
--es-color-amber-600: oklch(.
|
|
49
|
-
--es-color-amber-700: oklch(.
|
|
50
|
-
--es-color-amber-800: oklch(.
|
|
51
|
-
--es-color-amber-900: oklch(.
|
|
52
|
-
--es-color-amber-950: oklch(.
|
|
53
|
-
--es-color-yellow-400: oklch(.
|
|
54
|
-
--es-color-yellow-500: oklch(.
|
|
55
|
-
--es-color-lime-500: oklch(.
|
|
56
|
-
--es-color-green-50: oklch(.
|
|
57
|
-
--es-color-green-100: oklch(.
|
|
58
|
-
--es-color-green-200: oklch(.
|
|
59
|
-
--es-color-green-300: oklch(.
|
|
60
|
-
--es-color-green-400: oklch(.
|
|
61
|
-
--es-color-green-500: oklch(.
|
|
62
|
-
--es-color-green-600: oklch(.
|
|
63
|
-
--es-color-green-700: oklch(.
|
|
64
|
-
--es-color-green-800: oklch(.
|
|
65
|
-
--es-color-green-900: oklch(.
|
|
66
|
-
--es-color-green-950: oklch(.
|
|
67
|
-
--es-color-teal-50: oklch(.
|
|
68
|
-
--es-color-teal-100: oklch(.
|
|
69
|
-
--es-color-teal-
|
|
70
|
-
--es-color-teal-
|
|
71
|
-
--es-color-teal-
|
|
72
|
-
--es-color-teal-
|
|
73
|
-
--es-color-teal-
|
|
74
|
-
--es-color-teal-
|
|
75
|
-
--es-color-teal-
|
|
76
|
-
--es-color-
|
|
77
|
-
--es-color-
|
|
78
|
-
--es-color-
|
|
79
|
-
--es-color-
|
|
80
|
-
--es-color-blue-
|
|
81
|
-
--es-color-blue-
|
|
82
|
-
--es-color-blue-
|
|
83
|
-
--es-color-blue-
|
|
84
|
-
--es-color-blue-
|
|
85
|
-
--es-color-blue-
|
|
86
|
-
--es-color-blue-
|
|
87
|
-
--es-color-blue-
|
|
88
|
-
--es-color-blue-
|
|
89
|
-
--es-color-
|
|
90
|
-
--es-color-
|
|
91
|
-
--es-color-
|
|
92
|
-
--es-color-violet-
|
|
93
|
-
--es-color-violet-
|
|
94
|
-
--es-color-violet-
|
|
95
|
-
--es-color-violet-
|
|
96
|
-
--es-color-violet-
|
|
97
|
-
--es-color-violet-
|
|
98
|
-
--es-color-violet-
|
|
99
|
-
--es-color-violet-
|
|
100
|
-
--es-color-violet-
|
|
101
|
-
--es-color-
|
|
102
|
-
--es-color-
|
|
103
|
-
--es-color-
|
|
104
|
-
--es-color-
|
|
105
|
-
--es-color-slate-
|
|
106
|
-
--es-color-slate-
|
|
107
|
-
--es-color-slate-
|
|
108
|
-
--es-color-slate-
|
|
109
|
-
--es-color-slate-
|
|
110
|
-
--es-color-slate-
|
|
111
|
-
--es-color-slate-
|
|
112
|
-
--es-color-slate-
|
|
113
|
-
--es-color-slate-
|
|
114
|
-
--es-color-
|
|
115
|
-
--es-color-
|
|
116
|
-
--es-color-gray-
|
|
117
|
-
--es-color-gray-
|
|
118
|
-
--es-color-gray-
|
|
119
|
-
--es-color-gray-
|
|
120
|
-
--es-color-gray-
|
|
121
|
-
--es-color-gray-
|
|
122
|
-
--es-color-gray-
|
|
123
|
-
--es-color-gray-
|
|
124
|
-
--es-color-gray-
|
|
125
|
-
--es-color-
|
|
126
|
-
--es-color-
|
|
127
|
-
--es-color-zinc-
|
|
128
|
-
--es-color-zinc-
|
|
129
|
-
--es-color-zinc-
|
|
130
|
-
--es-color-zinc-
|
|
131
|
-
--es-color-zinc-
|
|
132
|
-
--es-color-zinc-
|
|
133
|
-
--es-color-zinc-
|
|
134
|
-
--es-color-zinc-
|
|
135
|
-
--es-color-
|
|
136
|
-
--es-color-
|
|
137
|
-
--es-color-
|
|
138
|
-
--es-color-neutral-
|
|
139
|
-
--es-color-neutral-
|
|
140
|
-
--es-color-neutral-
|
|
141
|
-
--es-color-neutral-
|
|
142
|
-
--es-color-neutral-
|
|
143
|
-
--es-color-neutral-
|
|
144
|
-
--es-color-neutral-
|
|
145
|
-
--es-color-neutral-
|
|
146
|
-
--es-color-
|
|
147
|
-
--es-color-
|
|
148
|
-
--es-color-
|
|
149
|
-
--es-color-stone-
|
|
150
|
-
--es-color-stone-
|
|
151
|
-
--es-color-stone-
|
|
152
|
-
--es-color-stone-
|
|
153
|
-
--es-color-stone-
|
|
154
|
-
--es-color-stone-
|
|
155
|
-
--es-color-stone-
|
|
156
|
-
--es-color-stone-
|
|
104
|
+
--es-color-red-50: oklch(97.1% .013 17.38);
|
|
105
|
+
--es-color-red-100: oklch(93.6% .032 17.717);
|
|
106
|
+
--es-color-red-200: oklch(88.5% .062 18.334);
|
|
107
|
+
--es-color-red-400: oklch(70.4% .191 22.216);
|
|
108
|
+
--es-color-red-500: oklch(63.7% .237 25.331);
|
|
109
|
+
--es-color-red-600: oklch(57.7% .245 27.325);
|
|
110
|
+
--es-color-red-700: oklch(50.5% .213 27.518);
|
|
111
|
+
--es-color-red-800: oklch(44.4% .177 26.899);
|
|
112
|
+
--es-color-red-900: oklch(39.6% .141 25.723);
|
|
113
|
+
--es-color-red-950: oklch(25.8% .092 26.042);
|
|
114
|
+
--es-color-orange-500: oklch(70.5% .213 47.604);
|
|
115
|
+
--es-color-amber-50: oklch(98.7% .022 95.277);
|
|
116
|
+
--es-color-amber-100: oklch(96.2% .059 95.617);
|
|
117
|
+
--es-color-amber-200: oklch(92.4% .12 95.746);
|
|
118
|
+
--es-color-amber-300: oklch(87.9% .169 91.605);
|
|
119
|
+
--es-color-amber-400: oklch(82.8% .189 84.429);
|
|
120
|
+
--es-color-amber-500: oklch(76.9% .188 70.08);
|
|
121
|
+
--es-color-amber-600: oklch(66.6% .179 58.318);
|
|
122
|
+
--es-color-amber-700: oklch(55.5% .163 48.998);
|
|
123
|
+
--es-color-amber-800: oklch(47.3% .137 46.201);
|
|
124
|
+
--es-color-amber-900: oklch(41.4% .112 45.904);
|
|
125
|
+
--es-color-amber-950: oklch(27.9% .077 45.635);
|
|
126
|
+
--es-color-yellow-400: oklch(85.2% .199 91.936);
|
|
127
|
+
--es-color-yellow-500: oklch(79.5% .184 86.047);
|
|
128
|
+
--es-color-lime-500: oklch(76.8% .233 130.85);
|
|
129
|
+
--es-color-green-50: oklch(98.2% .018 155.826);
|
|
130
|
+
--es-color-green-100: oklch(96.2% .044 156.743);
|
|
131
|
+
--es-color-green-200: oklch(92.5% .084 155.995);
|
|
132
|
+
--es-color-green-300: oklch(87.1% .15 154.449);
|
|
133
|
+
--es-color-green-400: oklch(79.2% .209 151.711);
|
|
134
|
+
--es-color-green-500: oklch(72.3% .219 149.579);
|
|
135
|
+
--es-color-green-600: oklch(62.7% .194 149.214);
|
|
136
|
+
--es-color-green-700: oklch(52.7% .154 150.069);
|
|
137
|
+
--es-color-green-800: oklch(44.8% .119 151.328);
|
|
138
|
+
--es-color-green-900: oklch(39.3% .095 152.535);
|
|
139
|
+
--es-color-green-950: oklch(26.6% .065 152.934);
|
|
140
|
+
--es-color-teal-50: oklch(98.4% .014 180.72);
|
|
141
|
+
--es-color-teal-100: oklch(95.3% .051 180.801);
|
|
142
|
+
--es-color-teal-200: oklch(91% .096 180.426);
|
|
143
|
+
--es-color-teal-300: oklch(85.5% .138 181.071);
|
|
144
|
+
--es-color-teal-400: oklch(77.7% .152 181.912);
|
|
145
|
+
--es-color-teal-500: oklch(70.4% .14 182.503);
|
|
146
|
+
--es-color-teal-600: oklch(60% .118 184.704);
|
|
147
|
+
--es-color-teal-700: oklch(51.1% .096 186.391);
|
|
148
|
+
--es-color-teal-800: oklch(43.7% .078 188.216);
|
|
149
|
+
--es-color-teal-900: oklch(38.6% .063 188.416);
|
|
150
|
+
--es-color-teal-950: oklch(27.7% .046 192.524);
|
|
151
|
+
--es-color-cyan-500: oklch(71.5% .143 215.221);
|
|
152
|
+
--es-color-sky-400: oklch(74.6% .16 232.661);
|
|
153
|
+
--es-color-blue-50: oklch(97% .014 254.604);
|
|
154
|
+
--es-color-blue-100: oklch(93.2% .032 255.585);
|
|
155
|
+
--es-color-blue-200: oklch(88.2% .059 254.128);
|
|
156
|
+
--es-color-blue-300: oklch(80.9% .105 251.813);
|
|
157
|
+
--es-color-blue-400: oklch(70.7% .165 254.624);
|
|
158
|
+
--es-color-blue-500: oklch(62.3% .214 259.815);
|
|
159
|
+
--es-color-blue-600: oklch(54.6% .245 262.881);
|
|
160
|
+
--es-color-blue-700: oklch(48.8% .243 264.376);
|
|
161
|
+
--es-color-blue-800: oklch(42.4% .199 265.638);
|
|
162
|
+
--es-color-blue-900: oklch(37.9% .146 265.522);
|
|
163
|
+
--es-color-blue-950: oklch(28.2% .091 267.935);
|
|
164
|
+
--es-color-indigo-500: oklch(58.5% .233 277.117);
|
|
165
|
+
--es-color-violet-50: oklch(96.9% .016 293.756);
|
|
166
|
+
--es-color-violet-100: oklch(94.3% .029 294.588);
|
|
167
|
+
--es-color-violet-200: oklch(89.4% .057 293.283);
|
|
168
|
+
--es-color-violet-300: oklch(81.1% .111 293.571);
|
|
169
|
+
--es-color-violet-400: oklch(70.2% .183 293.541);
|
|
170
|
+
--es-color-violet-500: oklch(60.6% .25 292.717);
|
|
171
|
+
--es-color-violet-600: oklch(54.1% .281 293.009);
|
|
172
|
+
--es-color-violet-700: oklch(49.1% .27 292.581);
|
|
173
|
+
--es-color-violet-800: oklch(43.2% .232 292.759);
|
|
174
|
+
--es-color-violet-900: oklch(38% .189 293.745);
|
|
175
|
+
--es-color-violet-950: oklch(28.3% .141 291.089);
|
|
176
|
+
--es-color-purple-50: oklch(97.7% .014 308.299);
|
|
177
|
+
--es-color-fuchsia-500: oklch(66.7% .295 322.15);
|
|
178
|
+
--es-color-slate-50: oklch(98.4% .003 247.858);
|
|
179
|
+
--es-color-slate-100: oklch(96.8% .007 247.896);
|
|
180
|
+
--es-color-slate-200: oklch(92.9% .013 255.508);
|
|
181
|
+
--es-color-slate-300: oklch(86.9% .022 252.894);
|
|
182
|
+
--es-color-slate-400: oklch(70.4% .04 256.788);
|
|
183
|
+
--es-color-slate-500: oklch(55.4% .046 257.417);
|
|
184
|
+
--es-color-slate-600: oklch(44.6% .043 257.281);
|
|
185
|
+
--es-color-slate-700: oklch(37.2% .044 257.287);
|
|
186
|
+
--es-color-slate-800: oklch(27.9% .041 260.031);
|
|
187
|
+
--es-color-slate-900: oklch(20.8% .042 265.755);
|
|
188
|
+
--es-color-slate-950: oklch(12.9% .042 264.695);
|
|
189
|
+
--es-color-gray-50: oklch(98.5% .002 247.839);
|
|
190
|
+
--es-color-gray-100: oklch(96.7% .003 264.542);
|
|
191
|
+
--es-color-gray-200: oklch(92.8% .006 264.531);
|
|
192
|
+
--es-color-gray-300: oklch(87.2% .01 258.338);
|
|
193
|
+
--es-color-gray-400: oklch(70.7% .022 261.325);
|
|
194
|
+
--es-color-gray-500: oklch(55.1% .027 264.364);
|
|
195
|
+
--es-color-gray-600: oklch(44.6% .03 256.802);
|
|
196
|
+
--es-color-gray-700: oklch(37.3% .034 259.733);
|
|
197
|
+
--es-color-gray-800: oklch(27.8% .033 256.848);
|
|
198
|
+
--es-color-gray-900: oklch(21% .034 264.665);
|
|
199
|
+
--es-color-gray-950: oklch(13% .028 261.692);
|
|
200
|
+
--es-color-zinc-50: oklch(98.5% 0 0);
|
|
201
|
+
--es-color-zinc-100: oklch(96.7% .001 286.375);
|
|
202
|
+
--es-color-zinc-200: oklch(92% .004 286.32);
|
|
203
|
+
--es-color-zinc-300: oklch(87.1% .006 286.286);
|
|
204
|
+
--es-color-zinc-400: oklch(70.5% .015 286.067);
|
|
205
|
+
--es-color-zinc-500: oklch(55.2% .016 285.938);
|
|
206
|
+
--es-color-zinc-600: oklch(44.2% .017 285.786);
|
|
207
|
+
--es-color-zinc-700: oklch(37% .013 285.805);
|
|
208
|
+
--es-color-zinc-800: oklch(27.4% .006 286.033);
|
|
209
|
+
--es-color-zinc-900: oklch(21% .006 285.885);
|
|
210
|
+
--es-color-zinc-950: oklch(14.1% .005 285.823);
|
|
211
|
+
--es-color-neutral-50: oklch(98.5% 0 0);
|
|
212
|
+
--es-color-neutral-100: oklch(97% 0 0);
|
|
213
|
+
--es-color-neutral-200: oklch(92.2% 0 0);
|
|
214
|
+
--es-color-neutral-300: oklch(87% 0 0);
|
|
215
|
+
--es-color-neutral-400: oklch(70.8% 0 0);
|
|
216
|
+
--es-color-neutral-500: oklch(55.6% 0 0);
|
|
217
|
+
--es-color-neutral-600: oklch(43.9% 0 0);
|
|
218
|
+
--es-color-neutral-700: oklch(37.1% 0 0);
|
|
219
|
+
--es-color-neutral-800: oklch(26.9% 0 0);
|
|
220
|
+
--es-color-neutral-900: oklch(20.5% 0 0);
|
|
221
|
+
--es-color-neutral-950: oklch(14.5% 0 0);
|
|
222
|
+
--es-color-stone-50: oklch(98.5% .001 106.423);
|
|
223
|
+
--es-color-stone-100: oklch(97% .001 106.424);
|
|
224
|
+
--es-color-stone-200: oklch(92.3% .003 48.717);
|
|
225
|
+
--es-color-stone-300: oklch(86.9% .005 56.366);
|
|
226
|
+
--es-color-stone-400: oklch(70.9% .01 56.259);
|
|
227
|
+
--es-color-stone-500: oklch(55.3% .013 58.071);
|
|
228
|
+
--es-color-stone-600: oklch(44.4% .011 73.639);
|
|
229
|
+
--es-color-stone-700: oklch(37.4% .01 67.558);
|
|
230
|
+
--es-color-stone-800: oklch(26.8% .007 34.298);
|
|
231
|
+
--es-color-stone-900: oklch(21.6% .006 56.043);
|
|
232
|
+
--es-color-stone-950: oklch(14.7% .004 49.25);
|
|
157
233
|
--es-color-black: #000;
|
|
158
234
|
--es-color-white: #fff;
|
|
159
235
|
--es-spacing: .25rem;
|
|
@@ -177,10 +253,13 @@
|
|
|
177
253
|
--es-radius-xl: .75rem;
|
|
178
254
|
--es-drop-shadow-sm: 0 1px 2px #00000026;
|
|
179
255
|
--es-animate-spin: spin 1s linear infinite;
|
|
256
|
+
--es-blur-xs: 4px;
|
|
180
257
|
--es-blur-lg: 16px;
|
|
181
258
|
--es-blur-3xl: 64px;
|
|
182
259
|
--es-aspect-video: 16 / 9;
|
|
183
260
|
--es-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
261
|
+
--es-default-font-family: var(--es-font-sans);
|
|
262
|
+
--es-default-mono-font-family: var(--es-font-mono);
|
|
184
263
|
}
|
|
185
264
|
|
|
186
265
|
.es-uic-theme-green {
|
|
@@ -308,16 +387,12 @@ html, :host {
|
|
|
308
387
|
-webkit-text-size-adjust: 100%;
|
|
309
388
|
tab-size: 4;
|
|
310
389
|
line-height: 1.5;
|
|
311
|
-
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
312
|
-
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
313
|
-
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
390
|
+
font-family: var(--es-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
391
|
+
font-feature-settings: var(--es-default-font-feature-settings, normal);
|
|
392
|
+
font-variation-settings: var(--es-default-font-variation-settings, normal);
|
|
314
393
|
-webkit-tap-highlight-color: transparent;
|
|
315
394
|
}
|
|
316
395
|
|
|
317
|
-
body {
|
|
318
|
-
line-height: inherit;
|
|
319
|
-
}
|
|
320
|
-
|
|
321
396
|
hr {
|
|
322
397
|
height: 0;
|
|
323
398
|
color: inherit;
|
|
@@ -347,9 +422,9 @@ b, strong {
|
|
|
347
422
|
}
|
|
348
423
|
|
|
349
424
|
code, kbd, samp, pre {
|
|
350
|
-
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
351
|
-
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
352
|
-
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
425
|
+
font-family: var(--es-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
426
|
+
font-feature-settings: var(--es-default-mono-font-feature-settings, normal);
|
|
427
|
+
font-variation-settings: var(--es-default-mono-font-variation-settings, normal);
|
|
353
428
|
font-size: 1em;
|
|
354
429
|
}
|
|
355
430
|
|
|
@@ -440,7 +515,18 @@ button, input, select, optgroup, textarea {
|
|
|
440
515
|
|
|
441
516
|
::placeholder {
|
|
442
517
|
opacity: 1;
|
|
443
|
-
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
|
|
521
|
+
::placeholder {
|
|
522
|
+
color: currentColor;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
526
|
+
::placeholder {
|
|
527
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
528
|
+
}
|
|
529
|
+
}
|
|
444
530
|
}
|
|
445
531
|
|
|
446
532
|
textarea {
|
|
@@ -1709,12 +1795,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1709
1795
|
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
1710
1796
|
}
|
|
1711
1797
|
|
|
1712
|
-
:where(:is(body, #wpwrap #editor) .es\:divide-secondary-200 > :not(:last-child)) {
|
|
1798
|
+
:where(:is(body, #wpwrap #editor) .es\:divide-secondary-200 > :not(:last-child)), :where(:is(body, #wpwrap #editor) .es\:divide-secondary-200\/75 > :not(:last-child)) {
|
|
1713
1799
|
border-color: var(--es-color-secondary-200);
|
|
1714
1800
|
}
|
|
1715
1801
|
|
|
1716
|
-
|
|
1717
|
-
|
|
1802
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1803
|
+
:where(:is(body, #wpwrap #editor) .es\:divide-secondary-200\/75 > :not(:last-child)) {
|
|
1804
|
+
border-color: color-mix(in oklab, var(--es-color-secondary-200) 75%, transparent);
|
|
1805
|
+
}
|
|
1718
1806
|
}
|
|
1719
1807
|
|
|
1720
1808
|
:is(body, #wpwrap #editor) .es\:place-self-center {
|
|
@@ -1818,11 +1906,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1818
1906
|
border-top-right-radius: 3.40282e38px;
|
|
1819
1907
|
}
|
|
1820
1908
|
|
|
1821
|
-
:is(body, #wpwrap #editor) .es\:rounded-t-lg {
|
|
1822
|
-
border-top-left-radius: var(--es-radius-lg);
|
|
1823
|
-
border-top-right-radius: var(--es-radius-lg);
|
|
1824
|
-
}
|
|
1825
|
-
|
|
1826
1909
|
:is(body, #wpwrap #editor) .es\:rounded-l-full {
|
|
1827
1910
|
border-top-left-radius: 3.40282e38px;
|
|
1828
1911
|
border-bottom-left-radius: 3.40282e38px;
|
|
@@ -1848,11 +1931,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1848
1931
|
border-bottom-left-radius: 3.40282e38px;
|
|
1849
1932
|
}
|
|
1850
1933
|
|
|
1851
|
-
:is(body, #wpwrap #editor) .es\:rounded-b-lg {
|
|
1852
|
-
border-bottom-right-radius: var(--es-radius-lg);
|
|
1853
|
-
border-bottom-left-radius: var(--es-radius-lg);
|
|
1854
|
-
}
|
|
1855
|
-
|
|
1856
1934
|
:is(body, #wpwrap #editor) .es\:border {
|
|
1857
1935
|
border-style: var(--tw-border-style);
|
|
1858
1936
|
border-width: 1px;
|
|
@@ -1921,7 +1999,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1921
1999
|
}
|
|
1922
2000
|
|
|
1923
2001
|
:is(body, #wpwrap #editor) .es\:border-accent-500\/10 {
|
|
1924
|
-
border-color:
|
|
2002
|
+
border-color: var(--es-color-accent-500);
|
|
2003
|
+
}
|
|
2004
|
+
|
|
2005
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2006
|
+
:is(body, #wpwrap #editor) .es\:border-accent-500\/10 {
|
|
2007
|
+
border-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
2008
|
+
}
|
|
1925
2009
|
}
|
|
1926
2010
|
|
|
1927
2011
|
:is(body, #wpwrap #editor) .es\:border-accent-600 {
|
|
@@ -1933,15 +2017,23 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1933
2017
|
}
|
|
1934
2018
|
|
|
1935
2019
|
:is(body, #wpwrap #editor) .es\:border-accent-600\/20 {
|
|
1936
|
-
border-color:
|
|
2020
|
+
border-color: var(--es-color-accent-600);
|
|
2021
|
+
}
|
|
2022
|
+
|
|
2023
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2024
|
+
:is(body, #wpwrap #editor) .es\:border-accent-600\/20 {
|
|
2025
|
+
border-color: color-mix(in oklab, var(--es-color-accent-600) 20%, transparent);
|
|
2026
|
+
}
|
|
1937
2027
|
}
|
|
1938
2028
|
|
|
1939
|
-
:is(body, #wpwrap #editor) .es\:border-accent-700 {
|
|
2029
|
+
:is(body, #wpwrap #editor) .es\:border-accent-700, :is(body, #wpwrap #editor) .es\:border-accent-700\/75 {
|
|
1940
2030
|
border-color: var(--es-color-accent-700);
|
|
1941
2031
|
}
|
|
1942
2032
|
|
|
1943
|
-
:
|
|
1944
|
-
|
|
2033
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2034
|
+
:is(body, #wpwrap #editor) .es\:border-accent-700\/75 {
|
|
2035
|
+
border-color: color-mix(in oklab, var(--es-color-accent-700) 75%, transparent);
|
|
2036
|
+
}
|
|
1945
2037
|
}
|
|
1946
2038
|
|
|
1947
2039
|
:is(body, #wpwrap #editor) .es\:border-amber-500 {
|
|
@@ -1977,31 +2069,41 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
1977
2069
|
}
|
|
1978
2070
|
|
|
1979
2071
|
:is(body, #wpwrap #editor) .es\:border-red-600\/50 {
|
|
1980
|
-
border-color:
|
|
2072
|
+
border-color: var(--es-color-red-600);
|
|
2073
|
+
}
|
|
2074
|
+
|
|
2075
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2076
|
+
:is(body, #wpwrap #editor) .es\:border-red-600\/50 {
|
|
2077
|
+
border-color: color-mix(in oklab, var(--es-color-red-600) 50%, transparent);
|
|
2078
|
+
}
|
|
1981
2079
|
}
|
|
1982
2080
|
|
|
1983
2081
|
:is(body, #wpwrap #editor) .es\:border-secondary-100 {
|
|
1984
2082
|
border-color: var(--es-color-secondary-100);
|
|
1985
2083
|
}
|
|
1986
2084
|
|
|
1987
|
-
:is(body, #wpwrap #editor) .es\:border-secondary-200 {
|
|
2085
|
+
:is(body, #wpwrap #editor) .es\:border-secondary-200, :is(body, #wpwrap #editor) .es\:border-secondary-200\/50 {
|
|
1988
2086
|
border-color: var(--es-color-secondary-200);
|
|
1989
2087
|
}
|
|
1990
2088
|
|
|
1991
|
-
:
|
|
1992
|
-
|
|
2089
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2090
|
+
:is(body, #wpwrap #editor) .es\:border-secondary-200\/50 {
|
|
2091
|
+
border-color: color-mix(in oklab, var(--es-color-secondary-200) 50%, transparent);
|
|
2092
|
+
}
|
|
1993
2093
|
}
|
|
1994
2094
|
|
|
1995
|
-
:is(body, #wpwrap #editor) .es\:border-secondary-300 {
|
|
2095
|
+
:is(body, #wpwrap #editor) .es\:border-secondary-300, :is(body, #wpwrap #editor) .es\:border-secondary-300\/0 {
|
|
1996
2096
|
border-color: var(--es-color-secondary-300);
|
|
1997
2097
|
}
|
|
1998
2098
|
|
|
1999
|
-
:
|
|
2000
|
-
|
|
2099
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2100
|
+
:is(body, #wpwrap #editor) .es\:border-secondary-300\/0 {
|
|
2101
|
+
border-color: color-mix(in oklab, var(--es-color-secondary-300) 0%, transparent);
|
|
2102
|
+
}
|
|
2001
2103
|
}
|
|
2002
2104
|
|
|
2003
2105
|
:is(body, #wpwrap #editor) .es\:border-secondary-300\/100 {
|
|
2004
|
-
border-color:
|
|
2106
|
+
border-color: var(--es-color-secondary-300);
|
|
2005
2107
|
}
|
|
2006
2108
|
|
|
2007
2109
|
:is(body, #wpwrap #editor) .es\:border-secondary-400 {
|
|
@@ -2061,43 +2163,83 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2061
2163
|
}
|
|
2062
2164
|
|
|
2063
2165
|
:is(body, #wpwrap #editor) .es\:bg-accent-500\/30 {
|
|
2064
|
-
background-color:
|
|
2166
|
+
background-color: var(--es-color-accent-500);
|
|
2167
|
+
}
|
|
2168
|
+
|
|
2169
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2170
|
+
:is(body, #wpwrap #editor) .es\:bg-accent-500\/30 {
|
|
2171
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
|
|
2172
|
+
}
|
|
2065
2173
|
}
|
|
2066
2174
|
|
|
2067
2175
|
:is(body, #wpwrap #editor) .es\:bg-accent-500\/75 {
|
|
2068
|
-
background-color:
|
|
2176
|
+
background-color: var(--es-color-accent-500);
|
|
2069
2177
|
}
|
|
2070
2178
|
|
|
2071
|
-
:
|
|
2179
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2180
|
+
:is(body, #wpwrap #editor) .es\:bg-accent-500\/75 {
|
|
2181
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 75%, transparent);
|
|
2182
|
+
}
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
:is(body, #wpwrap #editor) .es\:bg-accent-600, :is(body, #wpwrap #editor) .es\:bg-accent-600\/15 {
|
|
2072
2186
|
background-color: var(--es-color-accent-600);
|
|
2073
2187
|
}
|
|
2074
2188
|
|
|
2075
|
-
:
|
|
2076
|
-
|
|
2189
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2190
|
+
:is(body, #wpwrap #editor) .es\:bg-accent-600\/15 {
|
|
2191
|
+
background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
|
|
2192
|
+
}
|
|
2077
2193
|
}
|
|
2078
2194
|
|
|
2079
2195
|
:is(body, #wpwrap #editor) .es\:bg-accent-700\/25 {
|
|
2080
|
-
background-color:
|
|
2196
|
+
background-color: var(--es-color-accent-700);
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2200
|
+
:is(body, #wpwrap #editor) .es\:bg-accent-700\/25 {
|
|
2201
|
+
background-color: color-mix(in oklab, var(--es-color-accent-700) 25%, transparent);
|
|
2202
|
+
}
|
|
2081
2203
|
}
|
|
2082
2204
|
|
|
2083
2205
|
:is(body, #wpwrap #editor) .es\:bg-amber-100\/5 {
|
|
2084
|
-
background-color:
|
|
2206
|
+
background-color: var(--es-color-amber-100);
|
|
2085
2207
|
}
|
|
2086
2208
|
|
|
2087
|
-
:
|
|
2209
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2210
|
+
:is(body, #wpwrap #editor) .es\:bg-amber-100\/5 {
|
|
2211
|
+
background-color: color-mix(in oklab, var(--es-color-amber-100) 5%, transparent);
|
|
2212
|
+
}
|
|
2213
|
+
}
|
|
2214
|
+
|
|
2215
|
+
:is(body, #wpwrap #editor) .es\:bg-black, :is(body, #wpwrap #editor) .es\:bg-black\/25 {
|
|
2088
2216
|
background-color: var(--es-color-black);
|
|
2089
2217
|
}
|
|
2090
2218
|
|
|
2091
|
-
:
|
|
2092
|
-
|
|
2219
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2220
|
+
:is(body, #wpwrap #editor) .es\:bg-black\/25 {
|
|
2221
|
+
background-color: color-mix(in oklab, var(--es-color-black) 25%, transparent);
|
|
2222
|
+
}
|
|
2093
2223
|
}
|
|
2094
2224
|
|
|
2095
2225
|
:is(body, #wpwrap #editor) .es\:bg-black\/80 {
|
|
2096
|
-
background-color:
|
|
2226
|
+
background-color: var(--es-color-black);
|
|
2227
|
+
}
|
|
2228
|
+
|
|
2229
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2230
|
+
:is(body, #wpwrap #editor) .es\:bg-black\/80 {
|
|
2231
|
+
background-color: color-mix(in oklab, var(--es-color-black) 80%, transparent);
|
|
2232
|
+
}
|
|
2097
2233
|
}
|
|
2098
2234
|
|
|
2099
2235
|
:is(body, #wpwrap #editor) .es\:bg-blue-100\/5 {
|
|
2100
|
-
background-color:
|
|
2236
|
+
background-color: var(--es-color-blue-100);
|
|
2237
|
+
}
|
|
2238
|
+
|
|
2239
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2240
|
+
:is(body, #wpwrap #editor) .es\:bg-blue-100\/5 {
|
|
2241
|
+
background-color: color-mix(in oklab, var(--es-color-blue-100) 5%, transparent);
|
|
2242
|
+
}
|
|
2101
2243
|
}
|
|
2102
2244
|
|
|
2103
2245
|
:is(body, #wpwrap #editor) .es\:bg-blue-500 {
|
|
@@ -2121,7 +2263,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2121
2263
|
}
|
|
2122
2264
|
|
|
2123
2265
|
:is(body, #wpwrap #editor) .es\:bg-green-100\/5 {
|
|
2124
|
-
background-color:
|
|
2266
|
+
background-color: var(--es-color-green-100);
|
|
2267
|
+
}
|
|
2268
|
+
|
|
2269
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2270
|
+
:is(body, #wpwrap #editor) .es\:bg-green-100\/5 {
|
|
2271
|
+
background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
|
|
2272
|
+
}
|
|
2125
2273
|
}
|
|
2126
2274
|
|
|
2127
2275
|
:is(body, #wpwrap #editor) .es\:bg-green-500 {
|
|
@@ -2153,7 +2301,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2153
2301
|
}
|
|
2154
2302
|
|
|
2155
2303
|
:is(body, #wpwrap #editor) .es\:bg-red-100\/5 {
|
|
2156
|
-
background-color:
|
|
2304
|
+
background-color: var(--es-color-red-100);
|
|
2305
|
+
}
|
|
2306
|
+
|
|
2307
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2308
|
+
:is(body, #wpwrap #editor) .es\:bg-red-100\/5 {
|
|
2309
|
+
background-color: color-mix(in oklab, var(--es-color-red-100) 5%, transparent);
|
|
2310
|
+
}
|
|
2157
2311
|
}
|
|
2158
2312
|
|
|
2159
2313
|
:is(body, #wpwrap #editor) .es\:bg-red-500 {
|
|
@@ -2168,12 +2322,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2168
2322
|
background-color: var(--es-color-secondary-100);
|
|
2169
2323
|
}
|
|
2170
2324
|
|
|
2171
|
-
:is(body, #wpwrap #editor) .es\:bg-secondary-200 {
|
|
2325
|
+
:is(body, #wpwrap #editor) .es\:bg-secondary-200, :is(body, #wpwrap #editor) .es\:bg-secondary-200\/5 {
|
|
2172
2326
|
background-color: var(--es-color-secondary-200);
|
|
2173
2327
|
}
|
|
2174
2328
|
|
|
2175
|
-
:
|
|
2176
|
-
|
|
2329
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2330
|
+
:is(body, #wpwrap #editor) .es\:bg-secondary-200\/5 {
|
|
2331
|
+
background-color: color-mix(in oklab, var(--es-color-secondary-200) 5%, transparent);
|
|
2332
|
+
}
|
|
2177
2333
|
}
|
|
2178
2334
|
|
|
2179
2335
|
:is(body, #wpwrap #editor) .es\:bg-secondary-300 {
|
|
@@ -2200,20 +2356,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2200
2356
|
background-color: var(--es-color-violet-50);
|
|
2201
2357
|
}
|
|
2202
2358
|
|
|
2203
|
-
:is(body, #wpwrap #editor) .es\:bg-white {
|
|
2359
|
+
:is(body, #wpwrap #editor) .es\:bg-white, :is(body, #wpwrap #editor) .es\:bg-white\/50 {
|
|
2204
2360
|
background-color: var(--es-color-white);
|
|
2205
2361
|
}
|
|
2206
2362
|
|
|
2207
|
-
:
|
|
2208
|
-
|
|
2363
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2364
|
+
:is(body, #wpwrap #editor) .es\:bg-white\/50 {
|
|
2365
|
+
background-color: color-mix(in oklab, var(--es-color-white) 50%, transparent);
|
|
2366
|
+
}
|
|
2209
2367
|
}
|
|
2210
2368
|
|
|
2211
2369
|
:is(body, #wpwrap #editor) .es\:bg-white\/85 {
|
|
2212
|
-
background-color:
|
|
2370
|
+
background-color: var(--es-color-white);
|
|
2371
|
+
}
|
|
2372
|
+
|
|
2373
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2374
|
+
:is(body, #wpwrap #editor) .es\:bg-white\/85 {
|
|
2375
|
+
background-color: color-mix(in oklab, var(--es-color-white) 85%, transparent);
|
|
2376
|
+
}
|
|
2213
2377
|
}
|
|
2214
2378
|
|
|
2215
2379
|
:is(body, #wpwrap #editor) .es\:bg-white\/90 {
|
|
2216
|
-
background-color:
|
|
2380
|
+
background-color: var(--es-color-white);
|
|
2381
|
+
}
|
|
2382
|
+
|
|
2383
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2384
|
+
:is(body, #wpwrap #editor) .es\:bg-white\/90 {
|
|
2385
|
+
background-color: color-mix(in oklab, var(--es-color-white) 90%, transparent);
|
|
2386
|
+
}
|
|
2217
2387
|
}
|
|
2218
2388
|
|
|
2219
2389
|
:is(body, #wpwrap #editor) .es\:bg-yellow-400 {
|
|
@@ -2225,42 +2395,95 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2225
2395
|
}
|
|
2226
2396
|
|
|
2227
2397
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-b {
|
|
2228
|
-
--tw-gradient-position: to bottom
|
|
2398
|
+
--tw-gradient-position: to bottom;
|
|
2229
2399
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2230
2400
|
}
|
|
2231
2401
|
|
|
2402
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2403
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-b {
|
|
2404
|
+
--tw-gradient-position: to bottom in oklab;
|
|
2405
|
+
}
|
|
2406
|
+
}
|
|
2407
|
+
|
|
2232
2408
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-bl {
|
|
2233
|
-
--tw-gradient-position: to bottom left
|
|
2409
|
+
--tw-gradient-position: to bottom left;
|
|
2234
2410
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2235
2411
|
}
|
|
2236
2412
|
|
|
2413
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2414
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-bl {
|
|
2415
|
+
--tw-gradient-position: to bottom left in oklab;
|
|
2416
|
+
}
|
|
2417
|
+
}
|
|
2418
|
+
|
|
2237
2419
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-br {
|
|
2238
|
-
--tw-gradient-position: to bottom right
|
|
2420
|
+
--tw-gradient-position: to bottom right;
|
|
2239
2421
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2240
2422
|
}
|
|
2241
2423
|
|
|
2424
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2425
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-br {
|
|
2426
|
+
--tw-gradient-position: to bottom right in oklab;
|
|
2427
|
+
}
|
|
2428
|
+
}
|
|
2429
|
+
|
|
2242
2430
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-l {
|
|
2243
|
-
--tw-gradient-position: to left
|
|
2431
|
+
--tw-gradient-position: to left;
|
|
2244
2432
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2245
2433
|
}
|
|
2246
2434
|
|
|
2435
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2436
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-l {
|
|
2437
|
+
--tw-gradient-position: to left in oklab;
|
|
2438
|
+
}
|
|
2439
|
+
}
|
|
2440
|
+
|
|
2247
2441
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-r {
|
|
2248
|
-
--tw-gradient-position: to right
|
|
2442
|
+
--tw-gradient-position: to right;
|
|
2249
2443
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2250
2444
|
}
|
|
2251
2445
|
|
|
2446
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2447
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-r {
|
|
2448
|
+
--tw-gradient-position: to right in oklab;
|
|
2449
|
+
}
|
|
2450
|
+
}
|
|
2451
|
+
|
|
2252
2452
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-t {
|
|
2253
|
-
--tw-gradient-position: to top
|
|
2453
|
+
--tw-gradient-position: to top;
|
|
2254
2454
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2255
2455
|
}
|
|
2256
2456
|
|
|
2457
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2458
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-t {
|
|
2459
|
+
--tw-gradient-position: to top in oklab;
|
|
2460
|
+
}
|
|
2461
|
+
}
|
|
2462
|
+
|
|
2257
2463
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-tl {
|
|
2258
|
-
--tw-gradient-position: to top left
|
|
2464
|
+
--tw-gradient-position: to top left;
|
|
2259
2465
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2260
2466
|
}
|
|
2261
2467
|
|
|
2468
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2469
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-tl {
|
|
2470
|
+
--tw-gradient-position: to top left in oklab;
|
|
2471
|
+
}
|
|
2472
|
+
}
|
|
2473
|
+
|
|
2262
2474
|
:is(body, #wpwrap #editor) .es\:bg-linear-to-tr {
|
|
2263
|
-
--tw-gradient-position: to top right
|
|
2475
|
+
--tw-gradient-position: to top right;
|
|
2476
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2477
|
+
}
|
|
2478
|
+
|
|
2479
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2480
|
+
:is(body, #wpwrap #editor) .es\:bg-linear-to-tr {
|
|
2481
|
+
--tw-gradient-position: to top right in oklab;
|
|
2482
|
+
}
|
|
2483
|
+
}
|
|
2484
|
+
|
|
2485
|
+
:is(body, #wpwrap #editor) .es\:bg-gradient-to-r {
|
|
2486
|
+
--tw-gradient-position: to right in oklab;
|
|
2264
2487
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2265
2488
|
}
|
|
2266
2489
|
|
|
@@ -2287,6 +2510,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2287
2510
|
background-image: radial-gradient(var(--tw-gradient-stops));
|
|
2288
2511
|
}
|
|
2289
2512
|
|
|
2513
|
+
:is(body, #wpwrap #editor) .es\:from-accent-100 {
|
|
2514
|
+
--tw-gradient-from: var(--es-color-accent-100);
|
|
2515
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2516
|
+
}
|
|
2517
|
+
|
|
2290
2518
|
:is(body, #wpwrap #editor) .es\:from-accent-500 {
|
|
2291
2519
|
--tw-gradient-from: var(--es-color-accent-500);
|
|
2292
2520
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -2298,15 +2526,21 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2298
2526
|
}
|
|
2299
2527
|
|
|
2300
2528
|
:is(body, #wpwrap #editor) .es\:from-current {
|
|
2301
|
-
--tw-gradient-from:
|
|
2529
|
+
--tw-gradient-from: currentcolor;
|
|
2302
2530
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2303
2531
|
}
|
|
2304
2532
|
|
|
2305
2533
|
:is(body, #wpwrap #editor) .es\:from-red-50\/75 {
|
|
2306
|
-
--tw-gradient-from:
|
|
2534
|
+
--tw-gradient-from: var(--es-color-red-50);
|
|
2307
2535
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2308
2536
|
}
|
|
2309
2537
|
|
|
2538
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2539
|
+
:is(body, #wpwrap #editor) .es\:from-red-50\/75 {
|
|
2540
|
+
--tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
|
|
2541
|
+
}
|
|
2542
|
+
}
|
|
2543
|
+
|
|
2310
2544
|
:is(body, #wpwrap #editor) .es\:from-secondary-50 {
|
|
2311
2545
|
--tw-gradient-from: var(--es-color-secondary-50);
|
|
2312
2546
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -2336,14 +2570,15 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2336
2570
|
--tw-gradient-from-position: 40%;
|
|
2337
2571
|
}
|
|
2338
2572
|
|
|
2339
|
-
:is(body, #wpwrap #editor) .es\:to-accent-500 {
|
|
2573
|
+
:is(body, #wpwrap #editor) .es\:to-accent-500, :is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
|
|
2340
2574
|
--tw-gradient-to: var(--es-color-accent-500);
|
|
2341
2575
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2342
2576
|
}
|
|
2343
2577
|
|
|
2344
|
-
:
|
|
2345
|
-
|
|
2346
|
-
|
|
2578
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2579
|
+
:is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
|
|
2580
|
+
--tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
|
|
2581
|
+
}
|
|
2347
2582
|
}
|
|
2348
2583
|
|
|
2349
2584
|
:is(body, #wpwrap #editor) .es\:to-accent-600 {
|
|
@@ -2746,12 +2981,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2746
2981
|
color: var(--es-color-amber-900);
|
|
2747
2982
|
}
|
|
2748
2983
|
|
|
2749
|
-
:is(body, #wpwrap #editor) .es\:text-amber-950 {
|
|
2984
|
+
:is(body, #wpwrap #editor) .es\:text-amber-950, :is(body, #wpwrap #editor) .es\:text-amber-950\/60 {
|
|
2750
2985
|
color: var(--es-color-amber-950);
|
|
2751
2986
|
}
|
|
2752
2987
|
|
|
2753
|
-
:
|
|
2754
|
-
|
|
2988
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2989
|
+
:is(body, #wpwrap #editor) .es\:text-amber-950\/60 {
|
|
2990
|
+
color: color-mix(in oklab, var(--es-color-amber-950) 60%, transparent);
|
|
2991
|
+
}
|
|
2755
2992
|
}
|
|
2756
2993
|
|
|
2757
2994
|
:is(body, #wpwrap #editor) .es\:text-black {
|
|
@@ -2771,7 +3008,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2771
3008
|
}
|
|
2772
3009
|
|
|
2773
3010
|
:is(body, #wpwrap #editor) .es\:text-blue-950\/60 {
|
|
2774
|
-
color:
|
|
3011
|
+
color: var(--es-color-blue-950);
|
|
3012
|
+
}
|
|
3013
|
+
|
|
3014
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3015
|
+
:is(body, #wpwrap #editor) .es\:text-blue-950\/60 {
|
|
3016
|
+
color: color-mix(in oklab, var(--es-color-blue-950) 60%, transparent);
|
|
3017
|
+
}
|
|
2775
3018
|
}
|
|
2776
3019
|
|
|
2777
3020
|
:is(body, #wpwrap #editor) .es\:text-cyan-500 {
|
|
@@ -2786,12 +3029,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2786
3029
|
color: var(--es-color-gray-400);
|
|
2787
3030
|
}
|
|
2788
3031
|
|
|
2789
|
-
:is(body, #wpwrap #editor) .es\:text-gray-500 {
|
|
3032
|
+
:is(body, #wpwrap #editor) .es\:text-gray-500, :is(body, #wpwrap #editor) .es\:text-gray-500\/80 {
|
|
2790
3033
|
color: var(--es-color-gray-500);
|
|
2791
3034
|
}
|
|
2792
3035
|
|
|
2793
|
-
:
|
|
2794
|
-
|
|
3036
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3037
|
+
:is(body, #wpwrap #editor) .es\:text-gray-500\/80 {
|
|
3038
|
+
color: color-mix(in oklab, var(--es-color-gray-500) 80%, transparent);
|
|
3039
|
+
}
|
|
2795
3040
|
}
|
|
2796
3041
|
|
|
2797
3042
|
:is(body, #wpwrap #editor) .es\:text-gray-800 {
|
|
@@ -2807,7 +3052,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2807
3052
|
}
|
|
2808
3053
|
|
|
2809
3054
|
:is(body, #wpwrap #editor) .es\:text-green-950\/60 {
|
|
2810
|
-
color:
|
|
3055
|
+
color: var(--es-color-green-950);
|
|
3056
|
+
}
|
|
3057
|
+
|
|
3058
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3059
|
+
:is(body, #wpwrap #editor) .es\:text-green-950\/60 {
|
|
3060
|
+
color: color-mix(in oklab, var(--es-color-green-950) 60%, transparent);
|
|
3061
|
+
}
|
|
2811
3062
|
}
|
|
2812
3063
|
|
|
2813
3064
|
:is(body, #wpwrap #editor) .es\:text-indigo-500 {
|
|
@@ -2843,7 +3094,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2843
3094
|
}
|
|
2844
3095
|
|
|
2845
3096
|
:is(body, #wpwrap #editor) .es\:text-red-950\/60 {
|
|
2846
|
-
color:
|
|
3097
|
+
color: var(--es-color-red-950);
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3100
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3101
|
+
:is(body, #wpwrap #editor) .es\:text-red-950\/60 {
|
|
3102
|
+
color: color-mix(in oklab, var(--es-color-red-950) 60%, transparent);
|
|
3103
|
+
}
|
|
2847
3104
|
}
|
|
2848
3105
|
|
|
2849
3106
|
:is(body, #wpwrap #editor) .es\:text-secondary-100 {
|
|
@@ -2989,17 +3246,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
2989
3246
|
}
|
|
2990
3247
|
|
|
2991
3248
|
:is(body, #wpwrap #editor) .es\:ring-1 {
|
|
2992
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
3249
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2993
3250
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2994
3251
|
}
|
|
2995
3252
|
|
|
2996
3253
|
:is(body, #wpwrap #editor) .es\:ring-2 {
|
|
2997
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
3254
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2998
3255
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2999
3256
|
}
|
|
3000
3257
|
|
|
3001
3258
|
:is(body, #wpwrap #editor) .es\:ring-3 {
|
|
3002
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
3259
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3003
3260
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3004
3261
|
}
|
|
3005
3262
|
|
|
@@ -3009,60 +3266,138 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3009
3266
|
}
|
|
3010
3267
|
|
|
3011
3268
|
:is(body, #wpwrap #editor) .es\:inset-ring {
|
|
3012
|
-
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color,
|
|
3269
|
+
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
|
|
3013
3270
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3014
3271
|
}
|
|
3015
3272
|
|
|
3016
3273
|
:is(body, #wpwrap #editor) .es\:shadow-accent-500\/25 {
|
|
3017
|
-
--tw-shadow-color:
|
|
3274
|
+
--tw-shadow-color: var(--es-color-accent-500);
|
|
3275
|
+
}
|
|
3276
|
+
|
|
3277
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3278
|
+
:is(body, #wpwrap #editor) .es\:shadow-accent-500\/25 {
|
|
3279
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3280
|
+
}
|
|
3018
3281
|
}
|
|
3019
3282
|
|
|
3020
3283
|
:is(body, #wpwrap #editor) .es\:shadow-accent-500\/30 {
|
|
3021
|
-
--tw-shadow-color:
|
|
3284
|
+
--tw-shadow-color: var(--es-color-accent-500);
|
|
3285
|
+
}
|
|
3286
|
+
|
|
3287
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3288
|
+
:is(body, #wpwrap #editor) .es\:shadow-accent-500\/30 {
|
|
3289
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3290
|
+
}
|
|
3022
3291
|
}
|
|
3023
3292
|
|
|
3024
3293
|
:is(body, #wpwrap #editor) .es\:shadow-accent-600\/25 {
|
|
3025
|
-
--tw-shadow-color:
|
|
3294
|
+
--tw-shadow-color: var(--es-color-accent-600);
|
|
3295
|
+
}
|
|
3296
|
+
|
|
3297
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3298
|
+
:is(body, #wpwrap #editor) .es\:shadow-accent-600\/25 {
|
|
3299
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3300
|
+
}
|
|
3026
3301
|
}
|
|
3027
3302
|
|
|
3028
3303
|
:is(body, #wpwrap #editor) .es\:shadow-accent-600\/30 {
|
|
3029
|
-
--tw-shadow-color:
|
|
3304
|
+
--tw-shadow-color: var(--es-color-accent-600);
|
|
3305
|
+
}
|
|
3306
|
+
|
|
3307
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3308
|
+
:is(body, #wpwrap #editor) .es\:shadow-accent-600\/30 {
|
|
3309
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3310
|
+
}
|
|
3030
3311
|
}
|
|
3031
3312
|
|
|
3032
3313
|
:is(body, #wpwrap #editor) .es\:shadow-accent-600\/50 {
|
|
3033
|
-
--tw-shadow-color:
|
|
3314
|
+
--tw-shadow-color: var(--es-color-accent-600);
|
|
3315
|
+
}
|
|
3316
|
+
|
|
3317
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3318
|
+
:is(body, #wpwrap #editor) .es\:shadow-accent-600\/50 {
|
|
3319
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3320
|
+
}
|
|
3034
3321
|
}
|
|
3035
3322
|
|
|
3036
3323
|
:is(body, #wpwrap #editor) .es\:shadow-accent-900\/60 {
|
|
3037
|
-
--tw-shadow-color:
|
|
3324
|
+
--tw-shadow-color: var(--es-color-accent-900);
|
|
3325
|
+
}
|
|
3326
|
+
|
|
3327
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3328
|
+
:is(body, #wpwrap #editor) .es\:shadow-accent-900\/60 {
|
|
3329
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-900) 60%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3330
|
+
}
|
|
3038
3331
|
}
|
|
3039
3332
|
|
|
3040
3333
|
:is(body, #wpwrap #editor) .es\:shadow-amber-500\/15 {
|
|
3041
|
-
--tw-shadow-color:
|
|
3334
|
+
--tw-shadow-color: var(--es-color-amber-500);
|
|
3335
|
+
}
|
|
3336
|
+
|
|
3337
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3338
|
+
:is(body, #wpwrap #editor) .es\:shadow-amber-500\/15 {
|
|
3339
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-amber-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3340
|
+
}
|
|
3042
3341
|
}
|
|
3043
3342
|
|
|
3044
3343
|
:is(body, #wpwrap #editor) .es\:shadow-blue-500\/15 {
|
|
3045
|
-
--tw-shadow-color:
|
|
3344
|
+
--tw-shadow-color: var(--es-color-blue-500);
|
|
3345
|
+
}
|
|
3346
|
+
|
|
3347
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3348
|
+
:is(body, #wpwrap #editor) .es\:shadow-blue-500\/15 {
|
|
3349
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3350
|
+
}
|
|
3046
3351
|
}
|
|
3047
3352
|
|
|
3048
3353
|
:is(body, #wpwrap #editor) .es\:shadow-green-500\/15 {
|
|
3049
|
-
--tw-shadow-color:
|
|
3354
|
+
--tw-shadow-color: var(--es-color-green-500);
|
|
3355
|
+
}
|
|
3356
|
+
|
|
3357
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3358
|
+
:is(body, #wpwrap #editor) .es\:shadow-green-500\/15 {
|
|
3359
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-green-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3360
|
+
}
|
|
3050
3361
|
}
|
|
3051
3362
|
|
|
3052
3363
|
:is(body, #wpwrap #editor) .es\:shadow-red-500\/15 {
|
|
3053
|
-
--tw-shadow-color:
|
|
3364
|
+
--tw-shadow-color: var(--es-color-red-500);
|
|
3365
|
+
}
|
|
3366
|
+
|
|
3367
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3368
|
+
:is(body, #wpwrap #editor) .es\:shadow-red-500\/15 {
|
|
3369
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3370
|
+
}
|
|
3054
3371
|
}
|
|
3055
3372
|
|
|
3056
3373
|
:is(body, #wpwrap #editor) .es\:shadow-red-500\/20 {
|
|
3057
|
-
--tw-shadow-color:
|
|
3374
|
+
--tw-shadow-color: var(--es-color-red-500);
|
|
3375
|
+
}
|
|
3376
|
+
|
|
3377
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3378
|
+
:is(body, #wpwrap #editor) .es\:shadow-red-500\/20 {
|
|
3379
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3380
|
+
}
|
|
3058
3381
|
}
|
|
3059
3382
|
|
|
3060
3383
|
:is(body, #wpwrap #editor) .es\:shadow-secondary-300\/25 {
|
|
3061
|
-
--tw-shadow-color:
|
|
3384
|
+
--tw-shadow-color: var(--es-color-secondary-300);
|
|
3385
|
+
}
|
|
3386
|
+
|
|
3387
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3388
|
+
:is(body, #wpwrap #editor) .es\:shadow-secondary-300\/25 {
|
|
3389
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-300) 25%, transparent) var(--tw-shadow-alpha), transparent);
|
|
3390
|
+
}
|
|
3062
3391
|
}
|
|
3063
3392
|
|
|
3064
3393
|
:is(body, #wpwrap #editor) .es\:ring-accent-500\/50 {
|
|
3065
|
-
--tw-ring-color:
|
|
3394
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
3395
|
+
}
|
|
3396
|
+
|
|
3397
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3398
|
+
:is(body, #wpwrap #editor) .es\:ring-accent-500\/50 {
|
|
3399
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
3400
|
+
}
|
|
3066
3401
|
}
|
|
3067
3402
|
|
|
3068
3403
|
:is(body, #wpwrap #editor) .es\:ring-black {
|
|
@@ -3070,19 +3405,43 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3070
3405
|
}
|
|
3071
3406
|
|
|
3072
3407
|
:is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/75 {
|
|
3073
|
-
--tw-inset-shadow-color:
|
|
3408
|
+
--tw-inset-shadow-color: var(--es-color-accent-400);
|
|
3409
|
+
}
|
|
3410
|
+
|
|
3411
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3412
|
+
:is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/75 {
|
|
3413
|
+
--tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 75%, transparent) var(--tw-inset-shadow-alpha), transparent);
|
|
3414
|
+
}
|
|
3074
3415
|
}
|
|
3075
3416
|
|
|
3076
3417
|
:is(body, #wpwrap #editor) .es\:inset-shadow-red-50 {
|
|
3077
3418
|
--tw-inset-shadow-color: var(--es-color-red-50);
|
|
3078
3419
|
}
|
|
3079
3420
|
|
|
3421
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3422
|
+
:is(body, #wpwrap #editor) .es\:inset-shadow-red-50 {
|
|
3423
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-50) var(--tw-inset-shadow-alpha), transparent);
|
|
3424
|
+
}
|
|
3425
|
+
}
|
|
3426
|
+
|
|
3080
3427
|
:is(body, #wpwrap #editor) .es\:inset-shadow-secondary-100 {
|
|
3081
3428
|
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
3082
3429
|
}
|
|
3083
3430
|
|
|
3431
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3432
|
+
:is(body, #wpwrap #editor) .es\:inset-shadow-secondary-100 {
|
|
3433
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
|
|
3434
|
+
}
|
|
3435
|
+
}
|
|
3436
|
+
|
|
3084
3437
|
:is(body, #wpwrap #editor) .es\:inset-shadow-secondary-100\/50 {
|
|
3085
|
-
--tw-inset-shadow-color:
|
|
3438
|
+
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
3439
|
+
}
|
|
3440
|
+
|
|
3441
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3442
|
+
:is(body, #wpwrap #editor) .es\:inset-shadow-secondary-100\/50 {
|
|
3443
|
+
--tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-100) 50%, transparent) var(--tw-inset-shadow-alpha), transparent);
|
|
3444
|
+
}
|
|
3086
3445
|
}
|
|
3087
3446
|
|
|
3088
3447
|
:is(body, #wpwrap #editor) .es\:inset-ring-accent-500 {
|
|
@@ -3102,11 +3461,23 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3102
3461
|
}
|
|
3103
3462
|
|
|
3104
3463
|
:is(body, #wpwrap #editor) .es\:inset-ring-secondary-200\/20 {
|
|
3105
|
-
--tw-inset-ring-color:
|
|
3464
|
+
--tw-inset-ring-color: var(--es-color-secondary-200);
|
|
3465
|
+
}
|
|
3466
|
+
|
|
3467
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3468
|
+
:is(body, #wpwrap #editor) .es\:inset-ring-secondary-200\/20 {
|
|
3469
|
+
--tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 20%, transparent);
|
|
3470
|
+
}
|
|
3106
3471
|
}
|
|
3107
3472
|
|
|
3108
3473
|
:is(body, #wpwrap #editor) .es\:inset-ring-secondary-200\/30 {
|
|
3109
|
-
--tw-inset-ring-color:
|
|
3474
|
+
--tw-inset-ring-color: var(--es-color-secondary-200);
|
|
3475
|
+
}
|
|
3476
|
+
|
|
3477
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3478
|
+
:is(body, #wpwrap #editor) .es\:inset-ring-secondary-200\/30 {
|
|
3479
|
+
--tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
|
|
3480
|
+
}
|
|
3110
3481
|
}
|
|
3111
3482
|
|
|
3112
3483
|
:is(body, #wpwrap #editor) .es\:outline-hidden {
|
|
@@ -3139,6 +3510,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3139
3510
|
}
|
|
3140
3511
|
|
|
3141
3512
|
:is(body, #wpwrap #editor) .es\:drop-shadow-sm {
|
|
3513
|
+
--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
|
|
3142
3514
|
--tw-drop-shadow: drop-shadow(var(--es-drop-shadow-sm));
|
|
3143
3515
|
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
|
|
3144
3516
|
}
|
|
@@ -3166,8 +3538,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3166
3538
|
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
3167
3539
|
}
|
|
3168
3540
|
|
|
3541
|
+
:is(body, #wpwrap #editor) .es\:backdrop-blur-xs {
|
|
3542
|
+
--tw-backdrop-blur: blur(var(--es-blur-xs));
|
|
3543
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
3544
|
+
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
3545
|
+
}
|
|
3546
|
+
|
|
3169
3547
|
:is(body, #wpwrap #editor) .es\:transition {
|
|
3170
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
|
3548
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
|
|
3171
3549
|
transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
|
|
3172
3550
|
transition-duration: var(--tw-duration, var(--es-default-transition-duration));
|
|
3173
3551
|
}
|
|
@@ -3283,7 +3661,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3283
3661
|
}
|
|
3284
3662
|
|
|
3285
3663
|
:is(body, #wpwrap #editor) .es\:accent-text-shadow {
|
|
3286
|
-
text-shadow: 0 1px 0
|
|
3664
|
+
text-shadow: 0 1px 0 var(--es-color-accent-900);
|
|
3665
|
+
}
|
|
3666
|
+
|
|
3667
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3668
|
+
:is(body, #wpwrap #editor) .es\:accent-text-shadow {
|
|
3669
|
+
text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
|
|
3670
|
+
}
|
|
3287
3671
|
}
|
|
3288
3672
|
|
|
3289
3673
|
:is(body, #wpwrap #editor) .es\:motion-delay-300\/blur {
|
|
@@ -3356,7 +3740,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3356
3740
|
cursor: pointer;
|
|
3357
3741
|
}
|
|
3358
3742
|
|
|
3359
|
-
@media not (prefers-reduced-motion: reduce) {
|
|
3743
|
+
@media not all and (prefers-reduced-motion: reduce) {
|
|
3360
3744
|
:is(body, #wpwrap #editor) .es\:not-motion-reduce\:motion-preset-slide-down-sm {
|
|
3361
3745
|
--motion-origin-translate-y: -5%;
|
|
3362
3746
|
--motion-origin-opacity: 0;
|
|
@@ -3391,12 +3775,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3391
3775
|
}
|
|
3392
3776
|
|
|
3393
3777
|
:is(body, #wpwrap #editor) .es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
|
|
3394
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
3778
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3395
3779
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3396
3780
|
}
|
|
3397
3781
|
|
|
3398
3782
|
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
|
|
3399
|
-
--tw-ring-color:
|
|
3783
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
3784
|
+
}
|
|
3785
|
+
|
|
3786
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3787
|
+
:is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
|
|
3788
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
3789
|
+
}
|
|
3400
3790
|
}
|
|
3401
3791
|
|
|
3402
3792
|
:is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
|
|
@@ -3424,7 +3814,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3424
3814
|
}
|
|
3425
3815
|
|
|
3426
3816
|
:is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
|
|
3427
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
3817
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3428
3818
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3429
3819
|
}
|
|
3430
3820
|
|
|
@@ -3434,13 +3824,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3434
3824
|
}
|
|
3435
3825
|
|
|
3436
3826
|
:is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-accent-500\/50:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
|
|
3437
|
-
--tw-ring-color:
|
|
3827
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
3828
|
+
}
|
|
3829
|
+
|
|
3830
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3831
|
+
:is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-accent-500\/50:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
|
|
3832
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
3833
|
+
}
|
|
3438
3834
|
}
|
|
3439
3835
|
|
|
3440
3836
|
:is(body, #wpwrap #editor) .es\:group-focus-visible\:inset-shadow-accent-400:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
|
|
3441
3837
|
--tw-inset-shadow-color: var(--es-color-accent-400);
|
|
3442
3838
|
}
|
|
3443
3839
|
|
|
3840
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3841
|
+
:is(body, #wpwrap #editor) .es\:group-focus-visible\:inset-shadow-accent-400:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
|
|
3842
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) var(--tw-inset-shadow-alpha), transparent);
|
|
3843
|
+
}
|
|
3844
|
+
}
|
|
3845
|
+
|
|
3444
3846
|
:is(body, #wpwrap #editor) .es\:group-focus-visible\:inset-ring-accent-600:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
|
|
3445
3847
|
--tw-inset-ring-color: var(--es-color-accent-600);
|
|
3446
3848
|
}
|
|
@@ -3467,7 +3869,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3467
3869
|
}
|
|
3468
3870
|
|
|
3469
3871
|
:is(body, #wpwrap #editor) .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
|
|
3470
|
-
background-color:
|
|
3872
|
+
background-color: var(--es-color-accent-500);
|
|
3873
|
+
}
|
|
3874
|
+
|
|
3875
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3876
|
+
:is(body, #wpwrap #editor) .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
|
|
3877
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
3878
|
+
}
|
|
3471
3879
|
}
|
|
3472
3880
|
|
|
3473
3881
|
:is(body, #wpwrap #editor) .es\:group-selected\:bg-accent-600:is(:where(.es\:group)[data-selected] *) {
|
|
@@ -3483,7 +3891,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3483
3891
|
}
|
|
3484
3892
|
|
|
3485
3893
|
:is(body, #wpwrap #editor) .es\:group-selected\:inset-ring-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
|
|
3486
|
-
--tw-inset-ring-color:
|
|
3894
|
+
--tw-inset-ring-color: var(--es-color-accent-500);
|
|
3895
|
+
}
|
|
3896
|
+
|
|
3897
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3898
|
+
:is(body, #wpwrap #editor) .es\:group-selected\:inset-ring-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
|
|
3899
|
+
--tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
|
|
3900
|
+
}
|
|
3487
3901
|
}
|
|
3488
3902
|
|
|
3489
3903
|
:is(body, #wpwrap #editor) .es\:peer-disabled\:opacity-40:is(:where(.es\:peer):is(:disabled, [data-rac][data-disabled]) ~ *) {
|
|
@@ -3495,11 +3909,23 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3495
3909
|
}
|
|
3496
3910
|
|
|
3497
3911
|
:is(body, #wpwrap #editor) .es\:selection\:bg-accent-500\/20 ::selection {
|
|
3498
|
-
background-color:
|
|
3912
|
+
background-color: var(--es-color-accent-500);
|
|
3913
|
+
}
|
|
3914
|
+
|
|
3915
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3916
|
+
:is(body, #wpwrap #editor) .es\:selection\:bg-accent-500\/20 ::selection {
|
|
3917
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 20%, transparent);
|
|
3918
|
+
}
|
|
3499
3919
|
}
|
|
3500
3920
|
|
|
3501
3921
|
:is(body, #wpwrap #editor) .es\:selection\:bg-accent-500\/20::selection {
|
|
3502
|
-
background-color:
|
|
3922
|
+
background-color: var(--es-color-accent-500);
|
|
3923
|
+
}
|
|
3924
|
+
|
|
3925
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3926
|
+
:is(body, #wpwrap #editor) .es\:selection\:bg-accent-500\/20::selection {
|
|
3927
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 20%, transparent);
|
|
3928
|
+
}
|
|
3503
3929
|
}
|
|
3504
3930
|
|
|
3505
3931
|
:is(body, #wpwrap #editor) .es\:selection\:bg-transparent ::selection {
|
|
@@ -3649,19 +4075,31 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3649
4075
|
|
|
3650
4076
|
:is(body, #wpwrap #editor) .es\:after\:bg-linear-to-b:after {
|
|
3651
4077
|
content: var(--tw-content);
|
|
3652
|
-
--tw-gradient-position: to bottom
|
|
4078
|
+
--tw-gradient-position: to bottom;
|
|
3653
4079
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
3654
4080
|
}
|
|
3655
4081
|
|
|
4082
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
4083
|
+
:is(body, #wpwrap #editor) .es\:after\:bg-linear-to-b:after {
|
|
4084
|
+
--tw-gradient-position: to bottom in oklab;
|
|
4085
|
+
}
|
|
4086
|
+
}
|
|
4087
|
+
|
|
3656
4088
|
:is(body, #wpwrap #editor) .es\:after\:bg-linear-to-r:after {
|
|
3657
4089
|
content: var(--tw-content);
|
|
3658
|
-
--tw-gradient-position: to right
|
|
4090
|
+
--tw-gradient-position: to right;
|
|
3659
4091
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
3660
4092
|
}
|
|
3661
4093
|
|
|
4094
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
4095
|
+
:is(body, #wpwrap #editor) .es\:after\:bg-linear-to-r:after {
|
|
4096
|
+
--tw-gradient-position: to right in oklab;
|
|
4097
|
+
}
|
|
4098
|
+
}
|
|
4099
|
+
|
|
3662
4100
|
:is(body, #wpwrap #editor) .es\:after\:transition:after {
|
|
3663
4101
|
content: var(--tw-content);
|
|
3664
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
|
4102
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
|
|
3665
4103
|
transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
|
|
3666
4104
|
transition-duration: var(--tw-duration, var(--es-default-transition-duration));
|
|
3667
4105
|
}
|
|
@@ -3748,19 +4186,33 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3748
4186
|
}
|
|
3749
4187
|
|
|
3750
4188
|
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:hover {
|
|
3751
|
-
background-color:
|
|
4189
|
+
background-color: var(--es-color-red-500);
|
|
4190
|
+
}
|
|
4191
|
+
|
|
4192
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4193
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-500\/15:hover {
|
|
4194
|
+
background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
|
|
4195
|
+
}
|
|
3752
4196
|
}
|
|
3753
4197
|
|
|
3754
4198
|
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:hover {
|
|
3755
|
-
background-color:
|
|
4199
|
+
background-color: var(--es-color-red-600);
|
|
4200
|
+
}
|
|
4201
|
+
|
|
4202
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4203
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-red-600\/5:hover {
|
|
4204
|
+
background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
|
|
4205
|
+
}
|
|
3756
4206
|
}
|
|
3757
4207
|
|
|
3758
|
-
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100:hover {
|
|
4208
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100:hover, :is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:hover {
|
|
3759
4209
|
background-color: var(--es-color-secondary-100);
|
|
3760
4210
|
}
|
|
3761
4211
|
|
|
3762
|
-
:
|
|
3763
|
-
|
|
4212
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4213
|
+
:is(body, #wpwrap #editor) .es\:hover\:bg-secondary-100\/75:hover {
|
|
4214
|
+
background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
|
|
4215
|
+
}
|
|
3764
4216
|
}
|
|
3765
4217
|
|
|
3766
4218
|
:is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:hover {
|
|
@@ -3789,17 +4241,35 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3789
4241
|
}
|
|
3790
4242
|
|
|
3791
4243
|
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:hover {
|
|
3792
|
-
--tw-shadow-color:
|
|
4244
|
+
--tw-shadow-color: var(--es-color-accent-600);
|
|
4245
|
+
}
|
|
4246
|
+
|
|
4247
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4248
|
+
:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:hover {
|
|
4249
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4250
|
+
}
|
|
3793
4251
|
}
|
|
3794
4252
|
|
|
3795
4253
|
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:hover {
|
|
3796
4254
|
--tw-inset-shadow-color: var(--es-color-red-100);
|
|
3797
4255
|
}
|
|
3798
4256
|
|
|
4257
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4258
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:hover {
|
|
4259
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4260
|
+
}
|
|
4261
|
+
}
|
|
4262
|
+
|
|
3799
4263
|
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:hover {
|
|
3800
4264
|
--tw-inset-shadow-color: var(--es-color-secondary-100);
|
|
3801
4265
|
}
|
|
3802
4266
|
|
|
4267
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4268
|
+
:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-secondary-100:hover {
|
|
4269
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
|
|
4270
|
+
}
|
|
4271
|
+
}
|
|
4272
|
+
|
|
3803
4273
|
:is(body, #wpwrap #editor) .es\:hover\:inset-ring-red-100:hover {
|
|
3804
4274
|
--tw-inset-ring-color: var(--es-color-red-100);
|
|
3805
4275
|
}
|
|
@@ -3821,7 +4291,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3821
4291
|
}
|
|
3822
4292
|
|
|
3823
4293
|
:is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
|
|
3824
|
-
background-color:
|
|
4294
|
+
background-color: var(--es-color-red-500);
|
|
4295
|
+
}
|
|
4296
|
+
|
|
4297
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4298
|
+
:is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
|
|
4299
|
+
background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
|
|
4300
|
+
}
|
|
3825
4301
|
}
|
|
3826
4302
|
|
|
3827
4303
|
:is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):hover, :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
|
|
@@ -3864,12 +4340,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3864
4340
|
}
|
|
3865
4341
|
|
|
3866
4342
|
:is(body, #wpwrap #editor) .es\:focus\:ring-2:focus {
|
|
3867
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
4343
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3868
4344
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3869
4345
|
}
|
|
3870
4346
|
|
|
3871
4347
|
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:focus {
|
|
3872
|
-
--tw-ring-color:
|
|
4348
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4349
|
+
}
|
|
4350
|
+
|
|
4351
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4352
|
+
:is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:focus {
|
|
4353
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4354
|
+
}
|
|
3873
4355
|
}
|
|
3874
4356
|
|
|
3875
4357
|
:is(body, #wpwrap #editor) .es\:focus-visible\:z-10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
@@ -3909,7 +4391,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3909
4391
|
}
|
|
3910
4392
|
|
|
3911
4393
|
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3912
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
4394
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3913
4395
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3914
4396
|
}
|
|
3915
4397
|
|
|
@@ -3919,22 +4401,40 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3919
4401
|
}
|
|
3920
4402
|
|
|
3921
4403
|
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3922
|
-
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color,
|
|
4404
|
+
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
|
|
3923
4405
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3924
4406
|
}
|
|
3925
4407
|
|
|
3926
4408
|
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3927
|
-
--tw-ring-color:
|
|
4409
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4410
|
+
}
|
|
4411
|
+
|
|
4412
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4413
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4414
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4415
|
+
}
|
|
3928
4416
|
}
|
|
3929
4417
|
|
|
3930
4418
|
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-red-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3931
|
-
--tw-ring-color:
|
|
4419
|
+
--tw-ring-color: var(--es-color-red-500);
|
|
4420
|
+
}
|
|
4421
|
+
|
|
4422
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4423
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:ring-red-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4424
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-red-500) 30%, transparent);
|
|
4425
|
+
}
|
|
3932
4426
|
}
|
|
3933
4427
|
|
|
3934
4428
|
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-shadow-accent-400:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3935
4429
|
--tw-inset-shadow-color: var(--es-color-accent-400);
|
|
3936
4430
|
}
|
|
3937
4431
|
|
|
4432
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4433
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-shadow-accent-400:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4434
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) var(--tw-inset-shadow-alpha), transparent);
|
|
4435
|
+
}
|
|
4436
|
+
}
|
|
4437
|
+
|
|
3938
4438
|
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3939
4439
|
--tw-inset-ring-color: var(--es-color-accent-600);
|
|
3940
4440
|
}
|
|
@@ -3944,7 +4444,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3944
4444
|
}
|
|
3945
4445
|
|
|
3946
4446
|
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring-secondary-100\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
3947
|
-
--tw-inset-ring-color:
|
|
4447
|
+
--tw-inset-ring-color: var(--es-color-secondary-100);
|
|
4448
|
+
}
|
|
4449
|
+
|
|
4450
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4451
|
+
:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring-secondary-100\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4452
|
+
--tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-100) 30%, transparent);
|
|
4453
|
+
}
|
|
3948
4454
|
}
|
|
3949
4455
|
|
|
3950
4456
|
:is(body, #wpwrap #editor) .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
@@ -3960,7 +4466,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3960
4466
|
}
|
|
3961
4467
|
|
|
3962
4468
|
:is(body, #wpwrap #editor) .es\:active\:border-accent-500\/30:active {
|
|
3963
|
-
border-color:
|
|
4469
|
+
border-color: var(--es-color-accent-500);
|
|
4470
|
+
}
|
|
4471
|
+
|
|
4472
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4473
|
+
:is(body, #wpwrap #editor) .es\:active\:border-accent-500\/30:active {
|
|
4474
|
+
border-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
|
|
4475
|
+
}
|
|
3964
4476
|
}
|
|
3965
4477
|
|
|
3966
4478
|
:is(body, #wpwrap #editor) .es\:active\:bg-accent-50:active {
|
|
@@ -3968,7 +4480,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
3968
4480
|
}
|
|
3969
4481
|
|
|
3970
4482
|
:is(body, #wpwrap #editor) .es\:active\:bg-accent-700\/15:active {
|
|
3971
|
-
background-color:
|
|
4483
|
+
background-color: var(--es-color-accent-700);
|
|
4484
|
+
}
|
|
4485
|
+
|
|
4486
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4487
|
+
:is(body, #wpwrap #editor) .es\:active\:bg-accent-700\/15:active {
|
|
4488
|
+
background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
|
|
4489
|
+
}
|
|
3972
4490
|
}
|
|
3973
4491
|
|
|
3974
4492
|
:is(body, #wpwrap #editor) .es\:active\:text-accent-500:active {
|
|
@@ -4008,10 +4526,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4008
4526
|
}
|
|
4009
4527
|
|
|
4010
4528
|
:is(body, #wpwrap #editor) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
|
|
4011
|
-
--tw-gradient-position: to right
|
|
4529
|
+
--tw-gradient-position: to right !important;
|
|
4012
4530
|
background-image: linear-gradient(var(--tw-gradient-stops)) !important;
|
|
4013
4531
|
}
|
|
4014
4532
|
|
|
4533
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
4534
|
+
:is(body, #wpwrap #editor) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
|
|
4535
|
+
--tw-gradient-position: to right in oklab !important;
|
|
4536
|
+
}
|
|
4537
|
+
}
|
|
4538
|
+
|
|
4015
4539
|
:is(body, #wpwrap #editor) .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
|
|
4016
4540
|
--tw-gradient-from: var(--es-color-white);
|
|
4017
4541
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -4030,12 +4554,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4030
4554
|
color: var(--es-color-secondary-300) !important;
|
|
4031
4555
|
}
|
|
4032
4556
|
|
|
4033
|
-
:is(body, #wpwrap #editor) .es\:disabled\:text-secondary-400:is(:disabled, [data-rac][data-disabled]) {
|
|
4557
|
+
:is(body, #wpwrap #editor) .es\:disabled\:text-secondary-400:is(:disabled, [data-rac][data-disabled]), :is(body, #wpwrap #editor) .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
|
|
4034
4558
|
color: var(--es-color-secondary-400);
|
|
4035
4559
|
}
|
|
4036
4560
|
|
|
4037
|
-
:
|
|
4038
|
-
|
|
4561
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4562
|
+
:is(body, #wpwrap #editor) .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
|
|
4563
|
+
color: color-mix(in oklab, var(--es-color-secondary-400) 75%, transparent);
|
|
4564
|
+
}
|
|
4039
4565
|
}
|
|
4040
4566
|
|
|
4041
4567
|
:is(body, #wpwrap #editor) .es\:disabled\:text-secondary-500:is(:disabled, [data-rac][data-disabled]) {
|
|
@@ -4061,7 +4587,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4061
4587
|
}
|
|
4062
4588
|
|
|
4063
4589
|
:is(body, #wpwrap #editor) .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
|
|
4064
|
-
--tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color,
|
|
4590
|
+
--tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
|
|
4065
4591
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4066
4592
|
}
|
|
4067
4593
|
|
|
@@ -4069,13 +4595,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4069
4595
|
--tw-inset-shadow-color: transparent;
|
|
4070
4596
|
}
|
|
4071
4597
|
|
|
4598
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4599
|
+
:is(body, #wpwrap #editor) .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
|
|
4600
|
+
--tw-inset-shadow-color: color-mix(in oklab, transparent var(--tw-inset-shadow-alpha), transparent);
|
|
4601
|
+
}
|
|
4602
|
+
}
|
|
4603
|
+
|
|
4072
4604
|
:where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, #wpwrap #editor) .es\:in-focus-visible\:ring) {
|
|
4073
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
4605
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4074
4606
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4075
4607
|
}
|
|
4076
4608
|
|
|
4077
4609
|
:where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, #wpwrap #editor) .es\:in-focus-visible\:ring-accent-500\/50) {
|
|
4078
|
-
--tw-ring-color:
|
|
4610
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4611
|
+
}
|
|
4612
|
+
|
|
4613
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4614
|
+
:where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, #wpwrap #editor) .es\:in-focus-visible\:ring-accent-500\/50) {
|
|
4615
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4616
|
+
}
|
|
4079
4617
|
}
|
|
4080
4618
|
|
|
4081
4619
|
:where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, #wpwrap #editor) .es\:in-focus-visible\:outline-hidden) {
|
|
@@ -4103,12 +4641,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4103
4641
|
}
|
|
4104
4642
|
|
|
4105
4643
|
:is(body, #wpwrap #editor) .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-2:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
|
|
4106
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
4644
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4107
4645
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4108
4646
|
}
|
|
4109
4647
|
|
|
4110
4648
|
:is(body, #wpwrap #editor) .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-accent-500\/50:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
|
|
4111
|
-
--tw-ring-color:
|
|
4649
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
4650
|
+
}
|
|
4651
|
+
|
|
4652
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4653
|
+
:is(body, #wpwrap #editor) .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-accent-500\/50:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
|
|
4654
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
4655
|
+
}
|
|
4112
4656
|
}
|
|
4113
4657
|
|
|
4114
4658
|
:is(body, #wpwrap #editor) .es\:has-\[svg\]\:left-1:has(:is(svg)) {
|
|
@@ -4119,11 +4663,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4119
4663
|
padding-bottom: calc(var(--es-spacing) * 0);
|
|
4120
4664
|
}
|
|
4121
4665
|
|
|
4122
|
-
:is(body, #wpwrap #editor) .es\:aria-\[expanded\=false\]\:rounded-b-lg[aria-expanded="false"] {
|
|
4123
|
-
border-bottom-right-radius: var(--es-radius-lg);
|
|
4124
|
-
border-bottom-left-radius: var(--es-radius-lg);
|
|
4125
|
-
}
|
|
4126
|
-
|
|
4127
4666
|
@media (prefers-reduced-motion: no-preference) {
|
|
4128
4667
|
:is(body, #wpwrap #editor) .es\:motion-safe\:motion-preset-slide-down-sm {
|
|
4129
4668
|
--motion-origin-translate-y: -5%;
|
|
@@ -4277,7 +4816,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4277
4816
|
|
|
4278
4817
|
@media (prefers-contrast: more) {
|
|
4279
4818
|
:is(body, #wpwrap #editor) .es\:contrast-more\:focus-visible\:bg-accent-500\/15:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4280
|
-
background-color:
|
|
4819
|
+
background-color: var(--es-color-accent-500);
|
|
4820
|
+
}
|
|
4821
|
+
|
|
4822
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4823
|
+
:is(body, #wpwrap #editor) .es\:contrast-more\:focus-visible\:bg-accent-500\/15:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
|
|
4824
|
+
background-color: color-mix(in oklab, var(--es-color-accent-500) 15%, transparent);
|
|
4825
|
+
}
|
|
4281
4826
|
}
|
|
4282
4827
|
}
|
|
4283
4828
|
|
|
@@ -4304,11 +4849,23 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4304
4849
|
}
|
|
4305
4850
|
|
|
4306
4851
|
:is(body, #wpwrap #editor) .es\:selected\:bg-accent-50\/50[data-selected] {
|
|
4307
|
-
background-color:
|
|
4852
|
+
background-color: var(--es-color-accent-50);
|
|
4853
|
+
}
|
|
4854
|
+
|
|
4855
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4856
|
+
:is(body, #wpwrap #editor) .es\:selected\:bg-accent-50\/50[data-selected] {
|
|
4857
|
+
background-color: color-mix(in oklab, var(--es-color-accent-50) 50%, transparent);
|
|
4858
|
+
}
|
|
4308
4859
|
}
|
|
4309
4860
|
|
|
4310
4861
|
:is(body, #wpwrap #editor) .es\:selected\:bg-accent-400\/15[data-selected] {
|
|
4311
|
-
background-color:
|
|
4862
|
+
background-color: var(--es-color-accent-400);
|
|
4863
|
+
}
|
|
4864
|
+
|
|
4865
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4866
|
+
:is(body, #wpwrap #editor) .es\:selected\:bg-accent-400\/15[data-selected] {
|
|
4867
|
+
background-color: color-mix(in oklab, var(--es-color-accent-400) 15%, transparent);
|
|
4868
|
+
}
|
|
4312
4869
|
}
|
|
4313
4870
|
|
|
4314
4871
|
:is(body, #wpwrap #editor) .es\:selected\:bg-accent-600[data-selected] {
|
|
@@ -4347,7 +4904,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4347
4904
|
|
|
4348
4905
|
:is(body, #wpwrap #editor) .es\:selected\:after\:shadow-accent-700\/30[data-selected]:after {
|
|
4349
4906
|
content: var(--tw-content);
|
|
4350
|
-
--tw-shadow-color:
|
|
4907
|
+
--tw-shadow-color: var(--es-color-accent-700);
|
|
4908
|
+
}
|
|
4909
|
+
|
|
4910
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4911
|
+
:is(body, #wpwrap #editor) .es\:selected\:after\:shadow-accent-700\/30[data-selected]:after {
|
|
4912
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-700) 30%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4913
|
+
}
|
|
4351
4914
|
}
|
|
4352
4915
|
|
|
4353
4916
|
:is(body, #wpwrap #editor) .es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
|
|
@@ -4516,11 +5079,23 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4516
5079
|
}
|
|
4517
5080
|
|
|
4518
5081
|
:is(body, #wpwrap #editor) .es\:\[\&_\>_div\]\:bg-accent-100\/20\! > div {
|
|
4519
|
-
background-color:
|
|
5082
|
+
background-color: var(--es-color-accent-100) !important;
|
|
5083
|
+
}
|
|
5084
|
+
|
|
5085
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5086
|
+
:is(body, #wpwrap #editor) .es\:\[\&_\>_div\]\:bg-accent-100\/20\! > div {
|
|
5087
|
+
background-color: color-mix(in oklab, var(--es-color-accent-100) 20%, transparent) !important;
|
|
5088
|
+
}
|
|
4520
5089
|
}
|
|
4521
5090
|
|
|
4522
5091
|
:is(body, #wpwrap #editor) .es\:\[\&_\>_div\]\:text-accent-900\/15\! > div {
|
|
4523
|
-
color:
|
|
5092
|
+
color: var(--es-color-accent-900) !important;
|
|
5093
|
+
}
|
|
5094
|
+
|
|
5095
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5096
|
+
:is(body, #wpwrap #editor) .es\:\[\&_\>_div\]\:text-accent-900\/15\! > div {
|
|
5097
|
+
color: color-mix(in oklab, var(--es-color-accent-900) 15%, transparent) !important;
|
|
5098
|
+
}
|
|
4524
5099
|
}
|
|
4525
5100
|
|
|
4526
5101
|
:is(body, #wpwrap #editor) .es\:\[\&_\>_div_\[role\=button\]\]\:opacity-0 > div [role="button"] {
|
|
@@ -4563,12 +5138,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
4563
5138
|
}
|
|
4564
5139
|
|
|
4565
5140
|
:is(body, #wpwrap #editor) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-2:has( > [data-focus-visible="true"]) {
|
|
4566
|
-
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
5141
|
+
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4567
5142
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4568
5143
|
}
|
|
4569
5144
|
|
|
4570
5145
|
:is(body, #wpwrap #editor) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-accent-500\/50:has( > [data-focus-visible="true"]) {
|
|
4571
|
-
--tw-ring-color:
|
|
5146
|
+
--tw-ring-color: var(--es-color-accent-500);
|
|
5147
|
+
}
|
|
5148
|
+
|
|
5149
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5150
|
+
:is(body, #wpwrap #editor) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-accent-500\/50:has( > [data-focus-visible="true"]) {
|
|
5151
|
+
--tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
|
|
5152
|
+
}
|
|
4572
5153
|
}
|
|
4573
5154
|
|
|
4574
5155
|
:is(body, #wpwrap #editor) .es\:\[\&\>span\>svg\]\:text-slate-500 > span > svg {
|
|
@@ -5081,6 +5662,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5081
5662
|
inherits: false
|
|
5082
5663
|
}
|
|
5083
5664
|
|
|
5665
|
+
@property --tw-shadow-alpha {
|
|
5666
|
+
syntax: "<percentage>";
|
|
5667
|
+
inherits: false;
|
|
5668
|
+
initial-value: 100%;
|
|
5669
|
+
}
|
|
5670
|
+
|
|
5084
5671
|
@property --tw-inset-shadow {
|
|
5085
5672
|
syntax: "*";
|
|
5086
5673
|
inherits: false;
|
|
@@ -5092,6 +5679,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5092
5679
|
inherits: false
|
|
5093
5680
|
}
|
|
5094
5681
|
|
|
5682
|
+
@property --tw-inset-shadow-alpha {
|
|
5683
|
+
syntax: "<percentage>";
|
|
5684
|
+
inherits: false;
|
|
5685
|
+
initial-value: 100%;
|
|
5686
|
+
}
|
|
5687
|
+
|
|
5095
5688
|
@property --tw-ring-color {
|
|
5096
5689
|
syntax: "*";
|
|
5097
5690
|
inherits: false
|
|
@@ -5187,6 +5780,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
|
|
|
5187
5780
|
inherits: false
|
|
5188
5781
|
}
|
|
5189
5782
|
|
|
5783
|
+
@property --tw-drop-shadow-color {
|
|
5784
|
+
syntax: "*";
|
|
5785
|
+
inherits: false
|
|
5786
|
+
}
|
|
5787
|
+
|
|
5788
|
+
@property --tw-drop-shadow-alpha {
|
|
5789
|
+
syntax: "<percentage>";
|
|
5790
|
+
inherits: false;
|
|
5791
|
+
initial-value: 100%;
|
|
5792
|
+
}
|
|
5793
|
+
|
|
5794
|
+
@property --tw-drop-shadow-size {
|
|
5795
|
+
syntax: "*";
|
|
5796
|
+
inherits: false
|
|
5797
|
+
}
|
|
5798
|
+
|
|
5190
5799
|
@property --tw-backdrop-blur {
|
|
5191
5800
|
syntax: "*";
|
|
5192
5801
|
inherits: false
|