@progress/kendo-theme-core 6.8.0-dev.1 → 7.0.0-dev.0
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/all.scss +77 -22
- package/dist/meta/sassdoc-data.json +6 -222
- package/dist/meta/sassdoc-raw-data.json +6 -106
- package/dist/meta/variables.json +5 -17
- package/package.json +2 -2
- package/scss/color-system/_variables.scss +0 -20
- package/scss/elevation/index.import.scss +64 -0
- package/scss/functions/_map.import.scss +2 -2
- package/scss/index.import.scss +1 -0
- package/scss/module-system/_components.scss +1 -0
- package/scss/module-system/_dependencies.scss +5 -0
package/dist/all.scss
CHANGED
|
@@ -1236,7 +1236,7 @@ $_kendo-escape-class-name: (
|
|
|
1236
1236
|
/// @debug k-map-deep-merge( ( "foo": ("bar": "baz", "baz": "qux" ) ), ( "foo": ("bar": "foo") ) ); // => ( "foo": ("bar": "foo", "baz": "qux" ))
|
|
1237
1237
|
@function k-map-deep-merge($maps...) {
|
|
1238
1238
|
$merged: ();
|
|
1239
|
-
|
|
1239
|
+
|
|
1240
1240
|
@each $map in $maps {
|
|
1241
1241
|
@each $key, $val in $map {
|
|
1242
1242
|
@if (k-meta-type-of($val) == 'map') {
|
|
@@ -1254,7 +1254,7 @@ $_kendo-escape-class-name: (
|
|
|
1254
1254
|
}
|
|
1255
1255
|
$merged: k-map-merge($merged, $map);
|
|
1256
1256
|
}
|
|
1257
|
-
|
|
1257
|
+
|
|
1258
1258
|
@return $merged;
|
|
1259
1259
|
}
|
|
1260
1260
|
|
|
@@ -2944,21 +2944,6 @@ $kendo-focus-outline: k-get-theme-color-var( neutral-130 ) !default;
|
|
|
2944
2944
|
|
|
2945
2945
|
$kendo-subtle-text: k-get-theme-color-var( neutral-130 ) !default;
|
|
2946
2946
|
|
|
2947
|
-
// Shadows
|
|
2948
|
-
|
|
2949
|
-
/// Shadow for cards and grid item thumbnails.
|
|
2950
|
-
/// Equivalent to fluent depth 4.
|
|
2951
|
-
$kendo-box-shadow-depth-1: 0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 ) !default;
|
|
2952
|
-
/// Shadow for command bars and dropdowns.
|
|
2953
|
-
/// Equivalent to fluent depth 8.
|
|
2954
|
-
$kendo-box-shadow-depth-2: 0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 ) !default;
|
|
2955
|
-
/// Shadow for teaching callouts and hover cards / tooltips.
|
|
2956
|
-
/// Equivalent to fluent depth 16.
|
|
2957
|
-
$kendo-box-shadow-depth-3: 0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 ) !default;
|
|
2958
|
-
/// Shadow for panels and pop up dialogs.
|
|
2959
|
-
/// Equivalent to fluent depth 64.
|
|
2960
|
-
$kendo-box-shadow-depth-4: 0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 ) !default;
|
|
2961
|
-
|
|
2962
2947
|
// Link
|
|
2963
2948
|
$kendo-link-text: k-get-theme-color-var( primary-100 ) !default;
|
|
2964
2949
|
$kendo-link-hover-text: k-get-theme-color-var( primary-120 ) !default;
|
|
@@ -3021,11 +3006,6 @@ $kendo-theme-colors: (
|
|
|
3021
3006
|
--kendo-component-text: #{$kendo-component-text};
|
|
3022
3007
|
--kendo-component-border: #{$kendo-component-border};
|
|
3023
3008
|
|
|
3024
|
-
--kendo-box-shadow-depth-1: #{$kendo-box-shadow-depth-1};
|
|
3025
|
-
--kendo-box-shadow-depth-2: #{$kendo-box-shadow-depth-2};
|
|
3026
|
-
--kendo-box-shadow-depth-3: #{$kendo-box-shadow-depth-3};
|
|
3027
|
-
--kendo-box-shadow-depth-4: #{$kendo-box-shadow-depth-4};
|
|
3028
|
-
|
|
3029
3009
|
--kendo-link-text: #{$kendo-link-text};
|
|
3030
3010
|
--kendo-link-hover-text: #{$kendo-link-hover-text};
|
|
3031
3011
|
|
|
@@ -3451,6 +3431,7 @@ $kendo-components: (
|
|
|
3451
3431
|
"panelbar",
|
|
3452
3432
|
"splitter",
|
|
3453
3433
|
"tile-layout",
|
|
3434
|
+
"dock-manager",
|
|
3454
3435
|
|
|
3455
3436
|
// Data management
|
|
3456
3437
|
"grid",
|
|
@@ -3623,6 +3604,11 @@ $_kendo-dependencies: (
|
|
|
3623
3604
|
"treeview"
|
|
3624
3605
|
),
|
|
3625
3606
|
dropzone: (),
|
|
3607
|
+
dock-manager: (
|
|
3608
|
+
"splitter",
|
|
3609
|
+
"toolbar",
|
|
3610
|
+
"tabstrip"
|
|
3611
|
+
),
|
|
3626
3612
|
editor: (
|
|
3627
3613
|
"button",
|
|
3628
3614
|
"checkbox",
|
|
@@ -4476,6 +4462,75 @@ $_imported: () !default;
|
|
|
4476
4462
|
@include kendo-core--styles--selection();
|
|
4477
4463
|
}
|
|
4478
4464
|
|
|
4465
|
+
// #endregion
|
|
4466
|
+
// #region @import "./elevation/index.import.scss"; -> scss/elevation/index.import.scss
|
|
4467
|
+
// #region @import "../functions/index.import.scss"; -> scss/functions/index.import.scss
|
|
4468
|
+
// File already imported_once. Skipping output.
|
|
4469
|
+
// #endregion
|
|
4470
|
+
|
|
4471
|
+
$_default-elevation: (
|
|
4472
|
+
1: (
|
|
4473
|
+
0 2px 3px rgba(0, 0, 0, .04),
|
|
4474
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4475
|
+
),
|
|
4476
|
+
2: (
|
|
4477
|
+
0 4px 6px rgba(0, 0, 0, .06),
|
|
4478
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4479
|
+
),
|
|
4480
|
+
3: (
|
|
4481
|
+
0 6px 8px rgba(0, 0, 0, .08),
|
|
4482
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4483
|
+
),
|
|
4484
|
+
4: (
|
|
4485
|
+
0 8px 10px rgba(0, 0, 0, .12),
|
|
4486
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4487
|
+
),
|
|
4488
|
+
5: (
|
|
4489
|
+
0 10px 12px rgba(0, 0, 0, .16),
|
|
4490
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4491
|
+
),
|
|
4492
|
+
6: (
|
|
4493
|
+
0 12px 14px rgba(0, 0, 0, .2),
|
|
4494
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4495
|
+
),
|
|
4496
|
+
7: (
|
|
4497
|
+
0 14px 16px rgba(0, 0, 0, .24),
|
|
4498
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4499
|
+
),
|
|
4500
|
+
8: (
|
|
4501
|
+
0 16px 18px rgba(0, 0, 0, .28),
|
|
4502
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4503
|
+
),
|
|
4504
|
+
9: (
|
|
4505
|
+
0 32px 34px rgba(0, 0, 0, .32),
|
|
4506
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
4507
|
+
)
|
|
4508
|
+
) !default;
|
|
4509
|
+
|
|
4510
|
+
$kendo-elevation: $_default-elevation !default;
|
|
4511
|
+
$kendo-elevation: k-map-merge($_default-elevation, $kendo-elevation);
|
|
4512
|
+
|
|
4513
|
+
@function k-shadow-filter($shadow) {
|
|
4514
|
+
$result: '';
|
|
4515
|
+
@each $value in $shadow {
|
|
4516
|
+
$result: $result + "drop-shadow(" + $value + ") ";
|
|
4517
|
+
}
|
|
4518
|
+
@return #{$result};
|
|
4519
|
+
}
|
|
4520
|
+
|
|
4521
|
+
@function k-elevation($level) {
|
|
4522
|
+
@return var(--kendo-elevation-#{$level}, k-map-get($kendo-elevation, $level));
|
|
4523
|
+
}
|
|
4524
|
+
|
|
4525
|
+
|
|
4526
|
+
@mixin kendo-elevation--styles() {
|
|
4527
|
+
:root {
|
|
4528
|
+
@each $level, $shadow in $kendo-elevation {
|
|
4529
|
+
--kendo-elevation-#{$level}: #{$shadow};
|
|
4530
|
+
}
|
|
4531
|
+
}
|
|
4532
|
+
}
|
|
4533
|
+
|
|
4479
4534
|
// #endregion
|
|
4480
4535
|
// #region @import "./_variables.scss"; -> scss/_variables.scss
|
|
4481
4536
|
// #region @import "./functions/index.import.scss"; -> scss/functions/index.import.scss
|
|
@@ -344,114 +344,6 @@
|
|
|
344
344
|
},
|
|
345
345
|
"resolvedValue": "0.125rem",
|
|
346
346
|
"resolvedType": "Number"
|
|
347
|
-
},
|
|
348
|
-
{
|
|
349
|
-
"description": "Shadow for cards and grid item thumbnails.\nEquivalent to fluent depth 4.\n",
|
|
350
|
-
"commentRange": {
|
|
351
|
-
"start": 80,
|
|
352
|
-
"end": 81
|
|
353
|
-
},
|
|
354
|
-
"context": {
|
|
355
|
-
"type": "variable",
|
|
356
|
-
"name": "kendo-box-shadow-depth-1",
|
|
357
|
-
"value": "0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 )",
|
|
358
|
-
"scope": "default",
|
|
359
|
-
"line": {
|
|
360
|
-
"start": 82,
|
|
361
|
-
"end": 82
|
|
362
|
-
}
|
|
363
|
-
},
|
|
364
|
-
"access": "public",
|
|
365
|
-
"group": [
|
|
366
|
-
"undefined"
|
|
367
|
-
],
|
|
368
|
-
"file": {
|
|
369
|
-
"path": "color-system/_variables.scss",
|
|
370
|
-
"name": "_variables.scss"
|
|
371
|
-
},
|
|
372
|
-
"resolvedValue": "0 1.6px 3.6px rgba(0, 0, 0, 0.132), 0 0.3px 0.9px rgba(0, 0, 0, 0.108)",
|
|
373
|
-
"resolvedType": "List"
|
|
374
|
-
},
|
|
375
|
-
{
|
|
376
|
-
"description": "Shadow for command bars and dropdowns.\nEquivalent to fluent depth 8.\n",
|
|
377
|
-
"commentRange": {
|
|
378
|
-
"start": 83,
|
|
379
|
-
"end": 84
|
|
380
|
-
},
|
|
381
|
-
"context": {
|
|
382
|
-
"type": "variable",
|
|
383
|
-
"name": "kendo-box-shadow-depth-2",
|
|
384
|
-
"value": "0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 )",
|
|
385
|
-
"scope": "default",
|
|
386
|
-
"line": {
|
|
387
|
-
"start": 85,
|
|
388
|
-
"end": 85
|
|
389
|
-
}
|
|
390
|
-
},
|
|
391
|
-
"access": "public",
|
|
392
|
-
"group": [
|
|
393
|
-
"undefined"
|
|
394
|
-
],
|
|
395
|
-
"file": {
|
|
396
|
-
"path": "color-system/_variables.scss",
|
|
397
|
-
"name": "_variables.scss"
|
|
398
|
-
},
|
|
399
|
-
"resolvedValue": "0 3.2px 7.2px rgba(0, 0, 0, 0.132), 0 0.6px 1.8px rgba(0, 0, 0, 0.108)",
|
|
400
|
-
"resolvedType": "List"
|
|
401
|
-
},
|
|
402
|
-
{
|
|
403
|
-
"description": "Shadow for teaching callouts and hover cards / tooltips.\nEquivalent to fluent depth 16.\n",
|
|
404
|
-
"commentRange": {
|
|
405
|
-
"start": 86,
|
|
406
|
-
"end": 87
|
|
407
|
-
},
|
|
408
|
-
"context": {
|
|
409
|
-
"type": "variable",
|
|
410
|
-
"name": "kendo-box-shadow-depth-3",
|
|
411
|
-
"value": "0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 )",
|
|
412
|
-
"scope": "default",
|
|
413
|
-
"line": {
|
|
414
|
-
"start": 88,
|
|
415
|
-
"end": 88
|
|
416
|
-
}
|
|
417
|
-
},
|
|
418
|
-
"access": "public",
|
|
419
|
-
"group": [
|
|
420
|
-
"undefined"
|
|
421
|
-
],
|
|
422
|
-
"file": {
|
|
423
|
-
"path": "color-system/_variables.scss",
|
|
424
|
-
"name": "_variables.scss"
|
|
425
|
-
},
|
|
426
|
-
"resolvedValue": "0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108)",
|
|
427
|
-
"resolvedType": "List"
|
|
428
|
-
},
|
|
429
|
-
{
|
|
430
|
-
"description": "Shadow for panels and pop up dialogs.\nEquivalent to fluent depth 64.\n",
|
|
431
|
-
"commentRange": {
|
|
432
|
-
"start": 89,
|
|
433
|
-
"end": 90
|
|
434
|
-
},
|
|
435
|
-
"context": {
|
|
436
|
-
"type": "variable",
|
|
437
|
-
"name": "kendo-box-shadow-depth-4",
|
|
438
|
-
"value": "0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 )",
|
|
439
|
-
"scope": "default",
|
|
440
|
-
"line": {
|
|
441
|
-
"start": 91,
|
|
442
|
-
"end": 91
|
|
443
|
-
}
|
|
444
|
-
},
|
|
445
|
-
"access": "public",
|
|
446
|
-
"group": [
|
|
447
|
-
"undefined"
|
|
448
|
-
],
|
|
449
|
-
"file": {
|
|
450
|
-
"path": "color-system/_variables.scss",
|
|
451
|
-
"name": "_variables.scss"
|
|
452
|
-
},
|
|
453
|
-
"resolvedValue": "0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18)",
|
|
454
|
-
"resolvedType": "List"
|
|
455
347
|
}
|
|
456
348
|
],
|
|
457
349
|
"mixins": [
|
|
@@ -3050,7 +2942,7 @@
|
|
|
3050
2942
|
"context": {
|
|
3051
2943
|
"type": "function",
|
|
3052
2944
|
"name": "k-map-deep-merge",
|
|
3053
|
-
"code": "\n $merged: ();\n
|
|
2945
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3054
2946
|
"line": {
|
|
3055
2947
|
"start": 56,
|
|
3056
2948
|
"end": 78
|
|
@@ -3221,7 +3113,7 @@
|
|
|
3221
3113
|
"context": {
|
|
3222
3114
|
"type": "function",
|
|
3223
3115
|
"name": "k-map-deep-merge",
|
|
3224
|
-
"code": "\n $merged: ();\n
|
|
3116
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3225
3117
|
"line": {
|
|
3226
3118
|
"start": 56,
|
|
3227
3119
|
"end": 78
|
|
@@ -3234,7 +3126,7 @@
|
|
|
3234
3126
|
"context": {
|
|
3235
3127
|
"type": "function",
|
|
3236
3128
|
"name": "k-map-deep-merge",
|
|
3237
|
-
"code": "\n $merged: ();\n
|
|
3129
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3238
3130
|
"line": {
|
|
3239
3131
|
"start": 56,
|
|
3240
3132
|
"end": 78
|
|
@@ -3297,7 +3189,7 @@
|
|
|
3297
3189
|
"context": {
|
|
3298
3190
|
"type": "function",
|
|
3299
3191
|
"name": "k-map-deep-merge",
|
|
3300
|
-
"code": "\n $merged: ();\n
|
|
3192
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3301
3193
|
"line": {
|
|
3302
3194
|
"start": 56,
|
|
3303
3195
|
"end": 78
|
|
@@ -4953,7 +4845,7 @@
|
|
|
4953
4845
|
"context": {
|
|
4954
4846
|
"type": "function",
|
|
4955
4847
|
"name": "k-map-deep-merge",
|
|
4956
|
-
"code": "\n $merged: ();\n
|
|
4848
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
4957
4849
|
"line": {
|
|
4958
4850
|
"start": 56,
|
|
4959
4851
|
"end": 78
|
|
@@ -4966,7 +4858,7 @@
|
|
|
4966
4858
|
"context": {
|
|
4967
4859
|
"type": "function",
|
|
4968
4860
|
"name": "k-map-deep-merge",
|
|
4969
|
-
"code": "\n $merged: ();\n
|
|
4861
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
4970
4862
|
"line": {
|
|
4971
4863
|
"start": 56,
|
|
4972
4864
|
"end": 78
|
|
@@ -6891,114 +6783,6 @@
|
|
|
6891
6783
|
},
|
|
6892
6784
|
"resolvedValue": "0.125rem",
|
|
6893
6785
|
"resolvedType": "Number"
|
|
6894
|
-
},
|
|
6895
|
-
{
|
|
6896
|
-
"description": "Shadow for cards and grid item thumbnails.\nEquivalent to fluent depth 4.\n",
|
|
6897
|
-
"commentRange": {
|
|
6898
|
-
"start": 80,
|
|
6899
|
-
"end": 81
|
|
6900
|
-
},
|
|
6901
|
-
"context": {
|
|
6902
|
-
"type": "variable",
|
|
6903
|
-
"name": "kendo-box-shadow-depth-1",
|
|
6904
|
-
"value": "0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 )",
|
|
6905
|
-
"scope": "default",
|
|
6906
|
-
"line": {
|
|
6907
|
-
"start": 82,
|
|
6908
|
-
"end": 82
|
|
6909
|
-
}
|
|
6910
|
-
},
|
|
6911
|
-
"access": "public",
|
|
6912
|
-
"group": [
|
|
6913
|
-
"undefined"
|
|
6914
|
-
],
|
|
6915
|
-
"file": {
|
|
6916
|
-
"path": "color-system/_variables.scss",
|
|
6917
|
-
"name": "_variables.scss"
|
|
6918
|
-
},
|
|
6919
|
-
"resolvedValue": "0 1.6px 3.6px rgba(0, 0, 0, 0.132), 0 0.3px 0.9px rgba(0, 0, 0, 0.108)",
|
|
6920
|
-
"resolvedType": "List"
|
|
6921
|
-
},
|
|
6922
|
-
{
|
|
6923
|
-
"description": "Shadow for command bars and dropdowns.\nEquivalent to fluent depth 8.\n",
|
|
6924
|
-
"commentRange": {
|
|
6925
|
-
"start": 83,
|
|
6926
|
-
"end": 84
|
|
6927
|
-
},
|
|
6928
|
-
"context": {
|
|
6929
|
-
"type": "variable",
|
|
6930
|
-
"name": "kendo-box-shadow-depth-2",
|
|
6931
|
-
"value": "0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 )",
|
|
6932
|
-
"scope": "default",
|
|
6933
|
-
"line": {
|
|
6934
|
-
"start": 85,
|
|
6935
|
-
"end": 85
|
|
6936
|
-
}
|
|
6937
|
-
},
|
|
6938
|
-
"access": "public",
|
|
6939
|
-
"group": [
|
|
6940
|
-
"undefined"
|
|
6941
|
-
],
|
|
6942
|
-
"file": {
|
|
6943
|
-
"path": "color-system/_variables.scss",
|
|
6944
|
-
"name": "_variables.scss"
|
|
6945
|
-
},
|
|
6946
|
-
"resolvedValue": "0 3.2px 7.2px rgba(0, 0, 0, 0.132), 0 0.6px 1.8px rgba(0, 0, 0, 0.108)",
|
|
6947
|
-
"resolvedType": "List"
|
|
6948
|
-
},
|
|
6949
|
-
{
|
|
6950
|
-
"description": "Shadow for teaching callouts and hover cards / tooltips.\nEquivalent to fluent depth 16.\n",
|
|
6951
|
-
"commentRange": {
|
|
6952
|
-
"start": 86,
|
|
6953
|
-
"end": 87
|
|
6954
|
-
},
|
|
6955
|
-
"context": {
|
|
6956
|
-
"type": "variable",
|
|
6957
|
-
"name": "kendo-box-shadow-depth-3",
|
|
6958
|
-
"value": "0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 )",
|
|
6959
|
-
"scope": "default",
|
|
6960
|
-
"line": {
|
|
6961
|
-
"start": 88,
|
|
6962
|
-
"end": 88
|
|
6963
|
-
}
|
|
6964
|
-
},
|
|
6965
|
-
"access": "public",
|
|
6966
|
-
"group": [
|
|
6967
|
-
"undefined"
|
|
6968
|
-
],
|
|
6969
|
-
"file": {
|
|
6970
|
-
"path": "color-system/_variables.scss",
|
|
6971
|
-
"name": "_variables.scss"
|
|
6972
|
-
},
|
|
6973
|
-
"resolvedValue": "0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108)",
|
|
6974
|
-
"resolvedType": "List"
|
|
6975
|
-
},
|
|
6976
|
-
{
|
|
6977
|
-
"description": "Shadow for panels and pop up dialogs.\nEquivalent to fluent depth 64.\n",
|
|
6978
|
-
"commentRange": {
|
|
6979
|
-
"start": 89,
|
|
6980
|
-
"end": 90
|
|
6981
|
-
},
|
|
6982
|
-
"context": {
|
|
6983
|
-
"type": "variable",
|
|
6984
|
-
"name": "kendo-box-shadow-depth-4",
|
|
6985
|
-
"value": "0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 )",
|
|
6986
|
-
"scope": "default",
|
|
6987
|
-
"line": {
|
|
6988
|
-
"start": 91,
|
|
6989
|
-
"end": 91
|
|
6990
|
-
}
|
|
6991
|
-
},
|
|
6992
|
-
"access": "public",
|
|
6993
|
-
"group": [
|
|
6994
|
-
"undefined"
|
|
6995
|
-
],
|
|
6996
|
-
"file": {
|
|
6997
|
-
"path": "color-system/_variables.scss",
|
|
6998
|
-
"name": "_variables.scss"
|
|
6999
|
-
},
|
|
7000
|
-
"resolvedValue": "0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18)",
|
|
7001
|
-
"resolvedType": "List"
|
|
7002
6786
|
}
|
|
7003
6787
|
]
|
|
7004
6788
|
},
|
|
@@ -1459,106 +1459,6 @@
|
|
|
1459
1459
|
"name": "_variables.scss"
|
|
1460
1460
|
}
|
|
1461
1461
|
},
|
|
1462
|
-
{
|
|
1463
|
-
"description": "Shadow for cards and grid item thumbnails.\nEquivalent to fluent depth 4.\n",
|
|
1464
|
-
"commentRange": {
|
|
1465
|
-
"start": 80,
|
|
1466
|
-
"end": 81
|
|
1467
|
-
},
|
|
1468
|
-
"context": {
|
|
1469
|
-
"type": "variable",
|
|
1470
|
-
"name": "kendo-box-shadow-depth-1",
|
|
1471
|
-
"value": "0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 )",
|
|
1472
|
-
"scope": "default",
|
|
1473
|
-
"line": {
|
|
1474
|
-
"start": 82,
|
|
1475
|
-
"end": 82
|
|
1476
|
-
}
|
|
1477
|
-
},
|
|
1478
|
-
"access": "public",
|
|
1479
|
-
"group": [
|
|
1480
|
-
"undefined"
|
|
1481
|
-
],
|
|
1482
|
-
"file": {
|
|
1483
|
-
"path": "color-system/_variables.scss",
|
|
1484
|
-
"name": "_variables.scss"
|
|
1485
|
-
}
|
|
1486
|
-
},
|
|
1487
|
-
{
|
|
1488
|
-
"description": "Shadow for command bars and dropdowns.\nEquivalent to fluent depth 8.\n",
|
|
1489
|
-
"commentRange": {
|
|
1490
|
-
"start": 83,
|
|
1491
|
-
"end": 84
|
|
1492
|
-
},
|
|
1493
|
-
"context": {
|
|
1494
|
-
"type": "variable",
|
|
1495
|
-
"name": "kendo-box-shadow-depth-2",
|
|
1496
|
-
"value": "0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 )",
|
|
1497
|
-
"scope": "default",
|
|
1498
|
-
"line": {
|
|
1499
|
-
"start": 85,
|
|
1500
|
-
"end": 85
|
|
1501
|
-
}
|
|
1502
|
-
},
|
|
1503
|
-
"access": "public",
|
|
1504
|
-
"group": [
|
|
1505
|
-
"undefined"
|
|
1506
|
-
],
|
|
1507
|
-
"file": {
|
|
1508
|
-
"path": "color-system/_variables.scss",
|
|
1509
|
-
"name": "_variables.scss"
|
|
1510
|
-
}
|
|
1511
|
-
},
|
|
1512
|
-
{
|
|
1513
|
-
"description": "Shadow for teaching callouts and hover cards / tooltips.\nEquivalent to fluent depth 16.\n",
|
|
1514
|
-
"commentRange": {
|
|
1515
|
-
"start": 86,
|
|
1516
|
-
"end": 87
|
|
1517
|
-
},
|
|
1518
|
-
"context": {
|
|
1519
|
-
"type": "variable",
|
|
1520
|
-
"name": "kendo-box-shadow-depth-3",
|
|
1521
|
-
"value": "0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 )",
|
|
1522
|
-
"scope": "default",
|
|
1523
|
-
"line": {
|
|
1524
|
-
"start": 88,
|
|
1525
|
-
"end": 88
|
|
1526
|
-
}
|
|
1527
|
-
},
|
|
1528
|
-
"access": "public",
|
|
1529
|
-
"group": [
|
|
1530
|
-
"undefined"
|
|
1531
|
-
],
|
|
1532
|
-
"file": {
|
|
1533
|
-
"path": "color-system/_variables.scss",
|
|
1534
|
-
"name": "_variables.scss"
|
|
1535
|
-
}
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"description": "Shadow for panels and pop up dialogs.\nEquivalent to fluent depth 64.\n",
|
|
1539
|
-
"commentRange": {
|
|
1540
|
-
"start": 89,
|
|
1541
|
-
"end": 90
|
|
1542
|
-
},
|
|
1543
|
-
"context": {
|
|
1544
|
-
"type": "variable",
|
|
1545
|
-
"name": "kendo-box-shadow-depth-4",
|
|
1546
|
-
"value": "0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 )",
|
|
1547
|
-
"scope": "default",
|
|
1548
|
-
"line": {
|
|
1549
|
-
"start": 91,
|
|
1550
|
-
"end": 91
|
|
1551
|
-
}
|
|
1552
|
-
},
|
|
1553
|
-
"access": "public",
|
|
1554
|
-
"group": [
|
|
1555
|
-
"undefined"
|
|
1556
|
-
],
|
|
1557
|
-
"file": {
|
|
1558
|
-
"path": "color-system/_variables.scss",
|
|
1559
|
-
"name": "_variables.scss"
|
|
1560
|
-
}
|
|
1561
|
-
},
|
|
1562
1462
|
{
|
|
1563
1463
|
"description": "Returns the alpha channel of a color.\n",
|
|
1564
1464
|
"commentRange": {
|
|
@@ -3275,7 +3175,7 @@
|
|
|
3275
3175
|
"context": {
|
|
3276
3176
|
"type": "function",
|
|
3277
3177
|
"name": "k-map-deep-merge",
|
|
3278
|
-
"code": "\n $merged: ();\n
|
|
3178
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3279
3179
|
"line": {
|
|
3280
3180
|
"start": 56,
|
|
3281
3181
|
"end": 78
|
|
@@ -3442,7 +3342,7 @@
|
|
|
3442
3342
|
"context": {
|
|
3443
3343
|
"type": "function",
|
|
3444
3344
|
"name": "k-map-deep-merge",
|
|
3445
|
-
"code": "\n $merged: ();\n
|
|
3345
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3446
3346
|
"line": {
|
|
3447
3347
|
"start": 56,
|
|
3448
3348
|
"end": 78
|
|
@@ -3454,7 +3354,7 @@
|
|
|
3454
3354
|
"context": {
|
|
3455
3355
|
"type": "function",
|
|
3456
3356
|
"name": "k-map-deep-merge",
|
|
3457
|
-
"code": "\n $merged: ();\n
|
|
3357
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3458
3358
|
"line": {
|
|
3459
3359
|
"start": 56,
|
|
3460
3360
|
"end": 78
|
|
@@ -3496,7 +3396,7 @@
|
|
|
3496
3396
|
"context": {
|
|
3497
3397
|
"type": "function",
|
|
3498
3398
|
"name": "k-map-deep-merge",
|
|
3499
|
-
"code": "\n $merged: ();\n
|
|
3399
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
3500
3400
|
"line": {
|
|
3501
3401
|
"start": 56,
|
|
3502
3402
|
"end": 78
|
|
@@ -5118,7 +5018,7 @@
|
|
|
5118
5018
|
"context": {
|
|
5119
5019
|
"type": "function",
|
|
5120
5020
|
"name": "k-map-deep-merge",
|
|
5121
|
-
"code": "\n $merged: ();\n
|
|
5021
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
5122
5022
|
"line": {
|
|
5123
5023
|
"start": 56,
|
|
5124
5024
|
"end": 78
|
|
@@ -5130,7 +5030,7 @@
|
|
|
5130
5030
|
"context": {
|
|
5131
5031
|
"type": "function",
|
|
5132
5032
|
"name": "k-map-deep-merge",
|
|
5133
|
-
"code": "\n $merged: ();\n
|
|
5033
|
+
"code": "\n $merged: ();\n\n @each $map in $maps {\n @each $key, $val in $map {\n @if (k-meta-type-of($val) == 'map') {\n $current: k-map-get($merged, $key);\n @if (k-meta-type-of($current) == 'map') {\n $val: k-map-deep-merge($current, $val);\n $map: k-map-merge(\n $map,\n (\n $key: $val\n )\n );\n }\n }\n }\n $merged: k-map-merge($merged, $map);\n }\n\n @return $merged;\n ",
|
|
5134
5034
|
"line": {
|
|
5135
5035
|
"start": 56,
|
|
5136
5036
|
"end": 78
|
package/dist/meta/variables.json
CHANGED
|
@@ -127,22 +127,6 @@
|
|
|
127
127
|
"type": "String",
|
|
128
128
|
"value": "var(--kendo-neutral-130, inherit)"
|
|
129
129
|
},
|
|
130
|
-
"kendo-box-shadow-depth-1": {
|
|
131
|
-
"type": "List",
|
|
132
|
-
"value": "0 1.6px 3.6px rgba(0, 0, 0, 0.132), 0 0.3px 0.9px rgba(0, 0, 0, 0.108)"
|
|
133
|
-
},
|
|
134
|
-
"kendo-box-shadow-depth-2": {
|
|
135
|
-
"type": "List",
|
|
136
|
-
"value": "0 3.2px 7.2px rgba(0, 0, 0, 0.132), 0 0.6px 1.8px rgba(0, 0, 0, 0.108)"
|
|
137
|
-
},
|
|
138
|
-
"kendo-box-shadow-depth-3": {
|
|
139
|
-
"type": "List",
|
|
140
|
-
"value": "0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108)"
|
|
141
|
-
},
|
|
142
|
-
"kendo-box-shadow-depth-4": {
|
|
143
|
-
"type": "List",
|
|
144
|
-
"value": "0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18)"
|
|
145
|
-
},
|
|
146
130
|
"kendo-link-text": {
|
|
147
131
|
"type": "String",
|
|
148
132
|
"value": "var(--kendo-primary-100, inherit)"
|
|
@@ -197,7 +181,11 @@
|
|
|
197
181
|
},
|
|
198
182
|
"kendo-components": {
|
|
199
183
|
"type": "List",
|
|
200
|
-
"value": "\"typography\", \"utils\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"actions\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panelbar\", \"splitter\", \"tile-layout\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
|
|
184
|
+
"value": "\"typography\", \"utils\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"actions\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panelbar\", \"splitter\", \"tile-layout\", \"dock-manager\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
|
|
185
|
+
},
|
|
186
|
+
"kendo-elevation": {
|
|
187
|
+
"type": "Map",
|
|
188
|
+
"value": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))"
|
|
201
189
|
},
|
|
202
190
|
"kendo-enable-shadows": {
|
|
203
191
|
"type": "Bool",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-core",
|
|
3
3
|
"description": "A collection of functions and mixins used for building themes for Kendo UI",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
41
41
|
"postpublish": "echo 'no postpublish for core theme'"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "228be168555ed9f71c328cefd10924e3fd037023"
|
|
44
44
|
}
|
|
@@ -75,21 +75,6 @@ $kendo-focus-outline: k-get-theme-color-var( neutral-130 ) !default;
|
|
|
75
75
|
|
|
76
76
|
$kendo-subtle-text: k-get-theme-color-var( neutral-130 ) !default;
|
|
77
77
|
|
|
78
|
-
// Shadows
|
|
79
|
-
|
|
80
|
-
/// Shadow for cards and grid item thumbnails.
|
|
81
|
-
/// Equivalent to fluent depth 4.
|
|
82
|
-
$kendo-box-shadow-depth-1: 0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 ) !default;
|
|
83
|
-
/// Shadow for command bars and dropdowns.
|
|
84
|
-
/// Equivalent to fluent depth 8.
|
|
85
|
-
$kendo-box-shadow-depth-2: 0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 ) !default;
|
|
86
|
-
/// Shadow for teaching callouts and hover cards / tooltips.
|
|
87
|
-
/// Equivalent to fluent depth 16.
|
|
88
|
-
$kendo-box-shadow-depth-3: 0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 ) !default;
|
|
89
|
-
/// Shadow for panels and pop up dialogs.
|
|
90
|
-
/// Equivalent to fluent depth 64.
|
|
91
|
-
$kendo-box-shadow-depth-4: 0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 ) !default;
|
|
92
|
-
|
|
93
78
|
// Link
|
|
94
79
|
$kendo-link-text: k-get-theme-color-var( primary-100 ) !default;
|
|
95
80
|
$kendo-link-hover-text: k-get-theme-color-var( primary-120 ) !default;
|
|
@@ -152,11 +137,6 @@ $kendo-theme-colors: (
|
|
|
152
137
|
--kendo-component-text: #{$kendo-component-text};
|
|
153
138
|
--kendo-component-border: #{$kendo-component-border};
|
|
154
139
|
|
|
155
|
-
--kendo-box-shadow-depth-1: #{$kendo-box-shadow-depth-1};
|
|
156
|
-
--kendo-box-shadow-depth-2: #{$kendo-box-shadow-depth-2};
|
|
157
|
-
--kendo-box-shadow-depth-3: #{$kendo-box-shadow-depth-3};
|
|
158
|
-
--kendo-box-shadow-depth-4: #{$kendo-box-shadow-depth-4};
|
|
159
|
-
|
|
160
140
|
--kendo-link-text: #{$kendo-link-text};
|
|
161
141
|
--kendo-link-hover-text: #{$kendo-link-hover-text};
|
|
162
142
|
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
@import "../functions/index.import.scss";
|
|
2
|
+
|
|
3
|
+
$_default-elevation: (
|
|
4
|
+
1: (
|
|
5
|
+
0 2px 3px rgba(0, 0, 0, .04),
|
|
6
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
7
|
+
),
|
|
8
|
+
2: (
|
|
9
|
+
0 4px 6px rgba(0, 0, 0, .06),
|
|
10
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
11
|
+
),
|
|
12
|
+
3: (
|
|
13
|
+
0 6px 8px rgba(0, 0, 0, .08),
|
|
14
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
15
|
+
),
|
|
16
|
+
4: (
|
|
17
|
+
0 8px 10px rgba(0, 0, 0, .12),
|
|
18
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
19
|
+
),
|
|
20
|
+
5: (
|
|
21
|
+
0 10px 12px rgba(0, 0, 0, .16),
|
|
22
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
23
|
+
),
|
|
24
|
+
6: (
|
|
25
|
+
0 12px 14px rgba(0, 0, 0, .2),
|
|
26
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
27
|
+
),
|
|
28
|
+
7: (
|
|
29
|
+
0 14px 16px rgba(0, 0, 0, .24),
|
|
30
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
31
|
+
),
|
|
32
|
+
8: (
|
|
33
|
+
0 16px 18px rgba(0, 0, 0, .28),
|
|
34
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
35
|
+
),
|
|
36
|
+
9: (
|
|
37
|
+
0 32px 34px rgba(0, 0, 0, .32),
|
|
38
|
+
0 4px 16px rgba(0, 0, 0, .12)
|
|
39
|
+
)
|
|
40
|
+
) !default;
|
|
41
|
+
|
|
42
|
+
$kendo-elevation: $_default-elevation !default;
|
|
43
|
+
$kendo-elevation: k-map-merge($_default-elevation, $kendo-elevation);
|
|
44
|
+
|
|
45
|
+
@function k-shadow-filter($shadow) {
|
|
46
|
+
$result: '';
|
|
47
|
+
@each $value in $shadow {
|
|
48
|
+
$result: $result + "drop-shadow(" + $value + ") ";
|
|
49
|
+
}
|
|
50
|
+
@return #{$result};
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@function k-elevation($level) {
|
|
54
|
+
@return var(--kendo-elevation-#{$level}, k-map-get($kendo-elevation, $level));
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
@mixin kendo-elevation--styles() {
|
|
59
|
+
:root {
|
|
60
|
+
@each $level, $shadow in $kendo-elevation {
|
|
61
|
+
--kendo-elevation-#{$level}: #{$shadow};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
/// @debug k-map-deep-merge( ( "foo": ("bar": "baz", "baz": "qux" ) ), ( "foo": ("bar": "foo") ) ); // => ( "foo": ("bar": "foo", "baz": "qux" ))
|
|
56
56
|
@function k-map-deep-merge($maps...) {
|
|
57
57
|
$merged: ();
|
|
58
|
-
|
|
58
|
+
|
|
59
59
|
@each $map in $maps {
|
|
60
60
|
@each $key, $val in $map {
|
|
61
61
|
@if (k-meta-type-of($val) == 'map') {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
}
|
|
74
74
|
$merged: k-map-merge($merged, $map);
|
|
75
75
|
}
|
|
76
|
-
|
|
76
|
+
|
|
77
77
|
@return $merged;
|
|
78
78
|
}
|
|
79
79
|
|
package/scss/index.import.scss
CHANGED