@progress/kendo-theme-classic 5.12.1-dev.2 → 5.12.1-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.
Files changed (101) hide show
  1. package/dist/all.css +222 -18
  2. package/dist/all.scss +4772 -4687
  3. package/dist/classic-green-dark.scss +27 -30
  4. package/dist/classic-green.scss +27 -29
  5. package/dist/classic-main-dark.scss +27 -30
  6. package/dist/classic-main.scss +27 -29
  7. package/dist/classic-opal-dark.scss +27 -30
  8. package/dist/classic-opal.scss +27 -29
  9. package/dist/classic-silver-dark.scss +27 -30
  10. package/dist/classic-silver.scss +27 -29
  11. package/lib/swatches/classic-green-dark.json +31 -49
  12. package/lib/swatches/classic-green.json +33 -41
  13. package/lib/swatches/classic-main-dark.json +31 -49
  14. package/lib/swatches/classic-main.json +33 -41
  15. package/lib/swatches/classic-opal-dark.json +31 -49
  16. package/lib/swatches/classic-opal.json +33 -41
  17. package/lib/swatches/classic-silver-dark.json +31 -49
  18. package/lib/swatches/classic-silver.json +33 -41
  19. package/package.json +5 -5
  20. package/scss/_variables.scss +52 -49
  21. package/scss/action-buttons/_variables.scss +9 -9
  22. package/scss/action-sheet/_variables.scss +63 -63
  23. package/scss/adaptive/_variables.scss +18 -18
  24. package/scss/appbar/_variables.scss +3 -3
  25. package/scss/avatar/_variables.scss +3 -3
  26. package/scss/badge/_variables.scss +32 -32
  27. package/scss/bottom-navigation/_variables.scss +23 -23
  28. package/scss/breadcrumb/_variables.scss +45 -44
  29. package/scss/button/_variables.scss +39 -39
  30. package/scss/calendar/_variables.scss +84 -87
  31. package/scss/captcha/_variables.scss +14 -14
  32. package/scss/card/_variables.scss +55 -55
  33. package/scss/chat/_variables.scss +57 -57
  34. package/scss/checkbox/_variables.scss +1 -1
  35. package/scss/chip/_variables.scss +29 -29
  36. package/scss/color-preview/_variables.scss +11 -11
  37. package/scss/coloreditor/_variables.scss +24 -24
  38. package/scss/colorgradient/_variables.scss +51 -51
  39. package/scss/colorpalette/_variables.scss +8 -8
  40. package/scss/dataviz/_variables.scss +97 -97
  41. package/scss/datetimepicker/_variables.scss +1 -1
  42. package/scss/dialog/_variables.scss +3 -3
  43. package/scss/draggable/_variables.scss +20 -20
  44. package/scss/drawer/_variables.scss +4 -4
  45. package/scss/dropdowntree/_variables.scss +2 -2
  46. package/scss/dropzone/_variables.scss +20 -20
  47. package/scss/editor/_variables.scss +3 -3
  48. package/scss/expansion-panel/_variables.scss +22 -22
  49. package/scss/fab/_variables.scss +10 -10
  50. package/scss/filemanager/_variables.scss +59 -59
  51. package/scss/filter/_variables.scss +8 -8
  52. package/scss/floating-label/_variables.scss +14 -14
  53. package/scss/forms/_variables.scss +12 -12
  54. package/scss/gantt/_variables.scss +92 -92
  55. package/scss/grid/_variables.scss +74 -74
  56. package/scss/imageeditor/_variables.scss +31 -31
  57. package/scss/input/_variables.scss +36 -36
  58. package/scss/list/_variables.scss +66 -72
  59. package/scss/listbox/_variables.scss +3 -3
  60. package/scss/listgroup/_variables.scss +10 -10
  61. package/scss/listview/_variables.scss +3 -3
  62. package/scss/loader/_variables.scss +30 -30
  63. package/scss/map/_variables.scss +21 -21
  64. package/scss/mediaplayer/_variables.scss +13 -13
  65. package/scss/menu/_variables.scss +65 -68
  66. package/scss/messagebox/_variables.scss +11 -11
  67. package/scss/notification/_variables.scss +4 -4
  68. package/scss/orgchart/_variables.scss +56 -56
  69. package/scss/overlay/_variables.scss +3 -3
  70. package/scss/pager/_variables.scss +33 -33
  71. package/scss/panelbar/_variables.scss +104 -104
  72. package/scss/pdf-viewer/_variables.scss +44 -44
  73. package/scss/pivotgrid/_variables.scss +86 -86
  74. package/scss/popover/_variables.scss +16 -16
  75. package/scss/popup/_variables.scss +12 -12
  76. package/scss/progressbar/_variables.scss +2 -2
  77. package/scss/radio/_variables.scss +1 -1
  78. package/scss/rating/_variables.scss +16 -16
  79. package/scss/scheduler/_variables.scss +89 -89
  80. package/scss/scrollview/_variables.scss +32 -32
  81. package/scss/signature/_variables.scss +18 -18
  82. package/scss/skeleton/_variables.scss +6 -6
  83. package/scss/slider/_variables.scss +44 -44
  84. package/scss/split-button/_variables.scss +6 -6
  85. package/scss/splitter/_variables.scss +18 -18
  86. package/scss/spreadsheet/_variables.scss +29 -29
  87. package/scss/stepper/_variables.scss +86 -86
  88. package/scss/switch/_variables.scss +4 -4
  89. package/scss/table/_variables.scss +18 -18
  90. package/scss/tabstrip/_variables.scss +41 -41
  91. package/scss/taskboard/_variables.scss +93 -93
  92. package/scss/tilelayout/_variables.scss +8 -8
  93. package/scss/timeline/_variables.scss +50 -50
  94. package/scss/timeselector/_variables.scss +36 -39
  95. package/scss/toolbar/_variables.scss +21 -21
  96. package/scss/tooltip/_variables.scss +29 -29
  97. package/scss/treeview/_variables.scss +30 -33
  98. package/scss/typography/_variables.scss +84 -92
  99. package/scss/upload/_variables.scss +3 -3
  100. package/scss/window/_variables.scss +6 -6
  101. package/scss/wizard/_variables.scss +10 -10
