atomsystem 0.1.14 → 0.1.16

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.
Files changed (9) hide show
  1. package/cli/add.js +0 -73
  2. package/cli/init.js +99 -92
  3. package/package.json +1 -2
  4. package/build/dark.variables.css +0 -275
  5. package/build/digitalFont.variables.css +0 -267
  6. package/build/global.variables.css +0 -267
  7. package/build/inputCircle.variables.css +0 -268
  8. package/build/inputStandard.variables.css +0 -268
  9. package/build/standard.variables.css +0 -293
package/build/digitalFont.variables.css DELETED
@@ -1,267 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- :root {
6
- --black-50: #5a5a5a;
7
- --black-100: #555555;
8
- --black-200: #4a4a4a;
9
- --black-300: #444444;
10
- --black-400: #3a3a3a;
11
- --black-500: #333333;
12
- --black-600: #2a2a2a;
13
- --black-700: #222222;
14
- --black-800: #1a1a1a;
15
- --black-900: #111111;
16
- --gray-50: #bbbbbb;
17
- --gray-100: #b3b3b3;
18
- --gray-200: #9e9e9e;
19
- --gray-300: #999999;
20
- --gray-400: #8e8e8e;
21
- --gray-500: #888888;
22
- --gray-600: #7e7e7e;
23
- --gray-700: #777777;
24
- --gray-800: #6e6e6e;
25
- --gray-900: #666666;
26
- --white-50: #fafafa;
27
- --white-100: #f5f5f5;
28
- --white-200: #f0f0f0;
29
- --white-300: #ebebeb;
30
- --white-400: #e6e6e6;
31
- --white-500: #e0e0e0;
32
- --white-600: #dbdbdb;
33
- --white-700: #d6d6d6;
34
- --white-800: #d1d1d1;
35
- --white-900: #cccccc;
36
- --blue-50: #f6f8fd;
37
- --blue-100: #ccd7f5;
38
- --blue-200: #a1b6ed;
39
- --blue-300: #7795e4;
40
- --blue-400: #4c73dc;
41
- --blue-500: #2855cc;
42
- --blue-600: #2044a2;
43
- --blue-700: #183277;
44
- --blue-800: #0f204d;
45
- --blue-900: #070e22;
46
- --green-50: #f7fdf7;
47
- --green-100: #cef3ce;
48
- --green-200: #a5e8a5;
49
- --green-300: #7dde7d;
50
- --green-400: #54d454;
51
- --green-500: #31c331;
52
- --green-600: #279b27;
53
- --green-700: #1d721d;
54
- --green-800: #124912;
55
- --green-900: #08210a;
56
- --red-50: #fdf7f7;
57
- --red-100: #f6dada;
58
- --red-200: #edb0b0;
59
- --red-300: #e48787;
60
- --red-400: #da5d5d;
61
- --red-500: #d13434;
62
- --red-600: #af2828;
63
- --red-700: #891f1f;
64
- --red-800: #641717;
65
- --red-900: #3e0e0e;
66
- --brand-primary: #2855cc;
67
- --brand-secondary: #0f204d;
68
- --system-success: #31c331;
69
- --system-danger: #d13434;
70
- --system-info: #333333;
71
- --fill-wrapper: #f0f0f0;
72
- --fill-card: #fafafa;
73
- --fill-border: #cccccc;
74
- --fill-info: #ebebeb;
75
- --button-text: #fafafa;
76
- --button-primary-standard-background: #2855cc;
77
- --button-primary-hover-background: #2044a2;
78
- --button-primary-disabled-background: #ccd7f5;
79
- --button-secondary-standard-background: #0f204d;
80
- --button-secondary-hover-background: #070e22;
81
- --button-secondary-disabled-background: #a1b6ed;
82
- --button-success-standard-background: #31c331;
83
- --button-success-hover-background: #279b27;
84
- --button-success-disabled-background: #a5e8a5;
85
- --button-danger-standard-background: #d13434;
86
- --button-danger-hover-background: #af2828;
87
- --button-danger-disabled-background: #f6dada;
88
- --button-gray-standard-background: #333333;
89
- --button-gray-hover-background: #2a2a2a;
90
- --button-gray-disabled-background: #555555;
91
- --icon-xs: 16px;
92
- --icon-sm: 24px;
93
- --icon-md: 32px;
94
- --icon-lg: 48px;
95
- --icon-xl: 80px;
96
- --element-xxs: 160px;
97
- --element-xs: 240px;
98
- --element-sm: 320px;
99
- --element-md: 480px;
100
- --element-lg: 640px;
101
- --element-xl: 960px;
102
- --element-2xl: 1280px;
103
- --element-3xl: 1920px;
104
- --element-4xl: 2560px;
105
- --element-5xl: 3840px;
106
- --spacing-nogap: 0;
107
- --spacing-xs: 4px;
108
- --spacing-sm: 8px;
109
- --spacing-md: 16px;
110
- --spacing-lg: 24px;
111
- --spacing-xl: 48px;
112
- --spacing-2xl: 120px;
113
- --spacing-3xl: 240px;
114
- --spacing-4xl: 320px;
115
- --main-title: 'Elice DigitalBaeum OTF';
116
- --thin: 100;
117
- --extra-light: 200;
118
- --light: 300;
119
- --normal: 400;
120
- --bold: 700;
121
- --medium: 500;
122
- --semi-bold: 600;
123
- --extra-bold: 800;
124
- --black: 900;
125
- --desktop-h1-font-family: 'Elice DigitalBaeum OTF';
126
- --desktop-h1-font-weight: 700;
127
- --desktop-h1-font-size: 48px;
128
- --desktop-h1-line-height: 64;
129
- --desktop-h2-font-family: 'Elice DigitalBaeum OTF';
130
- --desktop-h2-font-weight: 700;
131
- --desktop-h2-font-size: 40px;
132
- --desktop-h2-line-height: 50;
133
- --desktop-h3-font-family: 'Elice DigitalBaeum OTF';
134
- --desktop-h3-font-weight: 700;
135
- --desktop-h3-font-size: 32px;
136
- --desktop-h3-line-height: 48;
137
- --desktop-h4-font-family: 'Elice DigitalBaeum OTF';
138
- --desktop-h4-font-weight: 700;
139
- --desktop-h4-font-size: 24px;
140
- --desktop-h4-line-height: 36;
141
- --desktop-h5-font-family: 'Elice DigitalBaeum OTF';
142
- --desktop-h5-font-weight: 700;
143
- --desktop-h5-font-size: 20px;
144
- --desktop-h5-line-height: 30;
145
- --desktop-h6-font-family: 'Elice DigitalBaeum OTF';
146
- --desktop-h6-font-weight: 700;
147
- --desktop-h6-font-size: 18px;
148
- --desktop-h6-line-height: 24;
149
- --desktop-body-base-font-family: 'Elice DigitalBaeum OTF';
150
- --desktop-body-base-font-weight: 400;
151
- --desktop-body-base-font-size: 16px;
152
- --desktop-body-base-line-height: 24;
153
- --desktop-body-lg-font-family: 'Elice DigitalBaeum OTF';
154
- --desktop-body-lg-font-weight: 400;
155
- --desktop-body-lg-font-size: 18px;
156
- --desktop-body-lg-line-height: 24;
157
- --desktop-body-sm-font-family: 'Elice DigitalBaeum OTF';
158
- --desktop-body-sm-font-weight: 400;
159
- --desktop-body-sm-font-size: 14px;
160
- --desktop-body-sm-line-height: 20;
161
- --desktop-small-font-family: 'Elice DigitalBaeum OTF';
162
- --desktop-small-font-weight: 400;
163
- --desktop-small-font-size: 12px;
164
- --desktop-small-line-height: 18;
165
- --desktop-small-extra-font-family: 'Elice DigitalBaeum OTF';
166
- --desktop-small-extra-font-weight: 400;
167
- --desktop-small-extra-font-size: 10px;
168
- --desktop-small-extra-line-height: 16;
169
- --mobile-h1-font-family: 'Elice DigitalBaeum OTF';
170
- --mobile-h1-font-weight: 700;
171
- --mobile-h1-font-size: 32px;
172
- --mobile-h1-line-height: 48;
173
- --mobile-h2-font-size: 28px;
174
- --mobile-h2-font-family: 'Elice DigitalBaeum OTF';
175
- --mobile-h2-font-weight: 700;
176
- --mobile-h2-line-height: 40;
177
- --mobile-h3-font-family: 'Elice DigitalBaeum OTF';
178
- --mobile-h3-font-weight: 700;
179
- --mobile-h3-font-size: 24px;
180
- --mobile-h3-line-height: 32;
181
- --mobile-h4-font-family: 'Elice DigitalBaeum OTF';
182
- --mobile-h4-font-weight: 700;
183
- --mobile-h4-font-size: 20px;
184
- --mobile-h4-line-height: 28;
185
- --mobile-h5-font-family: 'Elice DigitalBaeum OTF';
186
- --mobile-h5-font-weight: 700;
187
- --mobile-h5-font-size: 18px;
188
- --mobile-h5-line-height: 24;
189
- --mobile-h6-font-family: 'Elice DigitalBaeum OTF';
190
- --mobile-h6-font-weight: 700;
191
- --mobile-h6-font-size: 16px;
192
- --mobile-h6-line-height: 24;
193
- --mobile-body-lg-font-family: 'Elice DigitalBaeum OTF';
194
- --mobile-body-lg-font-weight: 400;
195
- --mobile-body-lg-font-size: 16px;
196
- --mobile-body-lg-line-height: 24;
197
- --mobile-body-base-font-family: 'Elice DigitalBaeum OTF';
198
- --mobile-body-base-font-weight: 400;
199
- --mobile-body-base-font-size: 14px;
200
- --mobile-body-base-line-height: 20;
201
- --mobile-body-sm-font-family: 'Elice DigitalBaeum OTF';
202
- --mobile-body-sm-font-weight: 400;
203
- --mobile-body-sm-font-size: 12px;
204
- --mobile-body-sm-line-height: 18;
205
- --mobile-small-font-family: 'Elice DigitalBaeum OTF';
206
- --mobile-small-font-weight: 400;
207
- --mobile-small-font-size: 10px;
208
- --mobile-small-line-height: 16;
209
- --mobile-small-extra-font-family: 'Elice DigitalBaeum OTF';
210
- --mobile-small-extra-font-weight: 400;
211
- --mobile-small-extra-font-size: 8px;
212
- --mobile-small-extra-line-height: 14;
213
- --rounded-common: 4px;
214
- --rounded-none: 0;
215
- --rounded-xs: 4px;
216
- --rounded-sm: 8px;
217
- --rounded-md: 16px;
218
- --rounded-lg: 24px;
219
- --rounded-full: 1000px;
220
- --shadow-none-blur: 0;
221
- --shadow-none-spread: 0;
222
- --shadow-none-color: #000000;
223
- --shadow-none-type: dropShadow;
224
- --shadow-none-offset-x: 0;
225
- --shadow-none-offset-y: 0;
226
- --shadow-xs-blur: 8px;
227
- --shadow-xs-spread: 0;
228
- --shadow-xs-color: rgba(0, 0, 0, 0.16);
229
- --shadow-xs-type: dropShadow;
230
- --shadow-xs-offset-x: 2px;
231
- --shadow-xs-offset-y: 2px;
232
- --shadow-sm-blur: 16px;
233
- --shadow-sm-spread: 0;
234
- --shadow-sm-color: rgba(0, 0, 0, 0.16);
235
- --shadow-sm-type: dropShadow;
236
- --shadow-sm-offset-x: 4px;
237
- --shadow-sm-offset-y: 4px;
238
- --shadow-md-blur: 32px;
239
- --shadow-md-spread: 0;
240
- --shadow-md-color: rgba(0, 0, 0, 0.16);
241
- --shadow-md-type: dropShadow;
242
- --shadow-md-offset-x: 8px;
243
- --shadow-md-offset-y: 8px;
244
- --shadow-lg-blur: 64px;
245
- --shadow-lg-spread: 0;
246
- --shadow-lg-color: rgba(0, 0, 0, 0.16);
247
- --shadow-lg-type: dropShadow;
248
- --shadow-lg-offset-x: 16px;
249
- --shadow-lg-offset-y: 16px;
250
- --shadow-xl-blur: 120px;
251
- --shadow-xl-spread: 0;
252
- --shadow-xl-color: rgba(0, 0, 0, 0.16);
253
- --shadow-xl-type: dropShadow;
254
- --shadow-xl-offset-x: 24px;
255
- --shadow-xl-offset-y: 24px;
256
- --visible: 1;
257
- --opacity-90: 0.9;
258
- --opacity-80: 0.8;
259
- --opacity-70: 0.7;
260
- --opacity-60: 0.6;
261
- --opacity-50: 0.5;
262
- --opacity-40: 0.4;
263
- --opacity-30: 0.3;
264
- --opacity-20: 0.2;
265
- --opacity-10: 0.1;
266
- --invisible: 0;
267
- }
package/build/global.variables.css DELETED
@@ -1,267 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- :root {
6
- --black-50: #5a5a5a;
7
- --black-100: #555555;
8
- --black-200: #4a4a4a;
9
- --black-300: #444444;
10
- --black-400: #3a3a3a;
11
- --black-500: #333333;
12
- --black-600: #2a2a2a;
13
- --black-700: #222222;
14
- --black-800: #1a1a1a;
15
- --black-900: #111111;
16
- --gray-50: #bbbbbb;
17
- --gray-100: #b3b3b3;
18
- --gray-200: #9e9e9e;
19
- --gray-300: #999999;
20
- --gray-400: #8e8e8e;
21
- --gray-500: #888888;
22
- --gray-600: #7e7e7e;
23
- --gray-700: #777777;
24
- --gray-800: #6e6e6e;
25
- --gray-900: #666666;
26
- --white-50: #fafafa;
27
- --white-100: #f5f5f5;
28
- --white-200: #f0f0f0;
29
- --white-300: #ebebeb;
30
- --white-400: #e6e6e6;
31
- --white-500: #e0e0e0;
32
- --white-600: #dbdbdb;
33
- --white-700: #d6d6d6;
34
- --white-800: #d1d1d1;
35
- --white-900: #cccccc;
36
- --blue-50: #f6f8fd;
37
- --blue-100: #ccd7f5;
38
- --blue-200: #a1b6ed;
39
- --blue-300: #7795e4;
40
- --blue-400: #4c73dc;
41
- --blue-500: #2855cc;
42
- --blue-600: #2044a2;
43
- --blue-700: #183277;
44
- --blue-800: #0f204d;
45
- --blue-900: #070e22;
46
- --green-50: #f7fdf7;
47
- --green-100: #cef3ce;
48
- --green-200: #a5e8a5;
49
- --green-300: #7dde7d;
50
- --green-400: #54d454;
51
- --green-500: #31c331;
52
- --green-600: #279b27;
53
- --green-700: #1d721d;
54
- --green-800: #124912;
55
- --green-900: #08210a;
56
- --red-50: #fdf7f7;
57
- --red-100: #f6dada;
58
- --red-200: #edb0b0;
59
- --red-300: #e48787;
60
- --red-400: #da5d5d;
61
- --red-500: #d13434;
62
- --red-600: #af2828;
63
- --red-700: #891f1f;
64
- --red-800: #641717;
65
- --red-900: #3e0e0e;
66
- --brand-primary: #2855cc;
67
- --brand-secondary: #0f204d;
68
- --system-success: #31c331;
69
- --system-danger: #d13434;
70
- --system-info: #333333;
71
- --fill-wrapper: #f0f0f0;
72
- --fill-card: #fafafa;
73
- --fill-border: #cccccc;
74
- --fill-info: #ebebeb;
75
- --button-text: #fafafa;
76
- --button-primary-standard-background: #2855cc;
77
- --button-primary-hover-background: #2044a2;
78
- --button-primary-disabled-background: #ccd7f5;
79
- --button-secondary-standard-background: #0f204d;
80
- --button-secondary-hover-background: #070e22;
81
- --button-secondary-disabled-background: #a1b6ed;
82
- --button-success-standard-background: #31c331;
83
- --button-success-hover-background: #279b27;
84
- --button-success-disabled-background: #a5e8a5;
85
- --button-danger-standard-background: #d13434;
86
- --button-danger-hover-background: #af2828;
87
- --button-danger-disabled-background: #f6dada;
88
- --button-gray-standard-background: #333333;
89
- --button-gray-hover-background: #2a2a2a;
90
- --button-gray-disabled-background: #555555;
91
- --icon-xs: 16px;
92
- --icon-sm: 24px;
93
- --icon-md: 32px;
94
- --icon-lg: 48px;
95
- --icon-xl: 80px;
96
- --element-xxs: 160px;
97
- --element-xs: 240px;
98
- --element-sm: 320px;
99
- --element-md: 480px;
100
- --element-lg: 640px;
101
- --element-xl: 960px;
102
- --element-2xl: 1280px;
103
- --element-3xl: 1920px;
104
- --element-4xl: 2560px;
105
- --element-5xl: 3840px;
106
- --spacing-nogap: 0;
107
- --spacing-xs: 4px;
108
- --spacing-sm: 8px;
109
- --spacing-md: 16px;
110
- --spacing-lg: 24px;
111
- --spacing-xl: 48px;
112
- --spacing-2xl: 120px;
113
- --spacing-3xl: 240px;
114
- --spacing-4xl: 320px;
115
- --main-title: 'Spoqa Han Sans Neo';
116
- --thin: 100;
117
- --extra-light: 200;
118
- --light: 300;
119
- --normal: 400;
120
- --bold: 700;
121
- --medium: 500;
122
- --semi-bold: 600;
123
- --extra-bold: 800;
124
- --black: 900;
125
- --desktop-h1-font-family: 'Spoqa Han Sans Neo';
126
- --desktop-h1-font-weight: 700;
127
- --desktop-h1-font-size: 48px;
128
- --desktop-h1-line-height: 64;
129
- --desktop-h2-font-family: 'Spoqa Han Sans Neo';
130
- --desktop-h2-font-weight: 700;
131
- --desktop-h2-font-size: 40px;
132
- --desktop-h2-line-height: 50;
133
- --desktop-h3-font-family: 'Spoqa Han Sans Neo';
134
- --desktop-h3-font-weight: 700;
135
- --desktop-h3-font-size: 32px;
136
- --desktop-h3-line-height: 48;
137
- --desktop-h4-font-family: 'Spoqa Han Sans Neo';
138
- --desktop-h4-font-weight: 700;
139
- --desktop-h4-font-size: 24px;
140
- --desktop-h4-line-height: 36;
141
- --desktop-h5-font-family: 'Spoqa Han Sans Neo';
142
- --desktop-h5-font-weight: 700;
143
- --desktop-h5-font-size: 20px;
144
- --desktop-h5-line-height: 30;
145
- --desktop-h6-font-family: 'Spoqa Han Sans Neo';
146
- --desktop-h6-font-weight: 700;
147
- --desktop-h6-font-size: 18px;
148
- --desktop-h6-line-height: 24;
149
- --desktop-body-base-font-family: 'Spoqa Han Sans Neo';
150
- --desktop-body-base-font-weight: 400;
151
- --desktop-body-base-font-size: 16px;
152
- --desktop-body-base-line-height: 24;
153
- --desktop-body-lg-font-family: 'Spoqa Han Sans Neo';
154
- --desktop-body-lg-font-weight: 400;
155
- --desktop-body-lg-font-size: 18px;
156
- --desktop-body-lg-line-height: 24;
157
- --desktop-body-sm-font-family: 'Spoqa Han Sans Neo';
158
- --desktop-body-sm-font-weight: 400;
159
- --desktop-body-sm-font-size: 14px;
160
- --desktop-body-sm-line-height: 20;
161
- --desktop-small-font-family: 'Spoqa Han Sans Neo';
162
- --desktop-small-font-weight: 400;
163
- --desktop-small-font-size: 12px;
164
- --desktop-small-line-height: 18;
165
- --desktop-small-extra-font-family: 'Spoqa Han Sans Neo';
166
- --desktop-small-extra-font-weight: 400;
167
- --desktop-small-extra-font-size: 10px;
168
- --desktop-small-extra-line-height: 16;
169
- --mobile-h1-font-family: 'Spoqa Han Sans Neo';
170
- --mobile-h1-font-weight: 700;
171
- --mobile-h1-font-size: 32px;
172
- --mobile-h1-line-height: 48;
173
- --mobile-h2-font-size: 28px;
174
- --mobile-h2-font-family: 'Spoqa Han Sans Neo';
175
- --mobile-h2-font-weight: 700;
176
- --mobile-h2-line-height: 40;
177
- --mobile-h3-font-family: 'Spoqa Han Sans Neo';
178
- --mobile-h3-font-weight: 700;
179
- --mobile-h3-font-size: 24px;
180
- --mobile-h3-line-height: 32;
181
- --mobile-h4-font-family: 'Spoqa Han Sans Neo';
182
- --mobile-h4-font-weight: 700;
183
- --mobile-h4-font-size: 20px;
184
- --mobile-h4-line-height: 28;
185
- --mobile-h5-font-family: 'Spoqa Han Sans Neo';
186
- --mobile-h5-font-weight: 700;
187
- --mobile-h5-font-size: 18px;
188
- --mobile-h5-line-height: 24;
189
- --mobile-h6-font-family: 'Spoqa Han Sans Neo';
190
- --mobile-h6-font-weight: 700;
191
- --mobile-h6-font-size: 16px;
192
- --mobile-h6-line-height: 24;
193
- --mobile-body-lg-font-family: 'Spoqa Han Sans Neo';
194
- --mobile-body-lg-font-weight: 400;
195
- --mobile-body-lg-font-size: 16px;
196
- --mobile-body-lg-line-height: 24;
197
- --mobile-body-base-font-family: 'Spoqa Han Sans Neo';
198
- --mobile-body-base-font-weight: 400;
199
- --mobile-body-base-font-size: 14px;
200
- --mobile-body-base-line-height: 20;
201
- --mobile-body-sm-font-family: 'Spoqa Han Sans Neo';
202
- --mobile-body-sm-font-weight: 400;
203
- --mobile-body-sm-font-size: 12px;
204
- --mobile-body-sm-line-height: 18;
205
- --mobile-small-font-family: 'Spoqa Han Sans Neo';
206
- --mobile-small-font-weight: 400;
207
- --mobile-small-font-size: 10px;
208
- --mobile-small-line-height: 16;
209
- --mobile-small-extra-font-family: 'Spoqa Han Sans Neo';
210
- --mobile-small-extra-font-weight: 400;
211
- --mobile-small-extra-font-size: 8px;
212
- --mobile-small-extra-line-height: 14;
213
- --rounded-common: 4px;
214
- --rounded-none: 0;
215
- --rounded-xs: 4px;
216
- --rounded-sm: 8px;
217
- --rounded-md: 16px;
218
- --rounded-lg: 24px;
219
- --rounded-full: 1000px;
220
- --shadow-none-blur: 0;
221
- --shadow-none-spread: 0;
222
- --shadow-none-color: #000000;
223
- --shadow-none-type: dropShadow;
224
- --shadow-none-offset-x: 0;
225
- --shadow-none-offset-y: 0;
226
- --shadow-xs-blur: 8px;
227
- --shadow-xs-spread: 0;
228
- --shadow-xs-color: rgba(0, 0, 0, 0.16);
229
- --shadow-xs-type: dropShadow;
230
- --shadow-xs-offset-x: 2px;
231
- --shadow-xs-offset-y: 2px;
232
- --shadow-sm-blur: 16px;
233
- --shadow-sm-spread: 0;
234
- --shadow-sm-color: rgba(0, 0, 0, 0.16);
235
- --shadow-sm-type: dropShadow;
236
- --shadow-sm-offset-x: 4px;
237
- --shadow-sm-offset-y: 4px;
238
- --shadow-md-blur: 32px;
239
- --shadow-md-spread: 0;
240
- --shadow-md-color: rgba(0, 0, 0, 0.16);
241
- --shadow-md-type: dropShadow;
242
- --shadow-md-offset-x: 8px;
243
- --shadow-md-offset-y: 8px;
244
- --shadow-lg-blur: 64px;
245
- --shadow-lg-spread: 0;
246
- --shadow-lg-color: rgba(0, 0, 0, 0.16);
247
- --shadow-lg-type: dropShadow;
248
- --shadow-lg-offset-x: 16px;
249
- --shadow-lg-offset-y: 16px;
250
- --shadow-xl-blur: 120px;
251
- --shadow-xl-spread: 0;
252
- --shadow-xl-color: rgba(0, 0, 0, 0.16);
253
- --shadow-xl-type: dropShadow;
254
- --shadow-xl-offset-x: 24px;
255
- --shadow-xl-offset-y: 24px;
256
- --visible: 1;
257
- --opacity-90: 0.9;
258
- --opacity-80: 0.8;
259
- --opacity-70: 0.7;
260
- --opacity-60: 0.6;
261
- --opacity-50: 0.5;
262
- --opacity-40: 0.4;
263
- --opacity-30: 0.3;
264
- --opacity-20: 0.2;
265
- --opacity-10: 0.1;
266
- --invisible: 0;
267
- }