@progress/kendo-theme-bootstrap 10.1.0-dev.2 → 10.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/all.css +1 -1
- package/dist/bootstrap-3-dark.css +1 -1
- package/dist/bootstrap-3.css +1 -1
- package/dist/bootstrap-4-dark.css +1 -1
- package/dist/bootstrap-4.css +1 -1
- package/dist/bootstrap-dataviz-v4.css +1 -1
- package/dist/bootstrap-main-dark.css +1 -1
- package/dist/bootstrap-main.css +1 -1
- package/dist/bootstrap-nordic.css +1 -1
- package/dist/bootstrap-turquoise-dark.css +1 -1
- package/dist/bootstrap-turquoise.css +1 -1
- package/dist/bootstrap-urban.css +1 -1
- package/dist/bootstrap-vintage.css +1 -1
- package/dist/meta/{variables.scss → _variables.scss} +2 -1
- package/dist/meta/sassdoc-data.json +2030 -2030
- package/dist/meta/sassdoc-raw-data.json +1019 -1019
- package/dist/meta/variables.json +1 -1
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +11 -10
- package/scss/core/_index.scss +1 -1
- package/scss/core/color-system/_swatch-legacy.scss +1 -1
- package/scss/dataviz/_variables.scss +25 -24
- package/scss/editor/_variables.scss +2 -2
- package/scss/gantt/_index.scss +2 -0
- package/scss/gantt/_variables.scss +5 -4
- package/scss/grid/_variables.scss +2 -1
- package/scss/imageeditor/_variables.scss +1 -1
- package/scss/scheduler/_index.scss +2 -0
- package/scss/stepper/_variables.scss +2 -1
- package/scss/switch/_variables.scss +2 -1
package/dist/meta/variables.json
CHANGED
|
@@ -12540,7 +12540,7 @@
|
|
|
12540
12540
|
},
|
|
12541
12541
|
"kendo-image-editor-action-pane-width": {
|
|
12542
12542
|
"type": "Calculation",
|
|
12543
|
-
"value": "calc(
|
|
12543
|
+
"value": "calc(250px + 1px)"
|
|
12544
12544
|
},
|
|
12545
12545
|
"kendo-image-editor-crop-border-width": {
|
|
12546
12546
|
"type": "Number",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap theme for Kendo UI",
|
|
4
|
-
"version": "10.1.0-dev.
|
|
4
|
+
"version": "10.1.0-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -37,11 +37,12 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"sass": "sass-
|
|
43
|
-
"sass:
|
|
44
|
-
"sass:
|
|
40
|
+
"sass": "npm run sass:compile:all && npm run css:prefix",
|
|
41
|
+
"sass:dist": "gulp sass:dist --theme packages/bootstrap && npm run sass:compile:dist && npm run css:prefix",
|
|
42
|
+
"sass:compile:all": "npx sass --no-source-map --load-path=../../node_modules ./scss/all.scss ./dist/all.css",
|
|
43
|
+
"sass:compile:dist": "npx sass --style=compressed --no-source-map --load-path=../../node_modules ./dist:dist",
|
|
44
|
+
"sass:watch": "npx sass --no-source-map --load-path=../../node_modules --watch ./scss/all.scss ./dist/all.css",
|
|
45
|
+
"css:prefix": "npx postcss --replace ./dist/**/*.css",
|
|
45
46
|
"docs": "node ../../scripts/sassdoc.js",
|
|
46
47
|
"predocs": "npm run resolve-variables",
|
|
47
48
|
"resolve-variables": "node ../../scripts/resolve-variables.js",
|
|
@@ -52,13 +53,13 @@
|
|
|
52
53
|
},
|
|
53
54
|
"dependencies": {
|
|
54
55
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
55
|
-
"@progress/kendo-theme-core": "10.1.0-dev.
|
|
56
|
-
"@progress/kendo-theme-default": "10.1.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "10.1.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "10.1.0-dev.4",
|
|
57
|
+
"@progress/kendo-theme-default": "10.1.0-dev.4",
|
|
58
|
+
"@progress/kendo-theme-utils": "10.1.0-dev.4"
|
|
58
59
|
},
|
|
59
60
|
"directories": {
|
|
60
61
|
"doc": "docs",
|
|
61
62
|
"lib": "lib"
|
|
62
63
|
},
|
|
63
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "4089693fbd3a10aebc8155f11e7b7b7f814be2be"
|
|
64
65
|
}
|
package/scss/core/_index.scss
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
@forward "../_variables.scss";
|
|
17
17
|
|
|
18
18
|
// Variables
|
|
19
|
-
@forward "@progress/kendo-theme-core/scss/index.
|
|
19
|
+
@forward "@progress/kendo-theme-core/scss/index.scss" with (
|
|
20
20
|
// Color System Switch
|
|
21
21
|
$kendo-enable-color-system: $kendo-enable-color-system !default,
|
|
22
22
|
// Color System
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "../core/_index.scss" as *;
|
|
2
3
|
@use "../core/functions/index.import.scss" as *;
|
|
3
4
|
|
|
@@ -6,50 +7,50 @@
|
|
|
6
7
|
/// The first base series color and its light and dark shades.
|
|
7
8
|
/// @group charts
|
|
8
9
|
$kendo-series-a: if($kendo-enable-color-system, k-color( series-a ), $kendo-color-primary) !default;
|
|
9
|
-
$kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ),
|
|
10
|
-
$kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ),
|
|
11
|
-
$kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ),
|
|
12
|
-
$kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ),
|
|
10
|
+
$kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), color.mix( black, $kendo-series-a, 25% )) !default;
|
|
11
|
+
$kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), color.mix( black, $kendo-series-a, 50% )) !default;
|
|
12
|
+
$kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), color.mix( white, $kendo-series-a, 25% )) !default;
|
|
13
|
+
$kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), color.mix( white, $kendo-series-a, 50% )) !default;
|
|
13
14
|
|
|
14
15
|
/// The second base series color and its light and dark shades.
|
|
15
16
|
/// @group charts
|
|
16
17
|
$kendo-series-b: if($kendo-enable-color-system, k-color( series-b ), $kendo-color-tertiary) !default;
|
|
17
|
-
$kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ),
|
|
18
|
-
$kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ),
|
|
19
|
-
$kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ),
|
|
20
|
-
$kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ),
|
|
18
|
+
$kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), color.mix( black, $kendo-series-b, 25% )) !default;
|
|
19
|
+
$kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), color.mix( black, $kendo-series-b, 50% )) !default;
|
|
20
|
+
$kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), color.mix( white, $kendo-series-b, 25% )) !default;
|
|
21
|
+
$kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), color.mix( white, $kendo-series-b, 50% )) !default;
|
|
21
22
|
|
|
22
23
|
/// The third base series color and its light and dark shades.
|
|
23
24
|
/// @group charts
|
|
24
25
|
$kendo-series-c: if($kendo-enable-color-system, k-color( series-c ), #20c997) !default;
|
|
25
|
-
$kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ),
|
|
26
|
-
$kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ),
|
|
27
|
-
$kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ),
|
|
28
|
-
$kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ),
|
|
26
|
+
$kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), color.mix( black, $kendo-series-c, 25% )) !default;
|
|
27
|
+
$kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), color.mix( black, $kendo-series-c, 50% )) !default;
|
|
28
|
+
$kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), color.mix( white, $kendo-series-c, 25% )) !default;
|
|
29
|
+
$kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), color.mix( white, $kendo-series-c, 50% )) !default;
|
|
29
30
|
|
|
30
31
|
/// The fourth base series color and its light and dark shades.
|
|
31
32
|
/// @group charts
|
|
32
33
|
$kendo-series-d: if($kendo-enable-color-system, k-color( series-d ), $kendo-color-success) !default;
|
|
33
|
-
$kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ),
|
|
34
|
-
$kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ),
|
|
35
|
-
$kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ),
|
|
36
|
-
$kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ),
|
|
34
|
+
$kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), color.mix( black, $kendo-series-d, 25% )) !default;
|
|
35
|
+
$kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), color.mix( black, $kendo-series-d, 50% )) !default;
|
|
36
|
+
$kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), color.mix( white, $kendo-series-d, 25% )) !default;
|
|
37
|
+
$kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), color.mix( white, $kendo-series-d, 50% )) !default;
|
|
37
38
|
|
|
38
39
|
/// The fifth base series color and its light and dark shades.
|
|
39
40
|
/// @group charts
|
|
40
41
|
$kendo-series-e: if($kendo-enable-color-system, k-color( series-e ), $kendo-color-warning) !default;
|
|
41
|
-
$kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ),
|
|
42
|
-
$kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ),
|
|
43
|
-
$kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ),
|
|
44
|
-
$kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ),
|
|
42
|
+
$kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), color.mix( black, $kendo-series-e, 25% )) !default;
|
|
43
|
+
$kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), color.mix( black, $kendo-series-e, 50% )) !default;
|
|
44
|
+
$kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), color.mix( white, $kendo-series-e, 25% )) !default;
|
|
45
|
+
$kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), color.mix( white, $kendo-series-e, 50% )) !default;
|
|
45
46
|
|
|
46
47
|
/// The sixth base series color and its light and dark shades.
|
|
47
48
|
/// @group charts
|
|
48
49
|
$kendo-series-f: if($kendo-enable-color-system, k-color( series-f ), $kendo-color-error) !default;
|
|
49
|
-
$kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ),
|
|
50
|
-
$kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ),
|
|
51
|
-
$kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ),
|
|
52
|
-
$kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ),
|
|
50
|
+
$kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), color.mix( black, $kendo-series-f, 25% )) !default;
|
|
51
|
+
$kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), color.mix( black, $kendo-series-f, 50% )) !default;
|
|
52
|
+
$kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), color.mix( white, $kendo-series-f, 25% )) !default;
|
|
53
|
+
$kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), color.mix( white, $kendo-series-f, 50% )) !default;
|
|
53
54
|
|
|
54
55
|
/// The series colors in order:
|
|
55
56
|
/// base, light, dark, lighter, darker
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
@use "sass:color";
|
|
2
2
|
@use "../core/_index.scss" as *;
|
|
3
3
|
@use "../input/_variables.scss" as *;
|
|
4
4
|
@use "../core/functions/index.import.scss" as *;
|
|
@@ -34,7 +34,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
|
|
|
34
34
|
|
|
35
35
|
/// The highlighted background color of the Editor.
|
|
36
36
|
/// @group editor
|
|
37
|
-
$kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ),
|
|
37
|
+
$kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), color.mix( $kendo-color-primary, #ffffff, 20% )) !default;
|
|
38
38
|
|
|
39
39
|
/// The horizontal margin of the Editor's export tool icon.
|
|
40
40
|
/// @group editor
|
package/scss/gantt/_index.scss
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
@use "../window/_index.scss" as *;
|
|
10
10
|
@use "../splitter/_index.scss" as *;
|
|
11
11
|
@use "../treelist/_index.scss" as *;
|
|
12
|
+
@use "../time-marker/_index.scss" as *;
|
|
12
13
|
|
|
13
14
|
// Component
|
|
14
15
|
@forward "./_variables.scss";
|
|
@@ -27,6 +28,7 @@
|
|
|
27
28
|
@include kendo-window--styles();
|
|
28
29
|
@include kendo-splitter--styles();
|
|
29
30
|
@include kendo-treelist--styles();
|
|
31
|
+
@include kendo-time-marker--styles();
|
|
30
32
|
@include kendo-gantt--layout();
|
|
31
33
|
@include kendo-gantt--theme();
|
|
32
34
|
@include kendo-utils--typography--white-space();
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "sass:math";
|
|
2
3
|
@use "../core/_index.scss" as *;
|
|
3
4
|
@use "../core/functions/index.import.scss" as *;
|
|
@@ -53,7 +54,7 @@ $kendo-gantt-nonwork-border: null !default;
|
|
|
53
54
|
$kendo-gantt-line-size: 2px !default;
|
|
54
55
|
/// The background fill color of the Gantt connecting lines.
|
|
55
56
|
/// @group gantt
|
|
56
|
-
$kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( on-base ),
|
|
57
|
+
$kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( on-base ), color.mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
|
|
57
58
|
/// The background fill of the selected Gantt connecting lines.
|
|
58
59
|
/// @group gantt
|
|
59
60
|
$kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
|
|
@@ -92,13 +93,13 @@ $kendo-gantt-milestone-selected-border: $kendo-selected-border !default;
|
|
|
92
93
|
|
|
93
94
|
/// The background color of the Gantt summary.
|
|
94
95
|
/// @group gantt
|
|
95
|
-
$kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ),
|
|
96
|
+
$kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), color.mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
|
|
96
97
|
/// The background color of the Gantt summary progress.
|
|
97
98
|
/// @group gantt
|
|
98
99
|
$kendo-gantt-summary-progress-bg: $kendo-gantt-text !default;
|
|
99
100
|
/// The background color of the selected Gantt summary.
|
|
100
101
|
/// @group gantt
|
|
101
|
-
$kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ),
|
|
102
|
+
$kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), color.mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
|
|
102
103
|
/// The background color of the selected Gantt summary progress.
|
|
103
104
|
/// @group gantt
|
|
104
105
|
$kendo-gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
|
|
@@ -126,7 +127,7 @@ $kendo-gantt-task-border: if($kendo-enable-color-system, k-color( border-alt ),
|
|
|
126
127
|
$kendo-gantt-task-progress-bg: if($kendo-enable-color-system, k-color( border-alt ), if( k-is-light( $kendo-gantt-bg ), #ced4da, #6c757d )) !default;
|
|
127
128
|
/// The background color of selected the Gantt task.
|
|
128
129
|
/// @group gantt
|
|
129
|
-
$kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ),
|
|
130
|
+
$kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), color.mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
|
|
130
131
|
/// The text color of the selected Gantt task.
|
|
131
132
|
/// @group gantt
|
|
132
133
|
$kendo-gantt-task-selected-text: $kendo-selected-text !default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "sass:math";
|
|
2
3
|
@use "../core/_index.scss" as *;
|
|
3
4
|
@use "../table/_variables.scss" as *;
|
|
@@ -263,7 +264,7 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
263
264
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
264
265
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
|
|
265
266
|
|
|
266
|
-
$kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent),
|
|
267
|
+
$kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), color.mix( $kendo-selected-bg, $kendo-grid-bg, 25% )) !default;
|
|
267
268
|
$kendo-grid-sticky-selected-alt-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 24%, transparent), k-color-shade( $kendo-grid-sticky-selected-bg, .4 )) !default;
|
|
268
269
|
|
|
269
270
|
// Must be a solid color
|
|
@@ -15,7 +15,7 @@ $kendo-image-editor-content-border-width: 1px !default;
|
|
|
15
15
|
|
|
16
16
|
$kendo-image-editor-action-pane-padding-y: k-spacing(8) !default;
|
|
17
17
|
$kendo-image-editor-action-pane-padding-x: k-spacing(4) !default;
|
|
18
|
-
$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null,
|
|
18
|
+
$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 250px, calc( 250px + #{$kendo-image-editor-content-border-width} ) ) !default;
|
|
19
19
|
|
|
20
20
|
$kendo-image-editor-crop-border-width: 1px !default;
|
|
21
21
|
$kendo-image-editor-crop-border-style: dashed !default;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@use "../dropdownlist/_index.scss" as *;
|
|
9
9
|
@use "../dialog/_index.scss" as *;
|
|
10
10
|
@use "../tooltip/_index.scss" as *;
|
|
11
|
+
@use "../time-marker/_index.scss" as *;
|
|
11
12
|
|
|
12
13
|
// Component
|
|
13
14
|
@forward "./_variables.scss";
|
|
@@ -25,6 +26,7 @@
|
|
|
25
26
|
@include kendo-dropdown-list--styles();
|
|
26
27
|
@include kendo-dialog--styles();
|
|
27
28
|
@include kendo-tooltip--styles();
|
|
29
|
+
@include kendo-time-marker--styles();
|
|
28
30
|
@include kendo-scheduler--layout();
|
|
29
31
|
@include kendo-scheduler--theme();
|
|
30
32
|
@include kendo-utils--typography--text-overflow();
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "../core/_index.scss" as *;
|
|
2
3
|
@use "../core/functions/index.import.scss" as *;
|
|
3
4
|
|
|
@@ -136,7 +137,7 @@ $kendo-stepper-indicator-done-hover-border: null !default;
|
|
|
136
137
|
|
|
137
138
|
/// The background color of the Stepper's disabled done indicator.
|
|
138
139
|
/// @group stepper
|
|
139
|
-
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent),
|
|
140
|
+
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), color.mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
|
|
140
141
|
/// The text color of the Stepper's disabled done indicator.
|
|
141
142
|
/// @group stepper
|
|
142
143
|
$kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:color";
|
|
1
2
|
@use "../core/_index.scss" as *;
|
|
2
3
|
@use "../core/functions/index.import.scss" as *;
|
|
3
4
|
|
|
@@ -65,7 +66,7 @@ $kendo-switch-off-track-focus-bg: null !default;
|
|
|
65
66
|
$kendo-switch-off-track-focus-text: null !default;
|
|
66
67
|
/// The border color of the track when the focused Switch is not checked.
|
|
67
68
|
/// @group switch
|
|
68
|
-
$kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ),
|
|
69
|
+
$kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), color.mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
|
|
69
70
|
/// The background gradient of the track when the focused Switch is not checked.
|
|
70
71
|
/// @group switch
|
|
71
72
|
$kendo-switch-off-track-focus-gradient: null !default;
|