package/scss/grid/_variables.scss CHANGED
@@ -1,15 +1,15 @@
1
1
  // Grid
2
2
  $kendo-grid-border-width: 1px !default;
3
- $kendo-grid-font-family: $font-family !default;
4
- $kendo-grid-font-size: $font-size !default;
5
- $kendo-grid-line-height: $line-height !default;
3
+ $kendo-grid-font-family: $kendo-font-family !default;
4
+ $kendo-grid-font-size: $kendo-font-size-md !default;
5
+ $kendo-grid-line-height: $kendo-line-height-md !default;
6
6
 
7
7
  /// Horizontal padding of the grid.
8
8
  /// @group grid
9
- $kendo-grid-padding-x: $kendo-table-cell-padding-x-md !default;
9
+ $kendo-grid-padding-x: $kendo-table-md-cell-padding-x !default;
10
10
  /// Vertical padding of the grid.
11
11
  /// @group grid
12
- $kendo-grid-padding-y: $kendo-table-cell-padding-y-md !default;
12
+ $kendo-grid-padding-y: $kendo-table-md-cell-padding-y !default;
13
13
 
14
14
  /// Horizontal padding of the grid header.
15
15
  /// @group grid
@@ -53,71 +53,71 @@ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
53
53
  /// @group grid
54
54
  $kendo-grid-edit-cell-padding-y: 3px !default;
55
55
 
