@progress/kendo-theme-utils 11.1.0-dev.3 → 11.1.0-dev.4
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/meta/sassdoc-data.json +22696 -7702
- package/dist/meta/sassdoc-raw-data.json +22880 -7697
- package/package.json +3 -3
- package/scss/accessibility/_screen-readers.scss +13 -0
- package/scss/background/_background-color.scss +216 -0
- package/scss/border/_border-color.scss +216 -0
- package/scss/effects/_opacity.scss +61 -1
- package/scss/elevation/index.import.scss +54 -0
- package/scss/flex-grid/_flex-direction.scss +28 -0
- package/scss/flex-grid/_gap.scss +196 -12
- package/scss/flex-grid/_grid-column-start-end.scss +496 -6
- package/scss/flex-grid/_grid-row-start-end.scss +416 -6
- package/scss/flex-grid/_grid-template-columns.scss +142 -0
- package/scss/interactivity/_accent-color.scss +1 -1
- package/scss/interactivity/_caret-color.scss +1 -1
- package/scss/interactivity/_will-change.scss +23 -1
- package/scss/responsive-layout/_col-gap.scss +568 -0
- package/scss/responsive-layout/_col.scss +172 -0
- package/scss/spacing/_margin.scss +113 -70
- package/scss/spacing/_padding.scss +169 -28
- package/scss/spacing/_space-between.scss +2 -1
- package/scss/typography/_font-family.scss +24 -0
- package/scss/typography/_font-style.scss +10 -4
- package/scss/typography/_letter-spacing.scss +42 -0
- package/scss/typography/_line-height.scss +24 -0
- package/scss/typography/_text-color.scss +246 -1
package/scss/flex-grid/_gap.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// This is equivalent to `gap: 0;`.
|
|
2
2
|
/// @example gap: 0;
|
|
3
|
-
/// @name .k-gap-0
|
|
3
|
+
/// @name .k-gap-{0-30}
|
|
4
4
|
/// @group gap
|
|
5
5
|
/// @contextType css
|
|
6
6
|
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
/// @group gap
|
|
11
11
|
/// @contextType css
|
|
12
12
|
|
|
13
|
-
/// This is equivalent to `gap: 0.
|
|
14
|
-
/// @example gap: 0.
|
|
15
|
-
/// @name .k-gap-
|
|
13
|
+
/// This is equivalent to `gap: 0.125rem;`.
|
|
14
|
+
/// @example gap: 0.125rem;
|
|
15
|
+
/// @name .k-gap-0\.5
|
|
16
16
|
/// @group gap
|
|
17
17
|
/// @contextType css
|
|
18
18
|
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
/// This is equivalent to `column-gap: 0;`.
|
|
62
62
|
/// @example column-gap: 0;
|
|
63
|
-
/// @name .k-gap-x-0
|
|
63
|
+
/// @name .k-gap-x-{0-30}
|
|
64
64
|
/// @group gap
|
|
65
65
|
/// @contextType css
|
|
66
66
|
|
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
/// @group gap
|
|
71
71
|
/// @contextType css
|
|
72
72
|
|
|
73
|
-
/// This is equivalent to `column-gap: 0.
|
|
74
|
-
/// @example column-gap: 0.
|
|
75
|
-
/// @name .k-gap-x-
|
|
73
|
+
/// This is equivalent to `column-gap: 0.125rem;`.
|
|
74
|
+
/// @example column-gap: 0.125rem;
|
|
75
|
+
/// @name .k-gap-x-0\.5
|
|
76
76
|
/// @group gap
|
|
77
77
|
/// @contextType css
|
|
78
78
|
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
|
|
121
121
|
/// This is equivalent to `row-gap: 0;`.
|
|
122
122
|
/// @example row-gap: 0;
|
|
123
|
-
/// @name .k-gap-y-0
|
|
123
|
+
/// @name .k-gap-y-{0-30}
|
|
124
124
|
/// @group gap
|
|
125
125
|
/// @contextType css
|
|
126
126
|
|
|
@@ -130,9 +130,9 @@
|
|
|
130
130
|
/// @group gap
|
|
131
131
|
/// @contextType css
|
|
132
132
|
|
|
133
|
-
/// This is equivalent to `row-gap: 0.
|
|
134
|
-
/// @example row-gap: 0.
|
|
135
|
-
/// @name .k-gap-y-
|
|
133
|
+
/// This is equivalent to `row-gap: 0.125rem;`.
|
|
134
|
+
/// @example row-gap: 0.125rem;
|
|
135
|
+
/// @name .k-gap-y-0\.5
|
|
136
136
|
/// @group gap
|
|
137
137
|
/// @contextType css
|
|
138
138
|
|
|
@@ -178,6 +178,190 @@
|
|
|
178
178
|
/// @group gap
|
|
179
179
|
/// @contextType css
|
|
180
180
|
|
|
181
|
+
// ============================================================================
|
|
182
|
+
// Responsive Gap Utilities
|
|
183
|
+
// ============================================================================
|
|
184
|
+
|
|
185
|
+
/// This is equivalent to `gap: 0;`.
|
|
186
|
+
/// @example gap: 0;
|
|
187
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-{0-30}
|
|
188
|
+
/// @group gap-responsive
|
|
189
|
+
/// @contextType css
|
|
190
|
+
|
|
191
|
+
/// This is equivalent to `gap: 1px;`.
|
|
192
|
+
/// @example gap: 1px;
|
|
193
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-1px
|
|
194
|
+
/// @group gap-responsive
|
|
195
|
+
/// @contextType css
|
|
196
|
+
|
|
197
|
+
/// This is equivalent to `gap: 0.125rem;`.
|
|
198
|
+
/// @example gap: 0.25rem;
|
|
199
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-0\.5
|
|
200
|
+
/// @group gap-responsive
|
|
201
|
+
/// @contextType css
|
|
202
|
+
|
|
203
|
+
/// This is equivalent to `gap: 0.25rem;`.
|
|
204
|
+
/// @example gap: 0.25rem;
|
|
205
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-xs
|
|
206
|
+
/// @group gap-responsive
|
|
207
|
+
/// @contextType css
|
|
208
|
+
|
|
209
|
+
/// This is equivalent to `gap: 0.5rem;`.
|
|
210
|
+
/// @example gap: 0.5rem;
|
|
211
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-sm
|
|
212
|
+
/// @group gap-responsive
|
|
213
|
+
/// @contextType css
|
|
214
|
+
|
|
215
|
+
/// This is equivalent to `gap: 0.75rem;`.
|
|
216
|
+
/// @example gap: 0.75rem;
|
|
217
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-md
|
|
218
|
+
/// @group gap-responsive
|
|
219
|
+
/// @contextType css
|
|
220
|
+
|
|
221
|
+
/// This is equivalent to `gap: 1rem;`.
|
|
222
|
+
/// @example gap: 1rem;
|
|
223
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-lg
|
|
224
|
+
/// @group gap-responsive
|
|
225
|
+
/// @contextType css
|
|
226
|
+
|
|
227
|
+
/// This is equivalent to `gap: 1.5rem;`.
|
|
228
|
+
/// @example gap: 1.5rem;
|
|
229
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-xl
|
|
230
|
+
/// @group gap-responsive
|
|
231
|
+
/// @contextType css
|
|
232
|
+
|
|
233
|
+
/// This is equivalent to `gap: 0.125rem;`.
|
|
234
|
+
/// @example gap: 0.125rem;
|
|
235
|
+
/// @name .k-gap-{xs|sm|md|lg|xl|xxl}-thin
|
|
236
|
+
/// @group gap-responsive
|
|
237
|
+
/// @contextType css
|
|
238
|
+
|
|
239
|
+
/// This is equivalent to `gap: 1px;`.
|
|
240
|
+
/// @example gap: 1px;
|
|
241
|
+
/// @name .k-gap-hair-{xs|sm|md|lg|xl|xxl}
|
|
242
|
+
/// @group gap-responsive
|
|
243
|
+
/// @contextType css
|
|
244
|
+
|
|
245
|
+
/// This is equivalent to `column-gap: 0;`.
|
|
246
|
+
/// @example column-gap: 0;
|
|
247
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-{0-30}
|
|
248
|
+
/// @group gap-responsive
|
|
249
|
+
/// @contextType css
|
|
250
|
+
|
|
251
|
+
/// This is equivalent to `column-gap: 1px;`.
|
|
252
|
+
/// @example column-gap: 1px;
|
|
253
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-1px
|
|
254
|
+
/// @group gap-responsive
|
|
255
|
+
/// @contextType css
|
|
256
|
+
|
|
257
|
+
/// This is equivalent to `column-gap: 0.125rem;`.
|
|
258
|
+
/// @example column-gap: 0.125rem;
|
|
259
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-0\.5
|
|
260
|
+
/// @group gap-responsive
|
|
261
|
+
/// @contextType css
|
|
262
|
+
|
|
263
|
+
/// This is equivalent to `column-gap: 0.25rem;`.
|
|
264
|
+
/// @example column-gap: 0.25rem;
|
|
265
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-xs
|
|
266
|
+
/// @group gap-responsive
|
|
267
|
+
/// @contextType css
|
|
268
|
+
|
|
269
|
+
/// This is equivalent to `column-gap: 0.5rem;`.
|
|
270
|
+
/// @example column-gap: 0.5rem;
|
|
271
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-sm
|
|
272
|
+
/// @group gap-responsive
|
|
273
|
+
/// @contextType css
|
|
274
|
+
|
|
275
|
+
/// This is equivalent to `column-gap: 0.75rem;`.
|
|
276
|
+
/// @example column-gap: 0.75rem;
|
|
277
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-md
|
|
278
|
+
/// @group gap-responsive
|
|
279
|
+
/// @contextType css
|
|
280
|
+
|
|
281
|
+
/// This is equivalent to `column-gap: 1rem;`.
|
|
282
|
+
/// @example column-gap: 1rem;
|
|
283
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-lg
|
|
284
|
+
/// @group gap-responsive
|
|
285
|
+
/// @contextType css
|
|
286
|
+
|
|
287
|
+
/// This is equivalent to `column-gap: 1.5rem;`.
|
|
288
|
+
/// @example column-gap: 1.5rem;
|
|
289
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-xl
|
|
290
|
+
/// @group gap-responsive
|
|
291
|
+
/// @contextType css
|
|
292
|
+
|
|
293
|
+
/// This is equivalent to `column-gap: 0.125rem;`.
|
|
294
|
+
/// @example column-gap: 0.125rem;
|
|
295
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-thin
|
|
296
|
+
/// @group gap-responsive
|
|
297
|
+
/// @contextType css
|
|
298
|
+
|
|
299
|
+
/// This is equivalent to `column-gap: 1px;`.
|
|
300
|
+
/// @example column-gap: 1px;
|
|
301
|
+
/// @name .k-gap-x-{xs|sm|md|lg|xl|xxl}-hair
|
|
302
|
+
/// @group gap-responsive
|
|
303
|
+
/// @contextType css
|
|
304
|
+
|
|
305
|
+
/// This is equivalent to `row-gap: 0;`.
|
|
306
|
+
/// @example row-gap: 0;
|
|
307
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-{0-30}
|
|
308
|
+
/// @group gap-responsive
|
|
309
|
+
/// @contextType css
|
|
310
|
+
|
|
311
|
+
/// This is equivalent to `row-gap: 1px;`.
|
|
312
|
+
/// @example row-gap: 1px;
|
|
313
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-1px
|
|
314
|
+
/// @group gap-responsive
|
|
315
|
+
/// @contextType css
|
|
316
|
+
|
|
317
|
+
/// This is equivalent to `row-gap: 0.125rem;`.
|
|
318
|
+
/// @example row-gap: 0.125rem;
|
|
319
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-0\.5
|
|
320
|
+
/// @group gap-responsive
|
|
321
|
+
/// @contextType css
|
|
322
|
+
|
|
323
|
+
/// This is equivalent to `row-gap: 0.25rem;`.
|
|
324
|
+
/// @example row-gap: 0.25rem;
|
|
325
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-xs
|
|
326
|
+
/// @group gap-responsive
|
|
327
|
+
/// @contextType css
|
|
328
|
+
|
|
329
|
+
/// This is equivalent to `row-gap: 0.5rem;`.
|
|
330
|
+
/// @example row-gap: 0.5rem;
|
|
331
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-sm
|
|
332
|
+
/// @group gap-responsive
|
|
333
|
+
/// @contextType css
|
|
334
|
+
|
|
335
|
+
/// This is equivalent to `row-gap: 0.75rem;`.
|
|
336
|
+
/// @example row-gap: 0.75rem;
|
|
337
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-md
|
|
338
|
+
/// @group gap-responsive
|
|
339
|
+
/// @contextType css
|
|
340
|
+
|
|
341
|
+
/// This is equivalent to `row-gap: 1rem;`.
|
|
342
|
+
/// @example row-gap: 1rem;
|
|
343
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-lg
|
|
344
|
+
/// @group gap-responsive
|
|
345
|
+
/// @contextType css
|
|
346
|
+
|
|
347
|
+
/// This is equivalent to `row-gap: 1.5rem;`.
|
|
348
|
+
/// @example row-gap: 1.5rem;
|
|
349
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-xl
|
|
350
|
+
/// @group gap-responsive
|
|
351
|
+
/// @contextType css
|
|
352
|
+
|
|
353
|
+
/// This is equivalent to `row-gap: 0.125rem;`.
|
|
354
|
+
/// @example row-gap: 0.125rem;
|
|
355
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-thin
|
|
356
|
+
/// @group gap-responsive
|
|
357
|
+
/// @contextType css
|
|
358
|
+
|
|
359
|
+
/// This is equivalent to `row-gap: 1px;`.
|
|
360
|
+
/// @example row-gap: 1px;
|
|
361
|
+
/// @name .k-gap-y-{xs|sm|md|lg|xl|xxl}-hair
|
|
362
|
+
/// @group gap-responsive
|
|
363
|
+
/// @contextType css
|
|
364
|
+
|
|
181
365
|
@use "sass:map";
|
|
182
366
|
@use "../_globals.scss" as *;
|
|
183
367
|
|