@progress/kendo-theme-bootstrap 8.0.0-dev.8 → 8.0.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.css +843 -845
- package/dist/all.scss +400 -173
- package/dist/meta/sassdoc-data.json +36387 -29523
- package/dist/meta/sassdoc-raw-data.json +5091 -1469
- package/dist/meta/variables.json +281 -281
- 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 +6 -6
- package/scss/calendar/_variables.scss +10 -0
- package/scss/chip/_theme.scss +2 -2
- package/scss/chip/_variables.scss +2 -1
- package/scss/core/border-radii/index.import.scss +23 -1
- package/scss/core/color-system/_palettes.scss +28 -28
- package/scss/core/color-system/_swatch.scss +80 -80
- package/scss/core/typography/index.import.scss +1 -0
- package/scss/drawer/_variables.scss +12 -2
- package/scss/progressbar/_variables.scss +2 -2
- package/scss/scheduler/_variables.scss +1 -1
- package/scss/slider/_variables.scss +1 -1
- package/scss/switch/_variables.scss +2 -2
- package/scss/tabstrip/_variables.scss +1 -1
- package/scss/tilelayout/_variables.scss +1 -1
- package/scss/timeline/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/typography/_variables.scss +158 -0
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": "8.0.0
|
|
4
|
+
"version": "8.0.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,15 +52,15 @@
|
|
|
52
52
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@progress/kendo-svg-icons": "
|
|
56
|
-
"@progress/kendo-theme-core": "8.0.0
|
|
57
|
-
"@progress/kendo-theme-default": "8.0.0
|
|
58
|
-
"@progress/kendo-theme-utils": "8.0.0
|
|
55
|
+
"@progress/kendo-svg-icons": "3.0.0",
|
|
56
|
+
"@progress/kendo-theme-core": "8.0.0",
|
|
57
|
+
"@progress/kendo-theme-default": "8.0.0",
|
|
58
|
+
"@progress/kendo-theme-utils": "8.0.0",
|
|
59
59
|
"bootstrap": "5.2.1"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "5d189bf7291e83332a8817cefbbbecc68fc8a644"
|
|
66
66
|
}
|
|
@@ -3,8 +3,14 @@
|
|
|
3
3
|
/// The width of the border around the Calendar.
|
|
4
4
|
/// @group calendar
|
|
5
5
|
$kendo-calendar-border-width: 1px !default;
|
|
6
|
+
/// The font family of the Calendar.
|
|
7
|
+
/// @group calendar
|
|
6
8
|
$kendo-calendar-font-family: var( --kendo-font-family, inherit ) !default;
|
|
9
|
+
/// The font size of the Calendar.
|
|
10
|
+
/// @group calendar
|
|
7
11
|
$kendo-calendar-font-size: var( --kendo-font-size, inherit ) !default;
|
|
12
|
+
/// The line height of the Calendar.
|
|
13
|
+
/// @group calendar
|
|
8
14
|
$kendo-calendar-line-height: var( --kendo-line-height, normal ) !default;
|
|
9
15
|
|
|
10
16
|
/// The size of the cells in the Calendar.
|
|
@@ -84,7 +90,11 @@ $kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
|
|
|
84
90
|
/// The height of the header cells in the Calendar.
|
|
85
91
|
/// @group calendar
|
|
86
92
|
$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
|
|
93
|
+
/// The font size of the header cells in the Calendar.
|
|
94
|
+
/// @group calendar
|
|
87
95
|
$kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
96
|
+
/// The line height of the header cells in the Calendar.
|
|
97
|
+
/// @group calendar
|
|
88
98
|
$kendo-calendar-header-cell-line-height: 2 !default;
|
|
89
99
|
|
|
90
100
|
/// The background color of the header cells in the Calendar.
|
package/scss/chip/_theme.scss
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
@if ($name == "info") {
|
|
11
11
|
@include fill (
|
|
12
|
-
$color: if($kendo-enable-color-system,
|
|
12
|
+
$color: if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
|
|
13
13
|
$border: if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
|
|
14
14
|
);
|
|
15
15
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
&.k-hover,
|
|
18
18
|
&.k-selected {
|
|
19
19
|
@include fill(
|
|
20
|
-
if($kendo-enable-color-system,
|
|
20
|
+
if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, k-contrast-color($color), $kendo-chip-outline-text)),
|
|
21
21
|
$color,
|
|
22
22
|
$color
|
|
23
23
|
);
|
|
@@ -46,6 +46,7 @@ $kendo-chip-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
|
46
46
|
/// @group chip
|
|
47
47
|
$kendo-chip-md-font-size: var( --kendo-font-size, inherit ) !default;
|
|
48
48
|
/// The font size of the large Chip.
|
|
49
|
+
/// @group chip
|
|
49
50
|
$kendo-chip-lg-font-size: var( --kendo-font-size, inherit ) !default;
|
|
50
51
|
|
|
51
52
|
/// The Chip's line height that is related to the $kendo-font-size.
|
|
@@ -146,7 +147,7 @@ $kendo-chip-solid-selected-text: null !default;
|
|
|
146
147
|
$kendo-chip-outline-bg: $kendo-component-bg !default;
|
|
147
148
|
/// The base text color of the outline Chip.
|
|
148
149
|
/// @group chip
|
|
149
|
-
$kendo-chip-outline-text: $kendo-chip-solid-text !default;
|
|
150
|
+
$kendo-chip-outline-text: if($kendo-enable-color-system, k-color( base-on-surface ), $kendo-chip-solid-text) !default;
|
|
150
151
|
/// The base border color of the outline Chip.
|
|
151
152
|
/// @group chip
|
|
152
153
|
$kendo-chip-outline-border: $kendo-chip-outline-text !default;
|
|
@@ -1,14 +1,36 @@
|
|
|
1
|
+
/// The global border radius used across the Components.
|
|
2
|
+
/// @group radii
|
|
1
3
|
$kendo-border-radius: $border-radius !default;
|
|
4
|
+
/// The none border radius used across the Components.
|
|
5
|
+
/// @group radii
|
|
6
|
+
$kendo-border-radius-none: k-map-get($kendo-spacing, 0) !default;
|
|
7
|
+
/// The extra small border radius used across the Components.
|
|
8
|
+
/// @group radii
|
|
2
9
|
$kendo-border-radius-xs: k-map-get($kendo-spacing, 0.5) !default;
|
|
10
|
+
/// The small border radius used across the Components.
|
|
11
|
+
/// @group radii
|
|
3
12
|
$kendo-border-radius-sm: $border-radius-sm !default;
|
|
13
|
+
/// The medium border radius used across the Components.
|
|
14
|
+
/// @group radii
|
|
4
15
|
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
16
|
+
/// The large border radius used across the Components.
|
|
17
|
+
/// @group radii
|
|
5
18
|
$kendo-border-radius-lg: $border-radius-lg !default;
|
|
19
|
+
/// The extra large border radius used across the Components.
|
|
20
|
+
/// @group radii
|
|
6
21
|
$kendo-border-radius-xl: k-map-get($kendo-spacing, 3) !default;
|
|
22
|
+
/// The third largest border radius used across the Components.
|
|
23
|
+
/// @group radii
|
|
7
24
|
$kendo-border-radius-xxl: k-map-get($kendo-spacing, 4) !default;
|
|
25
|
+
/// The second largest border radius used across the Components.
|
|
26
|
+
/// @group radii
|
|
8
27
|
$kendo-border-radius-xxxl: k-map-get($kendo-spacing, 8) !default;
|
|
28
|
+
/// The largest border radius used across the Components.
|
|
29
|
+
/// @group radii
|
|
9
30
|
$kendo-border-radius-full: 50rem !default;
|
|
10
31
|
|
|
11
|
-
|
|
32
|
+
/// The global radii Map.
|
|
33
|
+
/// @group radii
|
|
12
34
|
$kendo-border-radii: (
|
|
13
35
|
xs: $kendo-border-radius-xs,
|
|
14
36
|
sm: $kendo-border-radius-sm,
|
|
@@ -6,13 +6,13 @@ $_default-palette-gray: (
|
|
|
6
6
|
4: #ced4da,
|
|
7
7
|
5: #bdc4cb,
|
|
8
8
|
6: #adb5bd,
|
|
9
|
-
7: #
|
|
10
|
-
8: #
|
|
11
|
-
9: #
|
|
12
|
-
10: #
|
|
9
|
+
7: #9aa3ac,
|
|
10
|
+
8: #8b959f,
|
|
11
|
+
9: #6c757d,
|
|
12
|
+
10: #596169,
|
|
13
13
|
11: #495057,
|
|
14
14
|
12: #343a40,
|
|
15
|
-
13: #
|
|
15
|
+
13: #2B2F32,
|
|
16
16
|
14: #212529,
|
|
17
17
|
15: #121417,
|
|
18
18
|
black: #000000,
|
|
@@ -25,14 +25,14 @@ $_default-palette-blue: (
|
|
|
25
25
|
4: #9ec5fe,
|
|
26
26
|
5: #86b6fe,
|
|
27
27
|
6: #6ea8fe,
|
|
28
|
-
7: #
|
|
29
|
-
8: #
|
|
30
|
-
9: #
|
|
31
|
-
10: #
|
|
32
|
-
11: #
|
|
33
|
-
12: #
|
|
34
|
-
13: #
|
|
35
|
-
14: #
|
|
28
|
+
7: #3d8bfd,
|
|
29
|
+
8: #0d6efd,
|
|
30
|
+
9: #0c64e4,
|
|
31
|
+
10: #0a58ca,
|
|
32
|
+
11: #094cae,
|
|
33
|
+
12: #084298,
|
|
34
|
+
13: #052c65,
|
|
35
|
+
14: #012151,
|
|
36
36
|
15: #031633,
|
|
37
37
|
);
|
|
38
38
|
|
|
@@ -55,11 +55,11 @@ $_default-palette-yellow: (
|
|
|
55
55
|
);
|
|
56
56
|
|
|
57
57
|
$_default-palette-red: (
|
|
58
|
-
1: #
|
|
59
|
-
2: #
|
|
60
|
-
3: #
|
|
61
|
-
4: #
|
|
62
|
-
5: #
|
|
58
|
+
1: #fceeef,
|
|
59
|
+
2: #f8d7da,
|
|
60
|
+
3: #f5c2c7,
|
|
61
|
+
4: #f1aeb5,
|
|
62
|
+
5: #ed969f,
|
|
63
63
|
6: #ea868f,
|
|
64
64
|
7: #e35d6a,
|
|
65
65
|
8: #dc3545,
|
|
@@ -69,13 +69,13 @@ $_default-palette-red: (
|
|
|
69
69
|
12: #6e1b23,
|
|
70
70
|
13: #58151c,
|
|
71
71
|
14: #421015,
|
|
72
|
-
15: #
|
|
72
|
+
15: #2c0b0e,
|
|
73
73
|
);
|
|
74
74
|
|
|
75
75
|
$_default-palette-cyan: (
|
|
76
76
|
1: #e7fafe,
|
|
77
77
|
2: #cff4fc,
|
|
78
|
-
3: #
|
|
78
|
+
3: #b7eefa,
|
|
79
79
|
4: #9eeaf9,
|
|
80
80
|
5: #86e5f8,
|
|
81
81
|
6: #6edff6,
|
|
@@ -97,14 +97,14 @@ $_default-palette-green: (
|
|
|
97
97
|
4: #a3cfbb,
|
|
98
98
|
5: #8cc3aa,
|
|
99
99
|
6: #75b798,
|
|
100
|
-
7: #
|
|
101
|
-
8: #
|
|
102
|
-
9: #
|
|
103
|
-
10: #
|
|
104
|
-
11: #
|
|
105
|
-
12: #
|
|
106
|
-
13: #
|
|
107
|
-
14: #
|
|
100
|
+
7: #5BAE87,
|
|
101
|
+
8: #479F76,
|
|
102
|
+
9: #319064,
|
|
103
|
+
10: #198754,
|
|
104
|
+
11: #146C43,
|
|
105
|
+
12: #0F5132,
|
|
106
|
+
13: #0D442A,
|
|
107
|
+
14: #0A3622,
|
|
108
108
|
15: #051b11,
|
|
109
109
|
);
|
|
110
110
|
|
|
@@ -13,11 +13,11 @@ $_default-colors: (
|
|
|
13
13
|
// Misc
|
|
14
14
|
app-surface: k-map-get( $kendo-palette-gray, white ),
|
|
15
15
|
on-app-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
16
|
-
subtle: k-map-get( $kendo-palette-gray,
|
|
16
|
+
subtle: k-map-get( $kendo-palette-gray, 10 ),
|
|
17
17
|
surface: k-map-get( $kendo-palette-gray, 1 ),
|
|
18
18
|
surface-alt: k-map-get( $kendo-palette-gray, white ),
|
|
19
|
-
border: k-map-get( $kendo-palette-gray,
|
|
20
|
-
border-alt: k-map-get( $kendo-palette-gray,
|
|
19
|
+
border: rgba( k-map-get( $kendo-palette-gray, 14 ), .13),
|
|
20
|
+
border-alt: rgba( k-map-get( $kendo-palette-gray, 14 ), .20),
|
|
21
21
|
// Base
|
|
22
22
|
base-subtle: k-map-get( $kendo-palette-gray, 2 ),
|
|
23
23
|
base-subtle-hover: k-map-get( $kendo-palette-gray, 3 ),
|
|
@@ -25,7 +25,7 @@ $_default-colors: (
|
|
|
25
25
|
base: k-map-get( $kendo-palette-gray, 3 ),
|
|
26
26
|
base-hover: k-map-get( $kendo-palette-gray, 4 ),
|
|
27
27
|
base-active: k-map-get( $kendo-palette-gray, 5 ),
|
|
28
|
-
base-emphasis: k-map-get( $kendo-palette-gray,
|
|
28
|
+
base-emphasis: rgba( k-map-get( $kendo-palette-gray, 14 ), .34),
|
|
29
29
|
base-on-subtle: k-map-get( $kendo-palette-gray, 14 ),
|
|
30
30
|
on-base: k-map-get( $kendo-palette-gray, 14 ),
|
|
31
31
|
base-on-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
@@ -33,24 +33,24 @@ $_default-colors: (
|
|
|
33
33
|
primary-subtle: k-map-get( $kendo-palette-blue, 2 ),
|
|
34
34
|
primary-subtle-hover: k-map-get( $kendo-palette-blue, 3 ),
|
|
35
35
|
primary-subtle-active: k-map-get( $kendo-palette-blue, 4 ),
|
|
36
|
-
primary: k-map-get( $kendo-palette-blue,
|
|
37
|
-
primary-hover: k-map-get( $kendo-palette-blue,
|
|
38
|
-
primary-active: k-map-get( $kendo-palette-blue,
|
|
39
|
-
primary-emphasis: k-map-get( $kendo-palette-blue,
|
|
40
|
-
primary-on-subtle: k-map-get( $kendo-palette-blue,
|
|
36
|
+
primary: k-map-get( $kendo-palette-blue, 8 ),
|
|
37
|
+
primary-hover: k-map-get( $kendo-palette-blue, 9 ),
|
|
38
|
+
primary-active: k-map-get( $kendo-palette-blue, 10 ),
|
|
39
|
+
primary-emphasis: rgba( k-map-get( $kendo-palette-blue, 8 ), .40),
|
|
40
|
+
primary-on-subtle: k-map-get( $kendo-palette-blue, 13 ),
|
|
41
41
|
on-primary: k-map-get( $kendo-palette-gray, white ),
|
|
42
|
-
primary-on-surface: k-map-get( $kendo-palette-blue,
|
|
42
|
+
primary-on-surface: k-map-get( $kendo-palette-blue, 8 ),
|
|
43
43
|
// Secondary
|
|
44
44
|
secondary-subtle: k-map-get( $kendo-palette-gray, 3 ),
|
|
45
45
|
secondary-subtle-hover: k-map-get( $kendo-palette-gray, 4 ),
|
|
46
46
|
secondary-subtle-active: k-map-get( $kendo-palette-gray, 5 ),
|
|
47
|
-
secondary: k-map-get( $kendo-palette-gray,
|
|
48
|
-
secondary-hover: k-map-get( $kendo-palette-gray,
|
|
49
|
-
secondary-active: k-map-get( $kendo-palette-gray,
|
|
50
|
-
secondary-emphasis: k-map-get( $kendo-palette-gray,
|
|
51
|
-
secondary-on-subtle: k-map-get( $kendo-palette-gray,
|
|
47
|
+
secondary: k-map-get( $kendo-palette-gray, 9 ),
|
|
48
|
+
secondary-hover: k-map-get( $kendo-palette-gray, 10 ),
|
|
49
|
+
secondary-active: k-map-get( $kendo-palette-gray, 11 ),
|
|
50
|
+
secondary-emphasis: rgba( k-map-get( $kendo-palette-gray, 9 ), .40),
|
|
51
|
+
secondary-on-subtle: k-map-get( $kendo-palette-gray, 13 ),
|
|
52
52
|
on-secondary: k-map-get( $kendo-palette-gray, white ),
|
|
53
|
-
secondary-on-surface: k-map-get( $kendo-palette-gray,
|
|
53
|
+
secondary-on-surface: k-map-get( $kendo-palette-gray, 9 ),
|
|
54
54
|
// Tertiary
|
|
55
55
|
tertiary-subtle: k-map-get( $kendo-palette-indigo, 2 ),
|
|
56
56
|
tertiary-subtle-hover: k-map-get( $kendo-palette-indigo, 3 ),
|
|
@@ -58,123 +58,123 @@ $_default-colors: (
|
|
|
58
58
|
tertiary: k-map-get( $kendo-palette-indigo, 8 ),
|
|
59
59
|
tertiary-hover: k-map-get( $kendo-palette-indigo, 9 ),
|
|
60
60
|
tertiary-active: k-map-get( $kendo-palette-indigo, 10 ),
|
|
61
|
-
tertiary-emphasis: k-map-get( $kendo-palette-indigo,
|
|
62
|
-
tertiary-on-subtle: k-map-get( $kendo-palette-indigo,
|
|
61
|
+
tertiary-emphasis: rgba( k-map-get( $kendo-palette-indigo, 8 ), .40),
|
|
62
|
+
tertiary-on-subtle: k-map-get( $kendo-palette-indigo, 11 ),
|
|
63
63
|
on-tertiary: k-map-get( $kendo-palette-gray, white ),
|
|
64
64
|
tertiary-on-surface: k-map-get( $kendo-palette-indigo, 8 ),
|
|
65
65
|
// Info
|
|
66
66
|
info-subtle: k-map-get( $kendo-palette-cyan, 2 ),
|
|
67
67
|
info-subtle-hover: k-map-get( $kendo-palette-cyan, 3 ),
|
|
68
|
-
info-subtle-active: k-map-get( $kendo-palette-cyan,
|
|
68
|
+
info-subtle-active: k-map-get( $kendo-palette-cyan, 4 ),
|
|
69
69
|
info: k-map-get( $kendo-palette-cyan, 8 ),
|
|
70
|
-
info-hover: k-map-get( $kendo-palette-cyan,
|
|
71
|
-
info-active: k-map-get( $kendo-palette-cyan,
|
|
72
|
-
info-emphasis: k-map-get( $kendo-palette-cyan,
|
|
73
|
-
info-on-subtle: k-map-get( $kendo-palette-cyan,
|
|
74
|
-
on-info: k-map-get( $kendo-palette-gray,
|
|
70
|
+
info-hover: k-map-get( $kendo-palette-cyan, 7 ),
|
|
71
|
+
info-active: k-map-get( $kendo-palette-cyan, 6 ),
|
|
72
|
+
info-emphasis: rgba( k-map-get( $kendo-palette-cyan, 8 ), .40),
|
|
73
|
+
info-on-subtle: k-map-get( $kendo-palette-cyan, 13 ),
|
|
74
|
+
on-info: k-map-get( $kendo-palette-gray, black ),
|
|
75
75
|
info-on-surface: k-map-get( $kendo-palette-cyan, 8 ),
|
|
76
76
|
// Success
|
|
77
77
|
success-subtle: k-map-get( $kendo-palette-green, 2 ),
|
|
78
78
|
success-subtle-hover: k-map-get( $kendo-palette-green, 3 ),
|
|
79
|
-
success-subtle-active: k-map-get( $kendo-palette-green,
|
|
80
|
-
success: k-map-get( $kendo-palette-green,
|
|
81
|
-
success-hover: k-map-get( $kendo-palette-green,
|
|
82
|
-
success-active: k-map-get( $kendo-palette-green,
|
|
83
|
-
success-emphasis: k-map-get( $kendo-palette-green,
|
|
79
|
+
success-subtle-active: k-map-get( $kendo-palette-green, 4 ),
|
|
80
|
+
success: k-map-get( $kendo-palette-green, 10 ),
|
|
81
|
+
success-hover: k-map-get( $kendo-palette-green, 11 ),
|
|
82
|
+
success-active: k-map-get( $kendo-palette-green, 12 ),
|
|
83
|
+
success-emphasis: rgba( k-map-get( $kendo-palette-green, 10 ), .40),
|
|
84
84
|
success-on-subtle: k-map-get( $kendo-palette-green, 14 ),
|
|
85
85
|
on-success: k-map-get( $kendo-palette-gray, white ),
|
|
86
|
-
success-on-surface: k-map-get( $kendo-palette-green,
|
|
86
|
+
success-on-surface: k-map-get( $kendo-palette-green, 10 ),
|
|
87
87
|
// Warning
|
|
88
|
-
warning-subtle: k-map-get( $kendo-palette-yellow,
|
|
89
|
-
warning-subtle-hover: k-map-get( $kendo-palette-yellow,
|
|
90
|
-
warning-subtle-active: k-map-get( $kendo-palette-yellow,
|
|
88
|
+
warning-subtle: k-map-get( $kendo-palette-yellow, 2 ),
|
|
89
|
+
warning-subtle-hover: k-map-get( $kendo-palette-yellow, 3 ),
|
|
90
|
+
warning-subtle-active: k-map-get( $kendo-palette-yellow, 4 ),
|
|
91
91
|
warning: k-map-get( $kendo-palette-yellow, 8 ),
|
|
92
|
-
warning-hover: k-map-get( $kendo-palette-yellow,
|
|
93
|
-
warning-active: k-map-get( $kendo-palette-yellow,
|
|
94
|
-
warning-emphasis: k-map-get( $kendo-palette-yellow,
|
|
95
|
-
warning-on-subtle: k-map-get( $kendo-palette-yellow,
|
|
92
|
+
warning-hover: k-map-get( $kendo-palette-yellow, 7 ),
|
|
93
|
+
warning-active: k-map-get( $kendo-palette-yellow, 6 ),
|
|
94
|
+
warning-emphasis: rgba( k-map-get( $kendo-palette-yellow, 8 ), .40),
|
|
95
|
+
warning-on-subtle: k-map-get( $kendo-palette-yellow, 13 ),
|
|
96
96
|
on-warning: k-map-get( $kendo-palette-gray, black ),
|
|
97
97
|
warning-on-surface: k-map-get( $kendo-palette-yellow, 8 ),
|
|
98
98
|
// Error
|
|
99
|
-
error-subtle: k-map-get( $kendo-palette-red,
|
|
100
|
-
error-subtle-hover: k-map-get( $kendo-palette-red,
|
|
101
|
-
error-subtle-active: k-map-get( $kendo-palette-red,
|
|
99
|
+
error-subtle: k-map-get( $kendo-palette-red, 2 ),
|
|
100
|
+
error-subtle-hover: k-map-get( $kendo-palette-red, 3 ),
|
|
101
|
+
error-subtle-active: k-map-get( $kendo-palette-red, 4 ),
|
|
102
102
|
error: k-map-get( $kendo-palette-red, 8 ),
|
|
103
103
|
error-hover: k-map-get( $kendo-palette-red, 9 ),
|
|
104
104
|
error-active: k-map-get( $kendo-palette-red, 10 ),
|
|
105
|
-
error-emphasis: k-map-get( $kendo-palette-red,
|
|
106
|
-
error-on-subtle: k-map-get( $kendo-palette-red,
|
|
105
|
+
error-emphasis: rgba( k-map-get( $kendo-palette-red, 8 ), .40),
|
|
106
|
+
error-on-subtle: k-map-get( $kendo-palette-red, 13 ),
|
|
107
107
|
on-error: k-map-get( $kendo-palette-gray, white ),
|
|
108
108
|
error-on-surface: k-map-get( $kendo-palette-red, 8 ),
|
|
109
109
|
// Light
|
|
110
|
-
light-subtle: k-map-get( $kendo-palette-gray,
|
|
111
|
-
light-subtle-hover: k-map-get( $kendo-palette-gray,
|
|
112
|
-
light-subtle-active: k-map-get( $kendo-palette-gray,
|
|
110
|
+
light-subtle: k-map-get( $kendo-palette-gray, white ),
|
|
111
|
+
light-subtle-hover: k-map-get( $kendo-palette-gray, 1 ),
|
|
112
|
+
light-subtle-active: k-map-get( $kendo-palette-gray, 2 ),
|
|
113
113
|
light: k-map-get( $kendo-palette-gray, 1 ),
|
|
114
114
|
light-hover: k-map-get( $kendo-palette-gray, 2 ),
|
|
115
115
|
light-active: k-map-get( $kendo-palette-gray, 3 ),
|
|
116
|
-
light-emphasis: k-map-get( $kendo-palette-gray,
|
|
117
|
-
light-on-subtle: k-map-get( $kendo-palette-gray,
|
|
116
|
+
light-emphasis: rgba( k-map-get( $kendo-palette-gray, 14 ), .10),
|
|
117
|
+
light-on-subtle: k-map-get( $kendo-palette-gray, 11 ),
|
|
118
118
|
on-light: k-map-get( $kendo-palette-gray, black ),
|
|
119
|
-
light-on-surface: k-map-get( $kendo-palette-gray,
|
|
119
|
+
light-on-surface: k-map-get( $kendo-palette-gray, 1 ),
|
|
120
120
|
// Dark
|
|
121
|
-
dark-subtle: k-map-get( $kendo-palette-gray,
|
|
122
|
-
dark-subtle-hover: k-map-get( $kendo-palette-gray,
|
|
123
|
-
dark-subtle-active: k-map-get( $kendo-palette-gray,
|
|
121
|
+
dark-subtle: k-map-get( $kendo-palette-gray, 11 ),
|
|
122
|
+
dark-subtle-hover: k-map-get( $kendo-palette-gray, 10 ),
|
|
123
|
+
dark-subtle-active: k-map-get( $kendo-palette-gray, 9 ),
|
|
124
124
|
dark: k-map-get( $kendo-palette-gray, 14 ),
|
|
125
|
-
dark-hover: k-map-get( $kendo-palette-gray,
|
|
126
|
-
dark-active: k-map-get( $kendo-palette-gray,
|
|
127
|
-
dark-emphasis: k-map-get( $kendo-palette-gray,
|
|
125
|
+
dark-hover: k-map-get( $kendo-palette-gray, 12 ),
|
|
126
|
+
dark-active: k-map-get( $kendo-palette-gray, 11 ),
|
|
127
|
+
dark-emphasis: rgba( k-map-get( $kendo-palette-gray, 14 ), .40),
|
|
128
128
|
dark-on-subtle: k-map-get( $kendo-palette-gray, white ),
|
|
129
129
|
on-dark: k-map-get( $kendo-palette-gray, white ),
|
|
130
|
-
dark-on-surface: k-map-get( $kendo-palette-gray,
|
|
130
|
+
dark-on-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
131
131
|
// Inverse
|
|
132
|
-
inverse-subtle: k-map-get( $kendo-palette-gray,
|
|
133
|
-
inverse-subtle-hover: k-map-get( $kendo-palette-gray,
|
|
134
|
-
inverse-subtle-active: k-map-get( $kendo-palette-gray,
|
|
132
|
+
inverse-subtle: k-map-get( $kendo-palette-gray, 11 ),
|
|
133
|
+
inverse-subtle-hover: k-map-get( $kendo-palette-gray, 10 ),
|
|
134
|
+
inverse-subtle-active: k-map-get( $kendo-palette-gray, 9 ),
|
|
135
135
|
inverse: k-map-get( $kendo-palette-gray, 14 ),
|
|
136
|
-
inverse-hover: k-map-get( $kendo-palette-gray,
|
|
137
|
-
inverse-active: k-map-get( $kendo-palette-gray,
|
|
138
|
-
inverse-emphasis: k-map-get( $kendo-palette-gray,
|
|
136
|
+
inverse-hover: k-map-get( $kendo-palette-gray, 12 ),
|
|
137
|
+
inverse-active: k-map-get( $kendo-palette-gray, 11 ),
|
|
138
|
+
inverse-emphasis: rgba( k-map-get( $kendo-palette-gray, 14 ), .40),
|
|
139
139
|
inverse-on-subtle: k-map-get( $kendo-palette-gray, white ),
|
|
140
140
|
on-inverse: k-map-get( $kendo-palette-gray, white ),
|
|
141
|
-
inverse-on-surface: k-map-get( $kendo-palette-gray,
|
|
141
|
+
inverse-on-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
142
142
|
// Series A
|
|
143
143
|
series-a: k-map-get( $kendo-palette-blue, 9 ),
|
|
144
144
|
series-a-bold: k-map-get( $kendo-palette-blue, 12 ),
|
|
145
|
-
series-a-bolder: k-map-get( $kendo-palette-blue,
|
|
146
|
-
series-a-subtle: k-map-get( $kendo-palette-blue,
|
|
147
|
-
series-a-subtler: k-map-get( $kendo-palette-blue,
|
|
145
|
+
series-a-bolder: k-map-get( $kendo-palette-blue, 13 ),
|
|
146
|
+
series-a-subtle: k-map-get( $kendo-palette-blue, 7 ),
|
|
147
|
+
series-a-subtler: k-map-get( $kendo-palette-blue, 5 ),
|
|
148
148
|
// Series B
|
|
149
149
|
series-b: k-map-get( $kendo-palette-indigo, 8 ),
|
|
150
150
|
series-b-bold: k-map-get( $kendo-palette-indigo, 10 ),
|
|
151
151
|
series-b-bolder: k-map-get( $kendo-palette-indigo, 12 ),
|
|
152
|
-
series-b-subtle: k-map-get( $kendo-palette-indigo,
|
|
153
|
-
series-b-subtler: k-map-get( $kendo-palette-indigo,
|
|
152
|
+
series-b-subtle: k-map-get( $kendo-palette-indigo, 7 ),
|
|
153
|
+
series-b-subtler: k-map-get( $kendo-palette-indigo, 5 ),
|
|
154
154
|
// Series C
|
|
155
155
|
series-c: k-map-get( $kendo-palette-teal, 8 ),
|
|
156
|
-
series-c-bold: k-map-get( $kendo-palette-teal,
|
|
157
|
-
series-c-bolder: k-map-get( $kendo-palette-teal,
|
|
158
|
-
series-c-subtle: k-map-get( $kendo-palette-teal,
|
|
159
|
-
series-c-subtler: k-map-get( $kendo-palette-teal,
|
|
156
|
+
series-c-bold: k-map-get( $kendo-palette-teal, 11 ),
|
|
157
|
+
series-c-bolder: k-map-get( $kendo-palette-teal, 13 ),
|
|
158
|
+
series-c-subtle: k-map-get( $kendo-palette-teal, 6 ),
|
|
159
|
+
series-c-subtler: k-map-get( $kendo-palette-teal, 4 ),
|
|
160
160
|
// Series D
|
|
161
|
-
series-d: k-map-get( $kendo-palette-green,
|
|
162
|
-
series-d-bold: k-map-get( $kendo-palette-green,
|
|
163
|
-
series-d-bolder: k-map-get( $kendo-palette-green,
|
|
164
|
-
series-d-subtle: k-map-get( $kendo-palette-green,
|
|
165
|
-
series-d-subtler: k-map-get( $kendo-palette-green,
|
|
161
|
+
series-d: k-map-get( $kendo-palette-green, 10 ),
|
|
162
|
+
series-d-bold: k-map-get( $kendo-palette-green, 12 ),
|
|
163
|
+
series-d-bolder: k-map-get( $kendo-palette-green, 14 ),
|
|
164
|
+
series-d-subtle: k-map-get( $kendo-palette-green, 8 ),
|
|
165
|
+
series-d-subtler: k-map-get( $kendo-palette-green, 5 ),
|
|
166
166
|
// Series Е
|
|
167
167
|
series-e: k-map-get( $kendo-palette-red, 8 ),
|
|
168
168
|
series-e-bold: k-map-get( $kendo-palette-red, 10 ),
|
|
169
169
|
series-e-bolder: k-map-get( $kendo-palette-red, 12 ),
|
|
170
|
-
series-e-subtle: k-map-get( $kendo-palette-red,
|
|
171
|
-
series-e-subtler: k-map-get( $kendo-palette-red,
|
|
170
|
+
series-e-subtle: k-map-get( $kendo-palette-red, 7 ),
|
|
171
|
+
series-e-subtler: k-map-get( $kendo-palette-red, 4 ),
|
|
172
172
|
// Series F
|
|
173
173
|
series-f: k-map-get( $kendo-palette-yellow, 8 ),
|
|
174
174
|
series-f-bold: k-map-get( $kendo-palette-yellow, 10 ),
|
|
175
175
|
series-f-bolder: k-map-get( $kendo-palette-yellow, 12 ),
|
|
176
|
-
series-f-subtle: k-map-get( $kendo-palette-yellow,
|
|
177
|
-
series-f-subtler: k-map-get( $kendo-palette-yellow,
|
|
176
|
+
series-f-subtle: k-map-get( $kendo-palette-yellow, 7 ),
|
|
177
|
+
series-f-subtler: k-map-get( $kendo-palette-yellow, 5 ),
|
|
178
178
|
) !default;
|
|
179
179
|
|
|
180
180
|
/// The global default Colors map.
|
|
@@ -22,6 +22,7 @@ $kendo-font-size-xl: ( $kendo-font-size-md * 1.5 ) !default;
|
|
|
22
22
|
/// @group typography
|
|
23
23
|
$kendo-line-height: $line-height-base !default;
|
|
24
24
|
/// The extra small line height across all components.
|
|
25
|
+
/// @group typography
|
|
25
26
|
$kendo-line-height-xs: 1 !default;
|
|
26
27
|
/// The small line height across all components.
|
|
27
28
|
/// @group typography
|
|
@@ -12,13 +12,23 @@ $kendo-drawer-border: $kendo-component-border !default;
|
|
|
12
12
|
/// The border width of the Drawer.
|
|
13
13
|
/// @group drawer
|
|
14
14
|
$kendo-drawer-border-width: 1px !default;
|
|
15
|
+
|
|
16
|
+
/// The font family of the Drawer.
|
|
17
|
+
/// @group drawer
|
|
15
18
|
$kendo-drawer-font-family: var( --kendo-font-family, inherit ) !default;
|
|
19
|
+
/// The font size of the Drawer.
|
|
20
|
+
/// @group drawer
|
|
16
21
|
$kendo-drawer-font-size: var( --kendo-font-size, inherit ) !default;
|
|
22
|
+
/// The line height of the Drawer.
|
|
23
|
+
/// @group drawer
|
|
17
24
|
$kendo-drawer-line-height: var( --kendo-line-height, normal ) !default;
|
|
18
|
-
|
|
25
|
+
|
|
26
|
+
/// The horizontal padding of the Drawer content.
|
|
27
|
+
/// @group drawer
|
|
28
|
+
$kendo-drawer-content-padding-x: null !default;
|
|
19
29
|
/// The vertical padding of the Drawer content.
|
|
20
30
|
/// @group drawer
|
|
21
|
-
$kendo-drawer-content-padding-y:
|
|
31
|
+
$kendo-drawer-content-padding-y: null !default;
|
|
22
32
|
|
|
23
33
|
/// The width of the Drawer scrollbar.
|
|
24
34
|
/// @group drawer
|