56
- $kendo-grid-group-dropclue-size: 6px !default;
57
- $kendo-grid-group-dropclue-line-size: k-math-div( $kendo-grid-group-dropclue-size, 3) !default;
58
- $kendo-grid-group-dropclue-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-dropclue-size}) !default;
59
- $kendo-grid-group-dropclue-top: 3px !default;
60
-
61
- $kendo-grid-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
62
- $kendo-grid-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
63
- $kendo-grid-header-padding-x-sm: $kendo-grid-padding-x-sm !default;
64
- $kendo-grid-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
65
- $kendo-grid-grouping-header-padding-x-sm: $kendo-grid-padding-x-sm !default;
66
- $kendo-grid-grouping-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
67
- $kendo-grid-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
68
- $kendo-grid-cell-padding-y-sm: $kendo-grid-padding-y-sm !default;
69
- $kendo-grid-filter-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
70
- $kendo-grid-filter-cell-padding-y-sm: $kendo-grid-filter-cell-padding-x-sm !default;
71
- $kendo-grid-edit-cell-padding-x-sm: $kendo-grid-cell-padding-x-sm !default;
72
- $kendo-grid-edit-cell-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
73
- $kendo-grid-group-dropclue-height-sm: calc( #{$kendo-chip-calc-size-sm} + #{$kendo-grid-group-dropclue-size}) !default;
74
-
75
- $kendo-grid-padding-x-md: $kendo-grid-padding-x !default;
76
- $kendo-grid-padding-y-md: $kendo-grid-padding-y !default;
77
- $kendo-grid-header-padding-x-md: $kendo-grid-header-padding-x !default;
78
- $kendo-grid-header-padding-y-md: $kendo-grid-header-padding-y !default;
79
- $kendo-grid-grouping-header-padding-x-md: $kendo-grid-grouping-header-padding-x !default;
80
- $kendo-grid-grouping-header-padding-y-md: $kendo-grid-grouping-header-padding-y !default;
81
- $kendo-grid-cell-padding-x-md: $kendo-grid-cell-padding-x !default;
82
- $kendo-grid-cell-padding-y-md: $kendo-grid-cell-padding-y !default;
83
- $kendo-grid-filter-cell-padding-x-md: $kendo-grid-filter-cell-padding-x !default;
84
- $kendo-grid-filter-cell-padding-y-md: $kendo-grid-filter-cell-padding-y !default;
85
- $kendo-grid-edit-cell-padding-x-md: $kendo-grid-edit-cell-padding-x !default;
86
- $kendo-grid-edit-cell-padding-y-md: $kendo-grid-edit-cell-padding-y !default;
87
- $kendo-grid-group-dropclue-height-md: $kendo-grid-group-dropclue-height !default;
56
+ $kendo-grid-group-drop-hint-size: 6px !default;
57
+ $kendo-grid-group-drop-hint-line-size: k-math-div( $kendo-grid-group-drop-hint-size, 3) !default;
58
+ $kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
59
+ $kendo-grid-group-drop-hint-top: 3px !default;
60
+
61
+ $kendo-grid-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
62
+ $kendo-grid-sm-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
63
+ $kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
64
+ $kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
65
+ $kendo-grid-sm-grouping-header-padding-x: $kendo-grid-sm-padding-x !default;
66
+ $kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-padding-y !default;
67
+ $kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
68
+ $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
69
+ $kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-padding-x !default;
70
+ $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
71
+ $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-cell-padding-x !default;
72
+ $kendo-grid-sm-edit-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
73
+ $kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
74
+
75
+ $kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
76
+ $kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
77
+ $kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
78
+ $kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
79
+ $kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
80
+ $kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
81
+ $kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
82
+ $kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
83
+ $kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
84
+ $kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
85
+ $kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
86
+ $kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
87
+ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
88
88
 
89
89
 
90
90
  // Kendo Grid sizes
91
91
  $kendo-grid-sizes: (
92
92
  sm: (
93
- header-padding-x: $kendo-grid-header-padding-x-sm,
94
- header-padding-y: $kendo-grid-header-padding-y-sm,
95
- grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-sm,
96
- grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-sm,
97
- cell-padding-x: $kendo-grid-cell-padding-x-sm,
98
- cell-padding-y: $kendo-grid-cell-padding-y-sm,
99
- filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-sm,
100
- filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-sm,
101
- edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-sm,
102
- edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-sm,
103
- button-padding-y: $kendo-button-padding-y-sm,
104
- button-calc-size: $kendo-button-calc-size-sm,
105
- group-dropclue-height: $kendo-grid-group-dropclue-height-sm
93
+ header-padding-x: $kendo-grid-sm-header-padding-x,
94
+ header-padding-y: $kendo-grid-sm-header-padding-y,
95
+ grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,
96
+ grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,
97
+ cell-padding-x: $kendo-grid-sm-cell-padding-x,
98
+ cell-padding-y: $kendo-grid-sm-cell-padding-y,
99
+ filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,
100
+ filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,
101
+ edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,
102
+ edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
103
+ button-padding-y: $kendo-button-sm-padding-y,
104
+ button-calc-size: $kendo-button-sm-calc-size,
105
+ group-dropclue-height: $kendo-grid-sm-group-dropclue-height
106
106
  ),
107
107
  md: (
108
- header-padding-x: $kendo-grid-header-padding-x-md,
109
- header-padding-y: $kendo-grid-header-padding-y-md,
110
- grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-md,
111
- grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-md,
112
- cell-padding-x: $kendo-grid-cell-padding-x-md,
113
- cell-padding-y: $kendo-grid-cell-padding-y-md,
114
- filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-md,
115
- filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-md,
116
- edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-md,
117
- edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-md,
118
- button-padding-y: $kendo-button-padding-y-md,
119
- button-calc-size: $kendo-button-calc-size-md,
120
- group-dropclue-height: $kendo-grid-group-dropclue-height-md
108
+ header-padding-x: $kendo-grid-md-header-padding-x,
109
+ header-padding-y: $kendo-grid-md-header-padding-y,
110
+ grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,
111
+ grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,
112
+ cell-padding-x: $kendo-grid-md-cell-padding-x,
113
+ cell-padding-y: $kendo-grid-md-cell-padding-y,
114
+ filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,
115
+ filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,
116
+ edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,
117
+ edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
118
+ button-padding-y: $kendo-button-md-padding-y,
119
+ button-calc-size: $kendo-button-md-calc-size,
120
+ group-dropclue-height: $kendo-grid-md-group-dropclue-height
121
121
  ),
122
122
  ) !default;
123
123
 
@@ -201,7 +201,7 @@ $kendo-grid-selected-border: $kendo-table-selected-border !default;
201
201
  $kendo-grid-sorted-icon-spacing: calc( #{$kendo-padding-md-x} - 1px ) !default;
202
202
  $kendo-grid-sorted-bg: rgba( k-contrast-color( $kendo-grid-bg ), .02 ) !default;
203
203
  $kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
204
- $kendo-grid-sorting-index-font-size: $font-size-sm !default;
204
+ $kendo-grid-sorting-index-font-size: $kendo-font-size-sm !default;
205
205
  $kendo-grid-sorting-index-height: $kendo-icon-size !default;
206
206
  $kendo-grid-sorting-index-spacing-y: k-math-div( $kendo-icon-spacing, 2 ) !default;
207
207
  $kendo-grid-sorting-index-spacing-x: -$kendo-grid-sorting-index-spacing-y !default;
@@ -213,7 +213,7 @@ $kendo-grid-focus-shadow: $kendo-table-focus-shadow !default;
213
213
 
214
214
  $kendo-grid-command-cell-button-spacing: k-map-get( $kendo-spacing, 2 ) !default;
215
215
  // be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
216
- $kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$line-height-em}) / 2 ) !default;
216
+ $kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
217
217
 
