@progress/kendo-theme-bootstrap 9.1.0-dev.0 → 9.1.0-dev.2
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/all.scss +212 -129
- 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/sassdoc-data.json +28848 -26634
- package/dist/meta/sassdoc-raw-data.json +1349 -324
- package/dist/meta/variables.json +52 -24
- 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/loader/_variables.scss +0 -4
- package/scss/menu/_variables.scss +141 -43
- package/scss/tabstrip/_variables.scss +4 -1
package/dist/meta/variables.json
CHANGED
|
@@ -9737,10 +9737,6 @@
|
|
|
9737
9737
|
"type": "Calculation",
|
|
9738
9738
|
"value": "calc(var(--kendo-spacing-4, 1rem) * 4)"
|
|
9739
9739
|
},
|
|
9740
|
-
"kendo-loader-secondary-bg": {
|
|
9741
|
-
"type": "Color",
|
|
9742
|
-
"value": "#212529"
|
|
9743
|
-
},
|
|
9744
9740
|
"kendo-loader-container-panel-border-width": {
|
|
9745
9741
|
"type": "Number",
|
|
9746
9742
|
"value": "1px"
|
|
@@ -9862,8 +9858,8 @@
|
|
|
9862
9858
|
"value": "var(--kendo-line-height, normal)"
|
|
9863
9859
|
},
|
|
9864
9860
|
"kendo-menu-bg": {
|
|
9865
|
-
"type": "
|
|
9866
|
-
"value": "
|
|
9861
|
+
"type": "Color",
|
|
9862
|
+
"value": "transparent"
|
|
9867
9863
|
},
|
|
9868
9864
|
"kendo-menu-text": {
|
|
9869
9865
|
"type": "String",
|
|
@@ -9893,13 +9889,17 @@
|
|
|
9893
9889
|
"type": "String",
|
|
9894
9890
|
"value": "var(--kendo-spacing-2, 0.5rem)"
|
|
9895
9891
|
},
|
|
9892
|
+
"kendo-menu-item-selected-font-weight": {
|
|
9893
|
+
"type": "String",
|
|
9894
|
+
"value": "var(--kendo-font-weight-bold, normal)"
|
|
9895
|
+
},
|
|
9896
9896
|
"kendo-menu-item-bg": {
|
|
9897
9897
|
"type": "Null",
|
|
9898
9898
|
"value": "null"
|
|
9899
9899
|
},
|
|
9900
9900
|
"kendo-menu-item-text": {
|
|
9901
9901
|
"type": "String",
|
|
9902
|
-
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529)
|
|
9902
|
+
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 76%, transparent)"
|
|
9903
9903
|
},
|
|
9904
9904
|
"kendo-menu-item-border": {
|
|
9905
9905
|
"type": "Null",
|
|
@@ -9915,7 +9915,7 @@
|
|
|
9915
9915
|
},
|
|
9916
9916
|
"kendo-menu-item-hover-text": {
|
|
9917
9917
|
"type": "String",
|
|
9918
|
-
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529)
|
|
9918
|
+
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 93%, transparent)"
|
|
9919
9919
|
},
|
|
9920
9920
|
"kendo-menu-item-hover-border": {
|
|
9921
9921
|
"type": "Null",
|
|
@@ -9925,19 +9925,19 @@
|
|
|
9925
9925
|
"type": "Null",
|
|
9926
9926
|
"value": "null"
|
|
9927
9927
|
},
|
|
9928
|
-
"kendo-menu-item-
|
|
9928
|
+
"kendo-menu-item-active-bg": {
|
|
9929
9929
|
"type": "Null",
|
|
9930
9930
|
"value": "null"
|
|
9931
9931
|
},
|
|
9932
|
-
"kendo-menu-item-
|
|
9932
|
+
"kendo-menu-item-active-text": {
|
|
9933
9933
|
"type": "String",
|
|
9934
|
-
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529)
|
|
9934
|
+
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 100%, transparent)"
|
|
9935
9935
|
},
|
|
9936
|
-
"kendo-menu-item-
|
|
9936
|
+
"kendo-menu-item-active-border": {
|
|
9937
9937
|
"type": "Null",
|
|
9938
9938
|
"value": "null"
|
|
9939
9939
|
},
|
|
9940
|
-
"kendo-menu-item-
|
|
9940
|
+
"kendo-menu-item-active-gradient": {
|
|
9941
9941
|
"type": "Null",
|
|
9942
9942
|
"value": "null"
|
|
9943
9943
|
},
|
|
@@ -9945,13 +9945,25 @@
|
|
|
9945
9945
|
"type": "List",
|
|
9946
9946
|
"value": "inset 0 0 0 3px color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 15%, transparent)"
|
|
9947
9947
|
},
|
|
9948
|
-
"kendo-menu-
|
|
9949
|
-
"type": "
|
|
9950
|
-
"value": "
|
|
9948
|
+
"kendo-menu-item-selected-bg": {
|
|
9949
|
+
"type": "Null",
|
|
9950
|
+
"value": "null"
|
|
9951
|
+
},
|
|
9952
|
+
"kendo-menu-item-selected-text": {
|
|
9953
|
+
"type": "Null",
|
|
9954
|
+
"value": "null"
|
|
9955
|
+
},
|
|
9956
|
+
"kendo-menu-item-selected-border": {
|
|
9957
|
+
"type": "Null",
|
|
9958
|
+
"value": "null"
|
|
9959
|
+
},
|
|
9960
|
+
"kendo-menu-item-selected-gradient": {
|
|
9961
|
+
"type": "Null",
|
|
9962
|
+
"value": "null"
|
|
9951
9963
|
},
|
|
9952
9964
|
"kendo-menu-scroll-button-bg": {
|
|
9953
|
-
"type": "
|
|
9954
|
-
"value": "
|
|
9965
|
+
"type": "Color",
|
|
9966
|
+
"value": "transparent"
|
|
9955
9967
|
},
|
|
9956
9968
|
"kendo-menu-scroll-button-text": {
|
|
9957
9969
|
"type": "String",
|
|
@@ -9981,6 +9993,18 @@
|
|
|
9981
9993
|
"type": "Null",
|
|
9982
9994
|
"value": "null"
|
|
9983
9995
|
},
|
|
9996
|
+
"kendo-menu-separator-margin-inline": {
|
|
9997
|
+
"type": "String",
|
|
9998
|
+
"value": "var(--kendo-spacing-1, 0.25rem)"
|
|
9999
|
+
},
|
|
10000
|
+
"kendo-menu-separator-margin-block": {
|
|
10001
|
+
"type": "String",
|
|
10002
|
+
"value": "var(--kendo-spacing-2, 0.5rem)"
|
|
10003
|
+
},
|
|
10004
|
+
"kendo-menu-separator-border": {
|
|
10005
|
+
"type": "String",
|
|
10006
|
+
"value": "var(--kendo-color-border, rgba(33, 37, 41, 0.13))"
|
|
10007
|
+
},
|
|
9984
10008
|
"kendo-menu-popup-padding-x": {
|
|
9985
10009
|
"type": "Null",
|
|
9986
10010
|
"value": "null"
|
|
@@ -10149,19 +10173,19 @@
|
|
|
10149
10173
|
"type": "Null",
|
|
10150
10174
|
"value": "null"
|
|
10151
10175
|
},
|
|
10152
|
-
"kendo-menu-popup-item-
|
|
10176
|
+
"kendo-menu-popup-item-active-bg": {
|
|
10153
10177
|
"type": "String",
|
|
10154
10178
|
"value": "var(--kendo-color-primary, #0d6efd)"
|
|
10155
10179
|
},
|
|
10156
|
-
"kendo-menu-popup-item-
|
|
10180
|
+
"kendo-menu-popup-item-active-text": {
|
|
10157
10181
|
"type": "String",
|
|
10158
10182
|
"value": "var(--kendo-color-on-primary, #ffffff)"
|
|
10159
10183
|
},
|
|
10160
|
-
"kendo-menu-popup-item-
|
|
10184
|
+
"kendo-menu-popup-item-active-border": {
|
|
10161
10185
|
"type": "Null",
|
|
10162
10186
|
"value": "null"
|
|
10163
10187
|
},
|
|
10164
|
-
"kendo-menu-popup-item-
|
|
10188
|
+
"kendo-menu-popup-item-active-gradient": {
|
|
10165
10189
|
"type": "Null",
|
|
10166
10190
|
"value": "null"
|
|
10167
10191
|
},
|
|
@@ -15656,6 +15680,10 @@
|
|
|
15656
15680
|
"type": "Null",
|
|
15657
15681
|
"value": "null"
|
|
15658
15682
|
},
|
|
15683
|
+
"kendo-tabstrip-item-selected-font-weight": {
|
|
15684
|
+
"type": "String",
|
|
15685
|
+
"value": "var(--kendo-font-weight-bold, normal)"
|
|
15686
|
+
},
|
|
15659
15687
|
"kendo-tabstrip-item-focus-shadow": {
|
|
15660
15688
|
"type": "List",
|
|
15661
15689
|
"value": "inset 0 0 0 3px color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 15%, transparent)"
|
|
@@ -15669,8 +15697,8 @@
|
|
|
15669
15697
|
"value": "null"
|
|
15670
15698
|
},
|
|
15671
15699
|
"kendo-tabstrip-item-disabled-text": {
|
|
15672
|
-
"type": "
|
|
15673
|
-
"value": "
|
|
15700
|
+
"type": "String",
|
|
15701
|
+
"value": "var(--kendo-color-on-app-surface, #212529)"
|
|
15674
15702
|
},
|
|
15675
15703
|
"kendo-tabstrip-item-disabled-border": {
|
|
15676
15704
|
"type": "Null",
|
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": "9.1.0-dev.
|
|
4
|
+
"version": "9.1.0-dev.2",
|
|
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": "3.
|
|
56
|
-
"@progress/kendo-theme-core": "9.1.0-dev.
|
|
57
|
-
"@progress/kendo-theme-default": "9.1.0-dev.
|
|
58
|
-
"@progress/kendo-theme-utils": "9.1.0-dev.
|
|
55
|
+
"@progress/kendo-svg-icons": "^3.1.0",
|
|
56
|
+
"@progress/kendo-theme-core": "9.1.0-dev.2",
|
|
57
|
+
"@progress/kendo-theme-default": "9.1.0-dev.2",
|
|
58
|
+
"@progress/kendo-theme-utils": "9.1.0-dev.2",
|
|
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": "96a26672d9be0e3000f416723965ce410b8b1ff0"
|
|
66
66
|
}
|
|
@@ -64,10 +64,6 @@ $kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
|
|
|
64
64
|
/// @group loader
|
|
65
65
|
$kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
|
|
66
66
|
|
|
67
|
-
/// The color of the Loader based on the secondary theme color.
|
|
68
|
-
/// @group loader
|
|
69
|
-
$kendo-loader-secondary-bg: #212529 !default;
|
|
70
|
-
|
|
71
67
|
/// The border width of the container panel.
|
|
72
68
|
/// @group loader
|
|
73
69
|
$kendo-loader-container-panel-border-width: 1px !default;
|
|
@@ -1,169 +1,267 @@
|
|
|
1
1
|
// Menu
|
|
2
|
+
|
|
3
|
+
/// The width of the border around the Menu.
|
|
4
|
+
/// @group menu
|
|
2
5
|
$kendo-menu-border-width: 0px !default;
|
|
6
|
+
|
|
7
|
+
/// The font family of the Menu.
|
|
8
|
+
/// @group menu
|
|
3
9
|
$kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
|
|
10
|
+
/// The font size of the Menu.
|
|
11
|
+
/// @group menu
|
|
4
12
|
$kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
|
|
13
|
+
/// The line height of the Menu used along with $kendo-font-size.
|
|
14
|
+
/// @group menu
|
|
5
15
|
$kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
|
|
6
16
|
|
|
7
|
-
|
|
17
|
+
/// The background color of the Menu.
|
|
18
|
+
/// @group menu
|
|
19
|
+
$kendo-menu-bg: transparent !default;
|
|
20
|
+
/// The text color of the Menu
|
|
21
|
+
/// @group menu
|
|
8
22
|
$kendo-menu-text: $kendo-component-header-text !default;
|
|
23
|
+
/// The border color of the Menu.
|
|
24
|
+
/// @group menu
|
|
9
25
|
$kendo-menu-border: $kendo-component-header-border !default;
|
|
26
|
+
/// The background gradient of the Menu.
|
|
27
|
+
/// @group menu
|
|
10
28
|
$kendo-menu-gradient: null !default;
|
|
11
29
|
|
|
30
|
+
// Menu item
|
|
31
|
+
|
|
32
|
+
/// The horizontal padding of the Menu item.
|
|
33
|
+
/// @group menu
|
|
12
34
|
$kendo-menu-item-padding-x: k-spacing(2) !default;
|
|
35
|
+
/// The vertical padding of the Menu item.
|
|
36
|
+
/// @group menu
|
|
13
37
|
$kendo-menu-item-padding-y: k-spacing(2) !default;
|
|
38
|
+
/// The spacing between the Menu items.
|
|
39
|
+
/// @group menu
|
|
14
40
|
$kendo-menu-item-spacing: k-spacing(0) !default;
|
|
41
|
+
/// The spacing between the Menu item text and icons.
|
|
42
|
+
/// @group menu
|
|
15
43
|
$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
|
|
16
44
|
|
|
45
|
+
/// The font weight of the selected Menu item.
|
|
46
|
+
/// @group menu
|
|
47
|
+
$kendo-menu-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
48
|
+
|
|
49
|
+
/// The background color of the Menu item.
|
|
50
|
+
/// @group menu
|
|
17
51
|
$kendo-menu-item-bg: null !default;
|
|
18
|
-
|
|
52
|
+
/// The text color of the Menu item.
|
|
53
|
+
/// @group menu
|
|
54
|
+
$kendo-menu-item-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 76%, transparent), rgba( $kendo-menu-text, .76 )) !default;
|
|
55
|
+
/// The border color of the Menu item.
|
|
56
|
+
/// @group menu
|
|
19
57
|
$kendo-menu-item-border: null !default;
|
|
58
|
+
/// The background gradient of the Menu item.
|
|
59
|
+
/// @group menu
|
|
20
60
|
$kendo-menu-item-gradient: null !default;
|
|
21
61
|
|
|
62
|
+
/// The background color of hovered Menu item.
|
|
63
|
+
/// @group menu
|
|
22
64
|
$kendo-menu-item-hover-bg: null !default;
|
|
23
|
-
|
|
65
|
+
/// The text color of hovered Menu item.
|
|
66
|
+
/// @group menu
|
|
67
|
+
$kendo-menu-item-hover-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 93%, transparent), rgba( $kendo-menu-text, .93 )) !default;
|
|
68
|
+
/// The border color of hovered Menu item.
|
|
69
|
+
/// @group menu
|
|
24
70
|
$kendo-menu-item-hover-border: null !default;
|
|
71
|
+
/// The background gradient of hovered Menu item.
|
|
72
|
+
/// @group menu
|
|
25
73
|
$kendo-menu-item-hover-gradient: null !default;
|
|
26
74
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
$kendo-menu-item-
|
|
30
|
-
|
|
75
|
+
/// The background color of active Menu item.
|
|
76
|
+
/// @group menu
|
|
77
|
+
$kendo-menu-item-active-bg: null !default;
|
|
78
|
+
/// The text color of active Menu item.
|
|
79
|
+
/// @group menu
|
|
80
|
+
$kendo-menu-item-active-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 100%, transparent), rgba( $kendo-menu-text, 1 )) !default;
|
|
81
|
+
/// The border color of active Menu item.
|
|
82
|
+
/// @group menu
|
|
83
|
+
$kendo-menu-item-active-border: null !default;
|
|
84
|
+
/// The background gradient of active Menu item.
|
|
85
|
+
/// @group menu
|
|
86
|
+
$kendo-menu-item-active-gradient: null !default;
|
|
31
87
|
|
|
88
|
+
/// The base shadow of focused Menu item.
|
|
89
|
+
/// @group menu
|
|
32
90
|
$kendo-menu-item-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-menu-text, .15 )) !default;
|
|
33
91
|
|
|
34
|
-
|
|
92
|
+
/// The background color of selected Menu item.
|
|
93
|
+
/// @group menu
|
|
94
|
+
$kendo-menu-item-selected-bg: null !default;
|
|
95
|
+
/// The text color of selected Menu item.
|
|
96
|
+
/// @group menu
|
|
97
|
+
$kendo-menu-item-selected-text: null !default;
|
|
98
|
+
/// The border color of selected Menu item.
|
|
99
|
+
/// @group menu
|
|
100
|
+
$kendo-menu-item-selected-border: null !default;
|
|
101
|
+
/// The background gradient of selected Menu item.
|
|
102
|
+
/// @group menu
|
|
103
|
+
$kendo-menu-item-selected-gradient: null !default;
|
|
35
104
|
|
|
105
|
+
/// The background color of the Menu scroll buttons.
|
|
106
|
+
/// @group menu
|
|
36
107
|
$kendo-menu-scroll-button-bg: $kendo-menu-bg !default;
|
|
108
|
+
/// The text color of the Menu scroll buttons.
|
|
109
|
+
/// @group menu
|
|
37
110
|
$kendo-menu-scroll-button-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-menu-text, .5 )) !default;
|
|
111
|
+
/// The border color of the Menu scroll buttons.
|
|
112
|
+
/// @group menu
|
|
38
113
|
$kendo-menu-scroll-button-border: $kendo-menu-border !default;
|
|
114
|
+
/// The background gradient of the Menu scroll buttons.
|
|
115
|
+
/// @group menu
|
|
39
116
|
$kendo-menu-scroll-button-gradient: null !default;
|
|
40
117
|
|
|
118
|
+
/// The background color of hovered Menu scroll buttons.
|
|
119
|
+
/// @group menu
|
|
41
120
|
$kendo-menu-scroll-button-hover-bg: null !default;
|
|
121
|
+
/// The text color of hovered Menu scroll buttons.
|
|
122
|
+
/// @group menu
|
|
42
123
|
$kendo-menu-scroll-button-hover-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), rgba( $kendo-menu-text, .7 )) !default;
|
|
124
|
+
/// The border color of hovered Menu scroll buttons.
|
|
125
|
+
/// @group menu
|
|
43
126
|
$kendo-menu-scroll-button-hover-border: null !default;
|
|
127
|
+
/// The background gradient of hovered Menu scroll buttons.
|
|
128
|
+
/// @group menu
|
|
44
129
|
$kendo-menu-scroll-button-hover-gradient: null !default;
|
|
45
130
|
|
|
46
131
|
|
|
132
|
+
// Menu Separator
|
|
133
|
+
|
|
134
|
+
/// The inline margin of the horizontal Menu separator.
|
|
135
|
+
/// @group menu
|
|
136
|
+
$kendo-menu-separator-margin-inline: k-spacing(1);
|
|
137
|
+
/// The block margin of the horizontal Menu separator.
|
|
138
|
+
/// @group menu
|
|
139
|
+
$kendo-menu-separator-margin-block: k-spacing(2);;
|
|
140
|
+
/// The border color of Menu separator.
|
|
141
|
+
/// @group menu
|
|
142
|
+
$kendo-menu-separator-border: if($kendo-enable-color-system, k-color(border), $kendo-component-border) !default;
|
|
143
|
+
|
|
144
|
+
|
|
47
145
|
// Menu popup
|
|
48
146
|
|
|
49
|
-
///
|
|
147
|
+
/// The horizontal padding of the Menu popup.
|
|
50
148
|
/// @group menu
|
|
51
149
|
$kendo-menu-popup-padding-x: null !default;
|
|
52
150
|
|
|
53
|
-
///
|
|
151
|
+
/// The vertical padding of the Menu popup.
|
|
54
152
|
/// @group menu
|
|
55
153
|
$kendo-menu-popup-padding-y: null !default;
|
|
56
154
|
|
|
57
|
-
///
|
|
155
|
+
/// The width of the border around the Menu popup.
|
|
58
156
|
/// @group menu
|
|
59
157
|
$kendo-menu-popup-border-width: $kendo-popup-border-width !default;
|
|
60
158
|
|
|
61
|
-
///
|
|
159
|
+
/// The font sizes of the Menu popup.
|
|
62
160
|
/// @group menu
|
|
63
|
-
$kendo-menu-popup-font-size: var( --kendo-font-size, inherit )
|
|
64
|
-
$kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit )
|
|
65
|
-
$kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit )
|
|
161
|
+
$kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
|
|
162
|
+
$kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
|
|
163
|
+
$kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
|
|
66
164
|
$kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
|
|
67
165
|
|
|
68
|
-
///
|
|
166
|
+
/// The line heights used along with $kendo-font-size.
|
|
69
167
|
/// @group menu
|
|
70
168
|
$kendo-menu-popup-line-height: var( --kendo-line-height, normal ) !default;
|
|
71
169
|
$kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
|
|
72
170
|
$kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
|
|
73
171
|
$kendo-menu-popup-lg-line-height: var( --kendo-line-height, normal ) !default;
|
|
74
172
|
|
|
75
|
-
/// The background of the
|
|
173
|
+
/// The background color of the Menu popup.
|
|
76
174
|
/// @group menu
|
|
77
175
|
$kendo-menu-popup-bg: $kendo-popup-bg !default;
|
|
78
|
-
/// The text color of the
|
|
176
|
+
/// The text color of the Menu popup.
|
|
79
177
|
/// @group menu
|
|
80
178
|
$kendo-menu-popup-text: $kendo-popup-text !default;
|
|
81
|
-
/// The border color of the
|
|
179
|
+
/// The border color of the Menu popup.
|
|
82
180
|
/// @group menu
|
|
83
181
|
$kendo-menu-popup-border: $kendo-popup-border !default;
|
|
84
|
-
/// The background gradient of the
|
|
182
|
+
/// The background gradient of the Menu popup.
|
|
85
183
|
/// @group menu
|
|
86
184
|
$kendo-menu-popup-gradient: null !default;
|
|
87
185
|
|
|
88
186
|
|
|
89
187
|
// Menu popup item
|
|
90
188
|
|
|
91
|
-
///
|
|
189
|
+
/// The horizontal padding of the Menu item in popup.
|
|
92
190
|
/// @group menu
|
|
93
191
|
$kendo-menu-popup-item-padding-x: k-spacing(4) !default;
|
|
94
192
|
$kendo-menu-popup-sm-item-padding-x: k-spacing(4) !default;
|
|
95
193
|
$kendo-menu-popup-md-item-padding-x: k-spacing(4) !default;
|
|
96
194
|
$kendo-menu-popup-lg-item-padding-x: k-spacing(4) !default;
|
|
97
195
|
|
|
98
|
-
///
|
|
196
|
+
/// The vertical padding of the Menu item in popup.
|
|
99
197
|
/// @group menu
|
|
100
198
|
$kendo-menu-popup-item-padding-y: k-spacing(1) !default;
|
|
101
199
|
$kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
|
|
102
200
|
$kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
|
|
103
201
|
$kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
|
|
104
202
|
|
|
105
|
-
/// The end padding of the
|
|
203
|
+
/// The end padding of the Menu item in popup.
|
|
106
204
|
/// @group menu
|
|
107
205
|
$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
108
206
|
$kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
109
207
|
$kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
110
208
|
$kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
111
209
|
|
|
112
|
-
/// The start margin of the
|
|
210
|
+
/// The start margin of the Menu item expand icon.
|
|
113
211
|
/// @group menu
|
|
114
212
|
$kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
|
|
115
213
|
$kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
|
|
116
214
|
$kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
|
|
117
215
|
|
|
118
|
-
/// The end margin of the
|
|
216
|
+
/// The end margin of the Menu item expand icon.
|
|
119
217
|
/// @group menu
|
|
120
218
|
$kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{k-math-div( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
|
|
121
219
|
$kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{k-math-div( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
|
|
122
220
|
$kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{k-math-div( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
|
|
123
221
|
|
|
124
|
-
/// The spacing between the
|
|
222
|
+
/// The spacing between the Menu items in popup.
|
|
125
223
|
/// @group menu
|
|
126
224
|
$kendo-menu-popup-item-spacing: k-spacing(0) !default;
|
|
127
225
|
|
|
128
|
-
/// The background of the
|
|
226
|
+
/// The background color of the Menu item in popup.
|
|
129
227
|
/// @group menu
|
|
130
228
|
$kendo-menu-popup-item-bg: null !default;
|
|
131
|
-
/// The text color of the
|
|
229
|
+
/// The text color of the Menu item in popup.
|
|
132
230
|
/// @group menu
|
|
133
231
|
$kendo-menu-popup-item-text: null !default;
|
|
134
|
-
/// The border color of the
|
|
232
|
+
/// The border color of the Menu item in popup.
|
|
135
233
|
/// @group menu
|
|
136
234
|
$kendo-menu-popup-item-border: null !default;
|
|
137
|
-
/// The background gradient of the
|
|
235
|
+
/// The background gradient of the Menu item in popup.
|
|
138
236
|
/// @group menu
|
|
139
237
|
$kendo-menu-popup-item-gradient: null !default;
|
|
140
238
|
|
|
141
|
-
/// The background of hovered
|
|
239
|
+
/// The background color of hovered Menu item in popup.
|
|
142
240
|
/// @group menu
|
|
143
241
|
$kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
|
|
144
|
-
/// The text color of hovered
|
|
242
|
+
/// The text color of hovered Menu item in popup.
|
|
145
243
|
/// @group menu
|
|
146
244
|
$kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
|
|
147
|
-
/// The border color of hovered
|
|
245
|
+
/// The border color of hovered Menu item in popup.
|
|
148
246
|
/// @group menu
|
|
149
247
|
$kendo-menu-popup-item-hover-border: null !default;
|
|
150
|
-
/// The background gradient of hovered
|
|
248
|
+
/// The background gradient of hovered Menu item in popup.
|
|
151
249
|
/// @group menu
|
|
152
250
|
$kendo-menu-popup-item-hover-gradient: null !default;
|
|
153
251
|
|
|
154
|
-
/// The background of
|
|
252
|
+
/// The background color of active Menu item in popup.
|
|
155
253
|
/// @group menu
|
|
156
|
-
$kendo-menu-popup-item-
|
|
157
|
-
/// The text color of
|
|
254
|
+
$kendo-menu-popup-item-active-bg: $kendo-list-item-selected-bg !default;
|
|
255
|
+
/// The text color of active Menu item in popup.
|
|
158
256
|
/// @group menu
|
|
159
|
-
$kendo-menu-popup-item-
|
|
160
|
-
/// The border color of
|
|
257
|
+
$kendo-menu-popup-item-active-text: $kendo-list-item-selected-text !default;
|
|
258
|
+
/// The border color of active Menu item in popup.
|
|
161
259
|
/// @group menu
|
|
162
|
-
$kendo-menu-popup-item-
|
|
163
|
-
/// The background gradient of
|
|
260
|
+
$kendo-menu-popup-item-active-border: null !default;
|
|
261
|
+
/// The background gradient of active Menu item in popup.
|
|
164
262
|
/// @group menu
|
|
165
|
-
$kendo-menu-popup-item-
|
|
263
|
+
$kendo-menu-popup-item-active-gradient: null !default;
|
|
166
264
|
|
|
167
|
-
/// The base shadow of focused
|
|
265
|
+
/// The base shadow of focused Menu item in popup.
|
|
168
266
|
/// @group menu
|
|
169
267
|
$kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|