@progress/kendo-theme-classic 9.1.0-dev.1 → 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 +189 -97
- package/dist/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +25629 -23415
- package/dist/meta/sassdoc-raw-data.json +1167 -142
- package/dist/meta/variables.json +45 -25
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +6 -6
- package/scss/menu/_variables.scss +138 -43
package/dist/meta/variables.json
CHANGED
|
@@ -6171,14 +6171,6 @@
|
|
|
6171
6171
|
"type": "Color",
|
|
6172
6172
|
"value": "#ff0000"
|
|
6173
6173
|
},
|
|
6174
|
-
"kendo-menu-padding-x": {
|
|
6175
|
-
"type": "String",
|
|
6176
|
-
"value": "var(--kendo-spacing-0, 0px)"
|
|
6177
|
-
},
|
|
6178
|
-
"kendo-menu-padding-y": {
|
|
6179
|
-
"type": "String",
|
|
6180
|
-
"value": "var(--kendo-spacing-0, 0px)"
|
|
6181
|
-
},
|
|
6182
6174
|
"kendo-menu-border-width": {
|
|
6183
6175
|
"type": "Number",
|
|
6184
6176
|
"value": "1px"
|
|
@@ -6227,6 +6219,10 @@
|
|
|
6227
6219
|
"type": "String",
|
|
6228
6220
|
"value": "var(--kendo-spacing-1, 0.25rem)"
|
|
6229
6221
|
},
|
|
6222
|
+
"kendo-menu-item-selected-font-weight": {
|
|
6223
|
+
"type": "String",
|
|
6224
|
+
"value": "var(--kendo-font-weight-bold, normal)"
|
|
6225
|
+
},
|
|
6230
6226
|
"kendo-menu-item-bg": {
|
|
6231
6227
|
"type": "Null",
|
|
6232
6228
|
"value": "null"
|
|
@@ -6259,19 +6255,19 @@
|
|
|
6259
6255
|
"type": "Null",
|
|
6260
6256
|
"value": "null"
|
|
6261
6257
|
},
|
|
6262
|
-
"kendo-menu-item-
|
|
6258
|
+
"kendo-menu-item-active-bg": {
|
|
6263
6259
|
"type": "Null",
|
|
6264
6260
|
"value": "null"
|
|
6265
6261
|
},
|
|
6266
|
-
"kendo-menu-item-
|
|
6262
|
+
"kendo-menu-item-active-text": {
|
|
6267
6263
|
"type": "String",
|
|
6268
6264
|
"value": "var(--kendo-color-on-app-surface, #272727)"
|
|
6269
6265
|
},
|
|
6270
|
-
"kendo-menu-item-
|
|
6266
|
+
"kendo-menu-item-active-border": {
|
|
6271
6267
|
"type": "Null",
|
|
6272
6268
|
"value": "null"
|
|
6273
6269
|
},
|
|
6274
|
-
"kendo-menu-item-
|
|
6270
|
+
"kendo-menu-item-active-gradient": {
|
|
6275
6271
|
"type": "Null",
|
|
6276
6272
|
"value": "null"
|
|
6277
6273
|
},
|
|
@@ -6279,21 +6275,33 @@
|
|
|
6279
6275
|
"type": "List",
|
|
6280
6276
|
"value": "inset 0 0 3px 1px color-mix(in srgb, var(--kendo-color-on-app-surface, #272727) 25%, transparent)"
|
|
6281
6277
|
},
|
|
6282
|
-
"kendo-menu-
|
|
6283
|
-
"type": "
|
|
6284
|
-
"value": "
|
|
6278
|
+
"kendo-menu-item-selected-bg": {
|
|
6279
|
+
"type": "Null",
|
|
6280
|
+
"value": "null"
|
|
6281
|
+
},
|
|
6282
|
+
"kendo-menu-item-selected-text": {
|
|
6283
|
+
"type": "Null",
|
|
6284
|
+
"value": "null"
|
|
6285
|
+
},
|
|
6286
|
+
"kendo-menu-item-selected-border": {
|
|
6287
|
+
"type": "Null",
|
|
6288
|
+
"value": "null"
|
|
6289
|
+
},
|
|
6290
|
+
"kendo-menu-item-selected-gradient": {
|
|
6291
|
+
"type": "Null",
|
|
6292
|
+
"value": "null"
|
|
6285
6293
|
},
|
|
6286
6294
|
"kendo-menu-scroll-button-bg": {
|
|
6287
|
-
"type": "
|
|
6288
|
-
"value": "
|
|
6295
|
+
"type": "Null",
|
|
6296
|
+
"value": "null"
|
|
6289
6297
|
},
|
|
6290
6298
|
"kendo-menu-scroll-button-text": {
|
|
6291
6299
|
"type": "String",
|
|
6292
|
-
"value": "var(--kendo-color-
|
|
6300
|
+
"value": "var(--kendo-color-subtle, #666666)"
|
|
6293
6301
|
},
|
|
6294
6302
|
"kendo-menu-scroll-button-border": {
|
|
6295
|
-
"type": "
|
|
6296
|
-
"value": "
|
|
6303
|
+
"type": "Null",
|
|
6304
|
+
"value": "null"
|
|
6297
6305
|
},
|
|
6298
6306
|
"kendo-menu-scroll-button-gradient": {
|
|
6299
6307
|
"type": "Null",
|
|
@@ -6305,7 +6313,7 @@
|
|
|
6305
6313
|
},
|
|
6306
6314
|
"kendo-menu-scroll-button-hover-text": {
|
|
6307
6315
|
"type": "String",
|
|
6308
|
-
"value": "var(--kendo-color-
|
|
6316
|
+
"value": "var(--kendo-color-on-app-surface, #272727)"
|
|
6309
6317
|
},
|
|
6310
6318
|
"kendo-menu-scroll-button-hover-border": {
|
|
6311
6319
|
"type": "Null",
|
|
@@ -6315,6 +6323,18 @@
|
|
|
6315
6323
|
"type": "Null",
|
|
6316
6324
|
"value": "null"
|
|
6317
6325
|
},
|
|
6326
|
+
"kendo-menu-separator-margin-inline": {
|
|
6327
|
+
"type": "String",
|
|
6328
|
+
"value": "var(--kendo-spacing-1, 0.25rem)"
|
|
6329
|
+
},
|
|
6330
|
+
"kendo-menu-separator-margin-block": {
|
|
6331
|
+
"type": "String",
|
|
6332
|
+
"value": "var(--kendo-spacing-1\\.5, 0.375rem)"
|
|
6333
|
+
},
|
|
6334
|
+
"kendo-menu-separator-border": {
|
|
6335
|
+
"type": "String",
|
|
6336
|
+
"value": "var(--kendo-color-border, #cacaca)"
|
|
6337
|
+
},
|
|
6318
6338
|
"kendo-menu-popup-padding-x": {
|
|
6319
6339
|
"type": "Null",
|
|
6320
6340
|
"value": "null"
|
|
@@ -6483,19 +6503,19 @@
|
|
|
6483
6503
|
"type": "Null",
|
|
6484
6504
|
"value": "null"
|
|
6485
6505
|
},
|
|
6486
|
-
"kendo-menu-popup-item-
|
|
6506
|
+
"kendo-menu-popup-item-active-bg": {
|
|
6487
6507
|
"type": "String",
|
|
6488
6508
|
"value": "var(--kendo-color-primary, #f35800)"
|
|
6489
6509
|
},
|
|
6490
|
-
"kendo-menu-popup-item-
|
|
6510
|
+
"kendo-menu-popup-item-active-text": {
|
|
6491
6511
|
"type": "String",
|
|
6492
6512
|
"value": "var(--kendo-color-on-primary, #ffffff)"
|
|
6493
6513
|
},
|
|
6494
|
-
"kendo-menu-popup-item-
|
|
6514
|
+
"kendo-menu-popup-item-active-border": {
|
|
6495
6515
|
"type": "Null",
|
|
6496
6516
|
"value": "null"
|
|
6497
6517
|
},
|
|
6498
|
-
"kendo-menu-popup-item-
|
|
6518
|
+
"kendo-menu-popup-item-active-gradient": {
|
|
6499
6519
|
"type": "Null",
|
|
6500
6520
|
"value": "null"
|
|
6501
6521
|
},
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
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,14 +52,14 @@
|
|
|
52
52
|
"postpublish": "echo 'no postpublish for classic 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
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "96a26672d9be0e3000f416723965ce410b8b1ff0"
|
|
65
65
|
}
|
|
@@ -1,172 +1,267 @@
|
|
|
1
1
|
// Menu
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
/// The width of the border around the Menu.
|
|
4
|
+
/// @group menu
|
|
5
5
|
$kendo-menu-border-width: 1px !default;
|
|
6
|
+
/// The font family of the Menu.
|
|
7
|
+
/// @group menu
|
|
6
8
|
$kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
|
|
9
|
+
/// The font size of the Menu.
|
|
10
|
+
/// @group menu
|
|
7
11
|
$kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
|
|
12
|
+
/// The line height of the Menu used along with $kendo-font-size.
|
|
13
|
+
/// @group menu
|
|
8
14
|
$kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
|
|
9
15
|
|
|
16
|
+
/// The background color of the Menu.
|
|
17
|
+
/// @group menu
|
|
10
18
|
$kendo-menu-bg: $kendo-base-bg !default;
|
|
19
|
+
/// The text color of the Menu.
|
|
20
|
+
/// @group menu
|
|
11
21
|
$kendo-menu-text: $kendo-base-text !default;
|
|
22
|
+
/// The border color of the Menu.
|
|
23
|
+
/// @group menu
|
|
12
24
|
$kendo-menu-border: $kendo-base-border !default;
|
|
25
|
+
/// The background gradient of the Menu.
|
|
26
|
+
/// @group menu
|
|
13
27
|
$kendo-menu-gradient: $kendo-base-gradient !default;
|
|
14
28
|
|
|
29
|
+
|
|
30
|
+
// Menu item
|
|
31
|
+
|
|
32
|
+
/// The horizontal padding of the Menu item.
|
|
33
|
+
/// @group menu
|
|
15
34
|
$kendo-menu-item-padding-x: k-spacing(2) !default;
|
|
35
|
+
/// The vertical padding of the Menu item.
|
|
36
|
+
/// @group menu
|
|
16
37
|
$kendo-menu-item-padding-y: k-spacing(1) !default;
|
|
38
|
+
/// The spacing between the Menu items.
|
|
39
|
+
/// @group menu
|
|
17
40
|
$kendo-menu-item-spacing: null !default;
|
|
41
|
+
/// The spacing between the Menu item text and icons.
|
|
42
|
+
/// @group menu
|
|
18
43
|
$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
|
|
19
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
|
|
20
51
|
$kendo-menu-item-bg: null !default;
|
|
52
|
+
/// The text color of the Menu item.
|
|
53
|
+
/// @group menu
|
|
21
54
|
$kendo-menu-item-text: inherit !default;
|
|
55
|
+
/// The border color of the Menu item.
|
|
56
|
+
/// @group menu
|
|
22
57
|
$kendo-menu-item-border: null !default;
|
|
58
|
+
/// The background gradient of the Menu item.
|
|
59
|
+
/// @group menu
|
|
23
60
|
$kendo-menu-item-gradient: null !default;
|
|
24
61
|
|
|
62
|
+
/// The background color of hovered Menu item.
|
|
63
|
+
/// @group menu
|
|
25
64
|
$kendo-menu-item-hover-bg: $kendo-hover-bg !default;
|
|
65
|
+
/// The text color of hovered Menu item.
|
|
66
|
+
/// @group menu
|
|
26
67
|
$kendo-menu-item-hover-text: $kendo-hover-text !default;
|
|
68
|
+
/// The border color of hovered Menu item.
|
|
69
|
+
/// @group menu
|
|
27
70
|
$kendo-menu-item-hover-border: $kendo-hover-border !default;
|
|
71
|
+
/// The background gradient of hovered Menu item.
|
|
72
|
+
/// @group menu
|
|
28
73
|
$kendo-menu-item-hover-gradient: $kendo-hover-gradient !default;
|
|
29
74
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
$kendo-menu-item-
|
|
33
|
-
|
|
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: $kendo-component-text !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;
|
|
34
87
|
|
|
88
|
+
/// The base shadow of focused Menu item.
|
|
89
|
+
/// @group menu
|
|
35
90
|
$kendo-menu-item-focus-shadow: inset 0 0 3px 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( $kendo-menu-text, .25 )) !default;
|
|
36
91
|
|
|
37
|
-
|
|
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;
|
|
38
104
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
$kendo-menu-scroll-button-
|
|
105
|
+
/// The background color of the Menu scroll buttons.
|
|
106
|
+
/// @group menu
|
|
107
|
+
$kendo-menu-scroll-button-bg: null !default;
|
|
108
|
+
/// The text color of the Menu scroll buttons.
|
|
109
|
+
/// @group menu
|
|
110
|
+
$kendo-menu-scroll-button-text: $kendo-subtle-text !default;
|
|
111
|
+
/// The border color of the Menu scroll buttons.
|
|
112
|
+
/// @group menu
|
|
113
|
+
$kendo-menu-scroll-button-border: null !default;
|
|
114
|
+
/// The background gradient of the Menu scroll buttons.
|
|
115
|
+
/// @group menu
|
|
42
116
|
$kendo-menu-scroll-button-gradient: null !default;
|
|
43
117
|
|
|
118
|
+
/// The background color of hovered Menu scroll buttons.
|
|
119
|
+
/// @group menu
|
|
44
120
|
$kendo-menu-scroll-button-hover-bg: null !default;
|
|
45
|
-
|
|
121
|
+
/// The text color of hovered Menu scroll buttons.
|
|
122
|
+
/// @group menu
|
|
123
|
+
$kendo-menu-scroll-button-hover-text: $kendo-component-text !default;
|
|
124
|
+
/// The border color of hovered Menu scroll buttons.
|
|
125
|
+
/// @group menu
|
|
46
126
|
$kendo-menu-scroll-button-hover-border: null !default;
|
|
127
|
+
/// The background gradient of hovered Menu scroll buttons.
|
|
128
|
+
/// @group menu
|
|
47
129
|
$kendo-menu-scroll-button-hover-gradient: null !default;
|
|
48
130
|
|
|
49
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(1.5);
|
|
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
|
+
|
|
50
145
|
// Menu popup
|
|
51
146
|
|
|
52
|
-
///
|
|
147
|
+
/// The horizontal padding of the Menu popup.
|
|
53
148
|
/// @group menu
|
|
54
149
|
$kendo-menu-popup-padding-x: null !default;
|
|
55
150
|
|
|
56
|
-
///
|
|
151
|
+
/// The vertical padding of the Menu popup.
|
|
57
152
|
/// @group menu
|
|
58
153
|
$kendo-menu-popup-padding-y: null !default;
|
|
59
154
|
|
|
60
|
-
///
|
|
155
|
+
/// The width of the border around the Menu popup.
|
|
61
156
|
/// @group menu
|
|
62
157
|
$kendo-menu-popup-border-width: $kendo-popup-border-width !default;
|
|
63
158
|
|
|
64
|
-
///
|
|
159
|
+
/// The font sizes of the Menu popup.
|
|
65
160
|
/// @group menu
|
|
66
161
|
$kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
|
|
67
162
|
$kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
|
|
68
163
|
$kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
|
|
69
164
|
$kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
|
|
70
165
|
|
|
71
|
-
///
|
|
166
|
+
/// The line heights used along with $kendo-font-size.
|
|
72
167
|
/// @group menu
|
|
73
168
|
$kendo-menu-popup-line-height: var( --kendo-line-height, normal ) !default;
|
|
74
169
|
$kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
|
|
75
170
|
$kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
|
|
76
171
|
$kendo-menu-popup-lg-line-height: var( --kendo-line-height, normal ) !default;
|
|
77
172
|
|
|
78
|
-
/// The background of the
|
|
173
|
+
/// The background color of the Menu popup.
|
|
79
174
|
/// @group menu
|
|
80
175
|
$kendo-menu-popup-bg: $kendo-popup-bg !default;
|
|
81
|
-
/// The text color of the
|
|
176
|
+
/// The text color of the Menu popup.
|
|
82
177
|
/// @group menu
|
|
83
178
|
$kendo-menu-popup-text: $kendo-popup-text !default;
|
|
84
|
-
/// The border color of the
|
|
179
|
+
/// The border color of the Menu popup.
|
|
85
180
|
/// @group menu
|
|
86
181
|
$kendo-menu-popup-border: $kendo-popup-border !default;
|
|
87
|
-
/// The background gradient of the
|
|
182
|
+
/// The background gradient of the Menu popup.
|
|
88
183
|
/// @group menu
|
|
89
184
|
$kendo-menu-popup-gradient: null !default;
|
|
90
185
|
|
|
91
186
|
|
|
92
187
|
// Menu popup item
|
|
93
188
|
|
|
94
|
-
///
|
|
189
|
+
/// The horizontal padding of the Menu item in popup.
|
|
95
190
|
/// @group menu
|
|
96
191
|
$kendo-menu-popup-item-padding-x: k-spacing(2) !default;
|
|
97
192
|
$kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
|
|
98
193
|
$kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
|
|
99
194
|
$kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
|
|
100
195
|
|
|
101
|
-
///
|
|
196
|
+
/// The vertical padding of the Menu item in popup.
|
|
102
197
|
/// @group menu
|
|
103
198
|
$kendo-menu-popup-item-padding-y: k-spacing(1) !default;
|
|
104
199
|
$kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
|
|
105
200
|
$kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
|
|
106
201
|
$kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
|
|
107
202
|
|
|
108
|
-
/// The end padding of the
|
|
203
|
+
/// The end padding of the Menu item in popup.
|
|
109
204
|
/// @group menu
|
|
110
205
|
$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
111
206
|
$kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
112
207
|
$kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
113
208
|
$kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
114
209
|
|
|
115
|
-
/// The start margin of the
|
|
210
|
+
/// The start margin of the Menu item expand icon.
|
|
116
211
|
/// @group menu
|
|
117
212
|
$kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
|
|
118
213
|
$kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
|
|
119
214
|
$kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
|
|
120
215
|
|
|
121
|
-
/// The end margin of the
|
|
216
|
+
/// The end margin of the Menu item expand icon.
|
|
122
217
|
/// @group menu
|
|
123
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;
|
|
124
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;
|
|
125
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;
|
|
126
221
|
|
|
127
|
-
/// The spacing between the
|
|
222
|
+
/// The spacing between the Menu items in popup.
|
|
128
223
|
/// @group menu
|
|
129
224
|
$kendo-menu-popup-item-spacing: k-spacing(0) !default;
|
|
130
225
|
|
|
131
|
-
/// The background of the
|
|
226
|
+
/// The background color of the Menu item in popup.
|
|
132
227
|
/// @group menu
|
|
133
228
|
$kendo-menu-popup-item-bg: null !default;
|
|
134
|
-
/// The text color of the
|
|
229
|
+
/// The text color of the Menu item in popup.
|
|
135
230
|
/// @group menu
|
|
136
231
|
$kendo-menu-popup-item-text: null !default;
|
|
137
|
-
/// The border color of the
|
|
232
|
+
/// The border color of the Menu item in popup.
|
|
138
233
|
/// @group menu
|
|
139
234
|
$kendo-menu-popup-item-border: null !default;
|
|
140
|
-
/// The background gradient of the
|
|
235
|
+
/// The background gradient of the Menu item in popup.
|
|
141
236
|
/// @group menu
|
|
142
237
|
$kendo-menu-popup-item-gradient: null !default;
|
|
143
238
|
|
|
144
|
-
/// The background of hovered
|
|
239
|
+
/// The background color of hovered Menu item in popup.
|
|
145
240
|
/// @group menu
|
|
146
241
|
$kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
|
|
147
|
-
/// The text color of hovered
|
|
242
|
+
/// The text color of hovered Menu item in popup.
|
|
148
243
|
/// @group menu
|
|
149
244
|
$kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
|
|
150
|
-
/// The border color of hovered
|
|
245
|
+
/// The border color of hovered Menu item in popup.
|
|
151
246
|
/// @group menu
|
|
152
247
|
$kendo-menu-popup-item-hover-border: null !default;
|
|
153
|
-
/// The background gradient of hovered
|
|
248
|
+
/// The background gradient of hovered Menu item in popup.
|
|
154
249
|
/// @group menu
|
|
155
250
|
$kendo-menu-popup-item-hover-gradient: null !default;
|
|
156
251
|
|
|
157
|
-
/// The background of
|
|
252
|
+
/// The background color of active Menu item in popup.
|
|
158
253
|
/// @group menu
|
|
159
|
-
$kendo-menu-popup-item-
|
|
160
|
-
/// 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.
|
|
161
256
|
/// @group menu
|
|
162
|
-
$kendo-menu-popup-item-
|
|
163
|
-
/// 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.
|
|
164
259
|
/// @group menu
|
|
165
|
-
$kendo-menu-popup-item-
|
|
166
|
-
/// The background gradient of
|
|
260
|
+
$kendo-menu-popup-item-active-border: null !default;
|
|
261
|
+
/// The background gradient of active Menu item in popup.
|
|
167
262
|
/// @group menu
|
|
168
|
-
$kendo-menu-popup-item-
|
|
263
|
+
$kendo-menu-popup-item-active-gradient: null !default;
|
|
169
264
|
|
|
170
|
-
/// The base shadow of focused
|
|
265
|
+
/// The base shadow of focused Menu item in popup.
|
|
171
266
|
/// @group menu
|
|
172
267
|
$kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|