218
218
  $kendo-grid-sticky-bg: $kendo-grid-bg !default;
219
219
  $kendo-grid-sticky-text: $kendo-grid-text !default;
@@ -247,27 +247,27 @@ $kendo-grid-column-menu-popup-padding-y: null !default;
247
247
  $kendo-grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x !default;
248
248
  $kendo-grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !default;
249
249
 
250
- $kendo-grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
251
- $kendo-grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
250
+ $kendo-grid-column-menu-list-item-padding-x: $kendo-list-md-item-padding-x !default;
251
+ $kendo-grid-column-menu-list-item-padding-y: $kendo-list-md-item-padding-y !default;
252
252
 
253
253
  $kendo-grid-column-menu-items-wrap-padding-x: 0 !default;
254
254
  $kendo-grid-column-menu-items-wrap-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
255
255
 
256
- $kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-item-padding-x-md !default;
257
- $kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-item-padding-y-md !default;
256
+ $kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-md-item-padding-x !default;
257
+ $kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-padding-y !default;
258
258
 
259
- $kendo-grid-column-menu-group-header-font-size: $font-size-sm !default;
260
- $kendo-grid-column-menu-group-header-line-height: $line-height !default;
259
+ $kendo-grid-column-menu-group-header-font-size: $kendo-font-size-sm !default;
260
+ $kendo-grid-column-menu-group-header-line-height: $kendo-line-height-md !default;
261
261
  $kendo-grid-column-menu-group-header-text-transform: null !default;
262
262
  $kendo-grid-column-menu-group-header-border-bottom-width: 1px !default;
263
263
 
264
264
  $kendo-grid-column-menu-group-header-bg: null !default;
265
- $kendo-grid-column-menu-group-header-text: $popup-text !default;
266
- $kendo-grid-column-menu-group-header-border: $popup-border !default;
265
+ $kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
266
+ $kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
267
267
 
268
268
  $kendo-grid-drag-cell-width: ($kendo-icon-size * 2.25) !default;
269
269
 
270
- $kendo-grid-row-inner-height: calc( #{$line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
270
+ $kendo-grid-row-inner-height: calc( #{$kendo-line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
271
271
 
272
272
  $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
273
273
 
package/scss/imageeditor/_variables.scss CHANGED
@@ -1,42 +1,42 @@
1
1
  // ImageEditor
2
- $imageeditor-margin-y: null !default;
3
- $imageeditor-margin-x: null !default;
4
- $imageeditor-padding-y: null !default;
5
- $imageeditor-padding-x: null !default;
2
+ $kendo-image-editor-margin-y: null !default;
3
+ $kendo-image-editor-margin-x: null !default;
4
+ $kendo-image-editor-padding-y: null !default;
5
+ $kendo-image-editor-padding-x: null !default;
6
6
 
7
- $imageeditor-border-width: 1px !default;
8
- $imageeditor-font-size: $font-size !default;
9
- $imageeditor-line-height: $line-height !default;
10
- $imageeditor-font-family: $font-family !default;
7
+ $kendo-image-editor-border-width: 1px !default;
8
+ $kendo-image-editor-font-size: $kendo-font-size-md !default;
9
+ $kendo-image-editor-line-height: $kendo-line-height-md !default;
10
+ $kendo-image-editor-font-family: $kendo-font-family !default;
11
11
 
12
- $imageeditor-content-border-width: 1px !default;
12
+ $kendo-image-editor-content-border-width: 1px !default;
13
13
 
14
- $imageeditor-action-pane-padding-y: k-map-get( $kendo-spacing, 8 ) !default;
15
- $imageeditor-action-pane-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
16
- $imageeditor-action-pane-width: if( $imageeditor-content-border-width == null, 240px, calc(240px + #{$imageeditor-content-border-width}) ) !default;
14
+ $kendo-image-editor-action-pane-padding-y: k-map-get( $kendo-spacing, 8 ) !default;
15
+ $kendo-image-editor-action-pane-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
16
+ $kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 240px, calc(240px + #{$kendo-image-editor-content-border-width}) ) !default;
17
17
 
18
- $imageeditor-crop-border-width: 1px !default;
19
- $imageeditor-crop-border-style: dashed !default;
18
+ $kendo-image-editor-crop-border-width: 1px !default;
19
+ $kendo-image-editor-crop-border-style: dashed !default;
20
20
 
21
- $imageeditor-resize-handle-margin-x: 1px !default;
22
- $imageeditor-resize-handle-margin-y: 1px !default;
23
- $imageeditor-resize-handle-border-width: 0 2px 2px 0 !default;
24
- $imageeditor-resize-handle-size: 15px !default;
21
+ $kendo-image-editor-resize-handle-margin-x: 1px !default;
22
+ $kendo-image-editor-resize-handle-margin-y: 1px !default;
23
+ $kendo-image-editor-resize-handle-border-width: 0 2px 2px 0 !default;
24
+ $kendo-image-editor-resize-handle-size: 15px !default;
25
25
 
26
- $imageeditor-bg: $kendo-component-bg !default;
27
- $imageeditor-text: $kendo-component-text !default;
28
- $imageeditor-border: $kendo-component-border !default;
26
+ $kendo-image-editor-bg: $kendo-component-bg !default;
27
+ $kendo-image-editor-text: $kendo-component-text !default;
28
+ $kendo-image-editor-border: $kendo-component-border !default;
29
29
 
30
- $imageeditor-content-bg: #c6c6c6 !default;
31
- $imageeditor-content-text: null !default;
32
- $imageeditor-content-border: null !default;
30
+ $kendo-image-editor-content-bg: #c6c6c6 !default;
31
+ $kendo-image-editor-content-text: null !default;
32
+ $kendo-image-editor-content-border: null !default;
33
33
 
34
- $imageeditor-action-pane-bg: $kendo-component-bg !default;
35
- $imageeditor-action-pane-text: null !default;
36
- $imageeditor-action-pane-border: null !default;
34
+ $kendo-image-editor-action-pane-bg: $kendo-component-bg !default;
35
+ $kendo-image-editor-action-pane-text: null !default;
36
+ $kendo-image-editor-action-pane-border: null !default;
37
37
 
38
- $imageeditor-crop-bg: null !default;
39
- $imageeditor-crop-text: null !default;
40
- $imageeditor-crop-border: white !default;
38
+ $kendo-image-editor-crop-bg: null !default;
39
+ $kendo-image-editor-crop-text: null !default;
40
+ $kendo-image-editor-crop-border: white !default;
41
41
 
42
- $imageeditor-crop-overlay-bg: rgba( black, .3 ) !default;
42
+ $kendo-image-editor-crop-overlay-bg: rgba( black, .3 ) !default;
package/scss/input/_variables.scss CHANGED
@@ -20,56 +20,56 @@ $kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
20
20
  $kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
21
21
  /// Font family of input components.
22
22
  /// @group input
23
- $kendo-input-font-family: $font-family !default;
23
+ $kendo-input-font-family: $kendo-font-family !default;
24
24
  /// Font size of input components.
25
25
  /// @group input
26
- $kendo-input-font-size: $font-size-md !default;
26
+ $kendo-input-font-size: $kendo-font-size-md !default;
27
27
  /// Line height of input components.
28
28
  /// @group input
29
- $kendo-input-line-height: $line-height-md !default;
29
+ $kendo-input-line-height: $kendo-line-height-md !default;
30
30
 
31
- $kendo-input-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
32
- $kendo-input-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
33
- $kendo-input-font-size-sm: $font-size-md !default;
34
- $kendo-input-line-height-sm: $line-height-md !default;
31
+ $kendo-input-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
32
+ $kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
33
+ $kendo-input-sm-font-size: $kendo-font-size-md !default;
34
+ $kendo-input-sm-line-height: $kendo-line-height-md !default;
35
35
 
36
- $kendo-input-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
37
- $kendo-input-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
38
- $kendo-input-font-size-md: $font-size-md !default;
39
- $kendo-input-line-height-md: $line-height-md !default;
36
+ $kendo-input-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
37
+ $kendo-input-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
38
+ $kendo-input-md-font-size: $kendo-font-size-md !default;
39
+ $kendo-input-md-line-height: $kendo-line-height-md !default;
40
40
 
41
- $kendo-input-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
42
- $kendo-input-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
43
- $kendo-input-font-size-lg: $font-size-lg !default;
44
- $kendo-input-line-height-lg: $line-height-lg !default;
41
+ $kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
42
+ $kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
43
+ $kendo-input-lg-font-size: $kendo-font-size-lg !default;
44
+ $kendo-input-lg-line-height: $kendo-line-height-lg !default;
45
45
 
46
46
  $kendo-input-sizes: (
47
47
  sm: (
48
- padding-x: $kendo-input-padding-x-sm,
49
- padding-y: $kendo-input-padding-y-sm,
50
- font-size: $kendo-input-font-size-sm,
51
- line-height: $kendo-input-line-height-sm,
52
- icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-sm * 2} ),
53
- button-padding-x: $kendo-input-padding-y-sm,
54
- button-padding-y: $kendo-input-padding-y-sm
48
+ padding-x: $kendo-input-sm-padding-x,
49
+ padding-y: $kendo-input-sm-padding-y,
50
+ font-size: $kendo-input-sm-font-size,
51
+ line-height: $kendo-input-sm-line-height,
52
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-sm-padding-y * 2} ),
53
+ button-padding-x: $kendo-input-sm-padding-y,
54
+ button-padding-y: $kendo-input-sm-padding-y
55
55
  ),
56
56
  md: (
57
- padding-x: $kendo-input-padding-x-md,
58
- padding-y: $kendo-input-padding-y-md,
59
- font-size: $kendo-input-font-size-md,
60
- line-height: $kendo-input-line-height-md,
61
- icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-md * 2} ),
62
- button-padding-x: $kendo-input-padding-y-md,
63
- button-padding-y: $kendo-input-padding-y-md
57
+ padding-x: $kendo-input-md-padding-x,
58
+ padding-y: $kendo-input-md-padding-y,
59
+ font-size: $kendo-input-md-font-size,
60
+ line-height: $kendo-input-md-line-height,
61
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-md-padding-y * 2} ),
62
+ button-padding-x: $kendo-input-md-padding-y,
63
+ button-padding-y: $kendo-input-md-padding-y
64
64
  ),
65
65
  lg: (
66
- padding-x: $kendo-input-padding-x-lg,
67
- padding-y: $kendo-input-padding-y-lg,
68
- font-size: $kendo-input-font-size-lg,
69
- line-height: $kendo-input-line-height-lg,
70
- icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-lg * 2} ),
71
- button-padding-x: $kendo-input-padding-y-lg,
72
- button-padding-y: $kendo-input-padding-y-lg
66
+ padding-x: $kendo-input-lg-padding-x,
67
+ padding-y: $kendo-input-lg-padding-y,
68
+ font-size: $kendo-input-lg-font-size,
69
+ line-height: $kendo-input-lg-line-height,
70
+ icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-lg-padding-y * 2} ),
71
+ button-padding-x: $kendo-input-lg-padding-y,
72
+ button-padding-y: $kendo-input-lg-padding-y
73
73
  )
74
74
  ) !default;
75
75
 
package/scss/list/_variables.scss CHANGED
@@ -3,32 +3,30 @@
3
3
  /// Font size of the list component, if no size is set.
4
4
  /// @group list
5
5
  $kendo-list-font-size: null !default;
6
- $kendo-list-font-size-sm: $font-size-md !default;
7
- $kendo-list-font-size-md: $font-size-md !default;
8
- $kendo-list-font-size-lg: $font-size-lg !default;
6
+ $kendo-list-sm-font-size: $kendo-font-size-md !default;
7
+ $kendo-list-md-font-size: $kendo-font-size-md !default;
8
+ $kendo-list-lg-font-size: $kendo-font-size-lg !default;
9
9
 
10
10
  /// Line height of the list component, if no size is set.
11
11
  /// @group list
12
12
  $kendo-list-line-height: null !default;
13
- $kendo-list-line-height-sm: $line-height-md !default;
14
- $kendo-list-line-height-md: $line-height-md !default;
15
- $kendo-list-line-height-lg: $line-height-lg !default;
13
+ $kendo-list-sm-line-height: $kendo-line-height-md !default;
14
+ $kendo-list-md-line-height: $kendo-line-height-md !default;
15
+ $kendo-list-lg-line-height: $kendo-line-height-lg !default;
16
16
 
17
17
  /// Horizontal padding of list header, if no size is set.
18
18
  /// @group list
19
19
  $kendo-list-header-padding-x: null !default;
20
- $kendo-list-header-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
21
- $kendo-list-header-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
22
- $kendo-list-header-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
23
- $kendo-list-header-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
20
+ $kendo-list-sm-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
21
+ $kendo-list-md-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
22
+ $kendo-list-lg-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
24
23
 
25
24
  /// Vertical padding of list header, if no size is set.
26
25
  /// @group list
27
26
  $kendo-list-header-padding-y: null !default;
28
- $kendo-list-header-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
29
- $kendo-list-header-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
30
- $kendo-list-header-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
31
- $kendo-list-header-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
27
+ $kendo-list-sm-header-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
28
+ $kendo-list-md-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
29
+ $kendo-list-lg-header-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
32
30
 
33
31
  /// Border width of list header.
34
32
  /// @group list
@@ -37,16 +35,16 @@ $kendo-list-header-border-width: 0 0 1px !default;
37
35
  /// Font size of list header, if no size is set.
38
36
  /// @group list
39
37
  $kendo-list-header-font-size: null !default;
40
- $kendo-list-header-font-size-sm: null !default;
41
- $kendo-list-header-font-size-md: null !default;
42
- $kendo-list-header-font-size-lg: null !default;
38
+ $kendo-list-sm-header-font-size: null !default;
39
+ $kendo-list-md-header-font-size: null !default;
40
+ $kendo-list-lg-header-font-size: null !default;
43
41
 
44
42
  /// Line height of list header, if no size is set.
45
43
  /// @group list
46
44
  $kendo-list-header-line-height: null !default;
47
- $kendo-list-header-line-height-sm: null !default;
48
- $kendo-list-header-line-height-md: null !default;
49
- $kendo-list-header-line-height-lg: null !default;
45
+ $kendo-list-sm-header-line-height: null !default;
46
+ $kendo-list-md-header-line-height: null !default;
47
+ $kendo-list-lg-header-line-height: null !default;
50
48
 
51
49
  /// Font weight of list header.
52
50
  /// @group list
@@ -55,48 +53,44 @@ $kendo-list-header-font-weight: null !default;
55
53
  /// Horizontal padding of list items, when no size is set.
56
54
  /// @group list
57
55
  $kendo-list-item-padding-x: null !default;
58
- $kendo-list-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
59
- $kendo-list-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
60
- $kendo-list-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
61
- $kendo-list-item-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
56
+ $kendo-list-sm-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
57
+ $kendo-list-md-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
58
+ $kendo-list-lg-item-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
62
59
 
63
60
  /// Vertical padding of list items, when no size is set.
64
61
  /// @group list
65
62
  $kendo-list-item-padding-y: null !default;
66
- $kendo-list-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
67
- $kendo-list-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
68
- $kendo-list-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
69
- $kendo-list-item-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
63
+ $kendo-list-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
64
+ $kendo-list-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
65
+ $kendo-list-lg-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
70
66
 
71
67
  /// Font size of list items, if no size is set.
72
68
  /// @group list
73
69
  $kendo-list-item-font-size: null !default;
74
- $kendo-list-item-font-size-sm: null !default;
75
- $kendo-list-item-font-size-md: null !default;
76
- $kendo-list-item-font-size-lg: null !default;
70
+ $kendo-list-sm-item-font-size: null !default;
71
+ $kendo-list-md-item-font-size: null !default;
72
+ $kendo-list-lg-item-font-size: null !default;
77
73
 
78
74
  /// Line height of list items, if no size is set.
79
75
  /// @group list
80
76
  $kendo-list-item-line-height: null !default;
81
- $kendo-list-item-line-height-sm: null !default;
82
- $kendo-list-item-line-height-md: null !default;
83
- $kendo-list-item-line-height-lg: null !default;
77
+ $kendo-list-sm-item-line-height: null !default;
78
+ $kendo-list-md-item-line-height: null !default;
79
+ $kendo-list-lg-item-line-height: null !default;
84
80
 
85
81
  /// Horizontal padding of list group items, when no size is set.
86
82
  /// @group list
87
83
  $kendo-list-group-item-padding-x: null !default;
88
- $kendo-list-group-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
89
- $kendo-list-group-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
90
- $kendo-list-group-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
91
- $kendo-list-group-item-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
84
+ $kendo-list-sm-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
85
+ $kendo-list-md-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
86
+ $kendo-list-lg-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
92
87
 
93
88
  /// Vertical padding of list group items, when no size is set.
94
89
  /// @group list
95
90
  $kendo-list-group-item-padding-y: null !default;
96
- $kendo-list-group-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
97
- $kendo-list-group-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
98
- $kendo-list-group-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
99
- $kendo-list-group-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
91
+ $kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
92
+ $kendo-list-md-group-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
93
+ $kendo-list-lg-group-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
100
94
 
101
95
  /// Border width of list group items.
102
96
  /// @group list
@@ -105,16 +99,16 @@ $kendo-list-group-item-border-width: 1px 0 0 !default;
105
99
  /// Font size of list group items, if no size is set.
106
100
  /// @group list
107
101
  $kendo-list-group-item-font-size: null !default;
108
- $kendo-list-group-item-font-size-sm: null !default;
109
- $kendo-list-group-item-font-size-md: null !default;
110
- $kendo-list-group-item-font-size-lg: null !default;
102
+ $kendo-list-sm-group-item-font-size: null !default;
103
+ $kendo-list-md-group-item-font-size: null !default;
104
+ $kendo-list-lg-group-item-font-size: null !default;
111
105
 
112
106
  /// Line height of list group items, if no size is set.
113
107
  /// @group list
114
108
  $kendo-list-group-item-line-height: null !default;
115
- $kendo-list-group-item-line-height-sm: null !default;
116
- $kendo-list-group-item-line-height-md: null !default;
117
- $kendo-list-group-item-line-height-lg: null !default;
109
+ $kendo-list-sm-group-item-line-height: null !default;
110
+ $kendo-list-md-group-item-line-height: null !default;
111
+ $kendo-list-lg-group-item-line-height: null !default;
118
112
 
119
113
  /// Font weight of list group item.
120
114
  /// @group list
@@ -124,50 +118,50 @@ $kendo-list-group-item-font-weight: null !default;
124
118
  // Kendo list sizes
125
119
  $kendo-list-sizes: (
126
120
  sm: (
127
- font-size: $kendo-list-font-size-sm,
128
- line-height: $kendo-list-line-height-sm,
129
- header-padding-x: $kendo-list-header-padding-x-sm,
130
- header-padding-y: $kendo-list-header-padding-y-sm,
121
+ font-size: $kendo-list-sm-font-size,
122
+ line-height: $kendo-list-sm-line-height,
123
+ header-padding-x: $kendo-list-sm-header-padding-x,
124
+ header-padding-y: $kendo-list-sm-header-padding-y,
131
125
  header-font-size: null,
132
126
  header-line-height: null,
133
- item-padding-x: $kendo-list-item-padding-x-sm,
134
- item-padding-y: $kendo-list-item-padding-y-sm,
127
+ item-padding-x: $kendo-list-sm-item-padding-x,
128
+ item-padding-y: $kendo-list-sm-item-padding-y,
135
129
  item-font-size: null,
136
130
  item-line-height: null,
137
- group-item-padding-x: $kendo-list-group-item-padding-x-sm,
138
- group-item-padding-y: $kendo-list-group-item-padding-y-sm,
131
+ group-item-padding-x: $kendo-list-sm-group-item-padding-x,
132
+ group-item-padding-y: $kendo-list-sm-group-item-padding-y,
139
133
  group-item-font-size: null,
140
134
  group-item-line-height: null
141
135
  ),
142
136
  md: (
143
- font-size: $kendo-list-font-size-md,
144
- line-height: $kendo-list-line-height-md,
145
- header-padding-x: $kendo-list-header-padding-x-md,
146
- header-padding-y: $kendo-list-header-padding-y-md,
137
+ font-size: $kendo-list-md-font-size,
138
+ line-height: $kendo-list-md-line-height,
139
+ header-padding-x: $kendo-list-md-header-padding-x,
140
+ header-padding-y: $kendo-list-md-header-padding-y,
147
141
  header-font-size: null,
148
142
  header-line-height: null,
149
- item-padding-x: $kendo-list-item-padding-x-md,
150
- item-padding-y: $kendo-list-item-padding-y-md,
143
+ item-padding-x: $kendo-list-md-item-padding-x,
144
+ item-padding-y: $kendo-list-md-item-padding-y,
151
145
  item-font-size: null,
152
146
  item-line-height: null,
153
- group-item-padding-x: $kendo-list-group-item-padding-x-md,
154
- group-item-padding-y: $kendo-list-group-item-padding-y-md,
147
+ group-item-padding-x: $kendo-list-md-group-item-padding-x,
148
+ group-item-padding-y: $kendo-list-md-group-item-padding-y,
155
149
  group-item-font-size: null,
156
150
  group-item-line-height: null
157
151
  ),
158
152
  lg: (
159
- font-size: $kendo-list-font-size-lg,
160
- line-height: $kendo-list-line-height-lg,
161
- header-padding-x: $kendo-list-header-padding-x-lg,
162
- header-padding-y: $kendo-list-header-padding-y-lg,
153
+ font-size: $kendo-list-lg-font-size,
154
+ line-height: $kendo-list-lg-line-height,
155
+ header-padding-x: $kendo-list-lg-header-padding-x,
156
+ header-padding-y: $kendo-list-lg-header-padding-y,
163
157
  header-font-size: null,
164
158
  header-line-height: null,
165
- item-padding-x: $kendo-list-item-padding-x-lg,
166
- item-padding-y: $kendo-list-item-padding-y-lg,
159
+ item-padding-x: $kendo-list-lg-item-padding-x,
160
+ item-padding-y: $kendo-list-lg-item-padding-y,
167
161
  item-font-size: null,
168
162
  item-line-height: null,
169
- group-item-padding-x: $kendo-list-group-item-padding-x-lg,
170
- group-item-padding-y: $kendo-list-group-item-padding-y-lg,
163
+ group-item-padding-x: $kendo-list-lg-group-item-padding-x,
164
+ group-item-padding-y: $kendo-list-lg-group-item-padding-y,
171
165
  group-item-font-size: null,
172
166
  group-item-line-height: null
173
167
  )
package/scss/listbox/_variables.scss CHANGED
@@ -17,13 +17,13 @@ $kendo-listbox-default-height: 200px !default;
17
17
  $kendo-listbox-border-width: 1px !default;
18
18
  /// Font family of the listbox.
19
19
  /// @group listbox
20
- $kendo-listbox-font-family: $font-family !default;
20
+ $kendo-listbox-font-family: $kendo-font-family !default;
21
21
  /// Font size of the listbox.
22
22
  /// @group listbox
23
- $kendo-listbox-font-size: $font-size !default;
23
+ $kendo-listbox-font-size: $kendo-font-size-md !default;
24
24
  /// Line height of the listbox.
25
25
  /// @group listbox
26
- $kendo-listbox-line-height: $line-height !default;
26
+ $kendo-listbox-line-height: $kendo-line-height-md !default;
27
27
  /// Background color of the listbox.
28
28
  /// @group listbox
29
29
  $kendo-listbox-bg: $kendo-component-bg !default;