@progress/kendo-theme-classic 6.5.0-dev.0 → 6.5.0-dev.1
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 +48 -13
- package/dist/all.scss +1023 -174
- package/dist/meta/sassdoc-data.json +40914 -19326
- package/dist/meta/sassdoc-raw-data.json +18106 -8156
- package/dist/meta/variables.json +235 -207
- 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 +5 -5
- package/scss/appbar/_variables.scss +39 -7
- package/scss/bottom-navigation/_variables.scss +42 -8
- package/scss/breadcrumb/_variables.scss +177 -6
- package/scss/coloreditor/_variables.scss +53 -4
- package/scss/colorgradient/_variables.scss +86 -5
- package/scss/colorpalette/_variables.scss +18 -1
- package/scss/dialog/_variables.scss +16 -2
- package/scss/editor/_variables.scss +33 -0
- package/scss/expansion-panel/_variables.scss +56 -12
- package/scss/filter/_variables.scss +18 -1
- package/scss/listbox/_variables.scss +21 -20
- package/scss/listview/_variables.scss +42 -7
- package/scss/loader/_variables.scss +88 -12
- package/scss/notification/_variables.scss +20 -19
- package/scss/popover/_variables.scss +60 -6
- package/scss/progressbar/_variables.scss +24 -23
- package/scss/scrollview/_variables.scss +59 -6
- package/scss/tilelayout/_variables.scss +21 -4
- package/scss/upload/_variables.scss +62 -9
- package/scss/window/_variables.scss +61 -6
|
@@ -1,55 +1,136 @@
|
|
|
1
1
|
@import "./images/alpha-slider-bgr.scss";
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
// ColorGradient
|
|
4
|
+
|
|
5
|
+
/// The spacer of the ColorGradient.
|
|
6
|
+
/// @group cologradient
|
|
5
7
|
$kendo-color-gradient-spacer: k-map-get( $kendo-spacing, 3 ) !default;
|
|
6
8
|
|
|
9
|
+
/// The width of the ColorGradient.
|
|
10
|
+
/// @group cologradient
|
|
7
11
|
$kendo-color-gradient-width: 272px !default;
|
|
12
|
+
/// The width of the border around the ColorGradient.
|
|
13
|
+
/// @group cologradient
|
|
8
14
|
$kendo-color-gradient-border-width: 1px !default;
|
|
15
|
+
/// The border radius of the ColorGradient.
|
|
16
|
+
/// @group cologradient
|
|
9
17
|
$kendo-color-gradient-border-radius: $kendo-border-radius-md !default;
|
|
18
|
+
/// The vertical padding of the ColorGradient.
|
|
19
|
+
/// @group cologradient
|
|
10
20
|
$kendo-color-gradient-padding-y: $kendo-color-gradient-spacer !default;
|
|
21
|
+
/// The horizontal padding of the ColorGradient.
|
|
22
|
+
/// @group cologradient
|
|
11
23
|
$kendo-color-gradient-padding-x: $kendo-color-gradient-padding-y !default;
|
|
24
|
+
/// The spacing between the sections of the ColorGradient.
|
|
25
|
+
/// @group cologradient
|
|
12
26
|
$kendo-color-gradient-gap: $kendo-color-gradient-spacer !default;
|
|
27
|
+
/// The font family of the ColorGradient.
|
|
28
|
+
/// @group cologradient
|
|
13
29
|
$kendo-color-gradient-font-family: $kendo-font-family !default;
|
|
30
|
+
/// The font size of the ColorGradient.
|
|
31
|
+
/// @group cologradient
|
|
14
32
|
$kendo-color-gradient-font-size: $kendo-font-size-md !default;
|
|
33
|
+
/// The line height of the ColorGradient.
|
|
34
|
+
/// @group cologradient
|
|
15
35
|
$kendo-color-gradient-line-height: $kendo-line-height-md !default;
|
|
16
|
-
|
|
36
|
+
/// The text color of the ColorGradient.
|
|
37
|
+
/// @group cologradient
|
|
17
38
|
$kendo-color-gradient-text: $kendo-component-text !default;
|
|
39
|
+
/// The background color of the ColorGradient.
|
|
40
|
+
/// @group cologradient
|
|
41
|
+
$kendo-color-gradient-bg: $kendo-component-bg !default;
|
|
42
|
+
/// The border color of the ColorGradient.
|
|
43
|
+
/// @group cologradient
|
|
18
44
|
$kendo-color-gradient-border: $kendo-component-border !default;
|
|
19
45
|
|
|
46
|
+
/// The border color of the focused ColorGradient.
|
|
47
|
+
/// @group cologradient
|
|
20
48
|
$kendo-color-gradient-focus-border: null !default;
|
|
49
|
+
/// The box shadow of the focused ColorGradient.
|
|
50
|
+
/// @group cologradient
|
|
21
51
|
$kendo-color-gradient-focus-shadow: 1px 1px 7px 1px rgba( black, .3 ) !default;
|
|
22
52
|
|
|
23
|
-
|
|
53
|
+
/// The border radius of the ColorGradient canvas.
|
|
54
|
+
/// @group cologradient
|
|
24
55
|
$kendo-color-gradient-canvas-border-radius: $kendo-border-radius-md !default;
|
|
56
|
+
/// The spacing between the items of the ColorGradient canvas.
|
|
57
|
+
/// @group cologradient
|
|
25
58
|
$kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
|
|
59
|
+
/// The height the ColorGradient canvas hsv rectangle.
|
|
60
|
+
/// @group cologradient
|
|
26
61
|
$kendo-color-gradient-canvas-rectangle-height: 180px !default;
|
|
27
62
|
|
|
63
|
+
/// The width of the ColorGradient slider.
|
|
64
|
+
/// @group cologradient
|
|
28
65
|
$kendo-color-gradient-slider-track-size: 10px !default;
|
|
66
|
+
/// The border radius of the ColorGradient slider.
|
|
67
|
+
/// @group cologradient
|
|
29
68
|
$kendo-color-gradient-slider-border-radius: 10px !default;
|
|
69
|
+
/// The width of the border around the ColorGradient slider drag handle.
|
|
70
|
+
/// @group cologradient
|
|
30
71
|
$kendo-color-gradient-slider-draghandle-border-width: 3px !default;
|
|
31
72
|
|
|
73
|
+
/// The height of the ColorGradient vertical slider.
|
|
74
|
+
/// @group cologradient
|
|
32
75
|
$kendo-color-gradient-slider-vertical-size: 180px !default;
|
|
76
|
+
/// The width of the ColorGradient horizontal slider.
|
|
77
|
+
/// @group cologradient
|
|
33
78
|
$kendo-color-gradient-slider-horizontal-size: 100% !default;
|
|
34
79
|
|
|
80
|
+
/// The width of the ColorGradient canvas drag handle.
|
|
81
|
+
/// @group cologradient
|
|
35
82
|
$kendo-color-gradient-draghandle-width: 14px !default;
|
|
83
|
+
/// The height of the ColorGradient canvas drag handle.
|
|
84
|
+
/// @group cologradient
|
|
36
85
|
$kendo-color-gradient-draghandle-height: 14px !default;
|
|
86
|
+
/// The width of the border around the ColorGradient canvas drag handle.
|
|
87
|
+
/// @group cologradient
|
|
37
88
|
$kendo-color-gradient-draghandle-border-width: 1px !default;
|
|
89
|
+
/// The border radius of the ColorGradient canvas drag handle.
|
|
90
|
+
/// @group cologradient
|
|
38
91
|
$kendo-color-gradient-draghandle-border-radius: 50% !default;
|
|
39
|
-
|
|
92
|
+
/// The text color of the ColorGradient canvas drag handle.
|
|
93
|
+
/// @group cologradient
|
|
40
94
|
$kendo-color-gradient-draghandle-text: null !default;
|
|
95
|
+
/// The background color of the ColorGradient canvas drag handle.
|
|
96
|
+
/// @group cologradient
|
|
97
|
+
$kendo-color-gradient-draghandle-bg: transparent !default;
|
|
98
|
+
/// The color of the border around the ColorGradient canvas drag handle.
|
|
99
|
+
/// @group cologradient
|
|
41
100
|
$kendo-color-gradient-draghandle-border: rgba( white, .8) !default;
|
|
101
|
+
/// The box shadow of the ColorGradient canvas drag handle.
|
|
102
|
+
/// @group cologradient
|
|
42
103
|
$kendo-color-gradient-draghandle-shadow: 0 1px 4px rgba( black, .5 ) !default;
|
|
104
|
+
/// The box shadow of the focused ColorGradient canvas drag handle.
|
|
105
|
+
/// @group cologradient
|
|
43
106
|
$kendo-color-gradient-draghandle-focus-shadow: 0 1px 4px black !default;
|
|
107
|
+
/// The box shadow of the hovered ColorGradient canvas drag handle.
|
|
108
|
+
/// @group cologradient
|
|
44
109
|
$kendo-color-gradient-draghandle-hover-shadow: $kendo-color-gradient-draghandle-focus-shadow !default;
|
|
45
110
|
|
|
111
|
+
/// The vertical margin of the ColorGradient canvas drag handle.
|
|
112
|
+
/// @group cologradient
|
|
46
113
|
$kendo-color-gradient-canvas-draghandle-margin-y: - k-math-div( $kendo-color-gradient-draghandle-height, 2 ) !default;
|
|
114
|
+
/// The horizontal margin of the ColorGradient canvas drag handle.
|
|
115
|
+
/// @group cologradient
|
|
47
116
|
$kendo-color-gradient-canvas-draghandle-margin-x: - k-math-div( $kendo-color-gradient-draghandle-width, 2 ) !default;
|
|
48
117
|
|
|
118
|
+
/// The width of the ColorGradient input.
|
|
119
|
+
/// @group cologradient
|
|
49
120
|
$kendo-color-gradient-input-width: 46px !default;
|
|
121
|
+
/// The spacing between the ColorGradient inputs.
|
|
122
|
+
/// @group cologradient
|
|
50
123
|
$kendo-color-gradient-input-gap: k-math-div( $kendo-color-gradient-spacer, 1.5 ) !default;
|
|
124
|
+
/// The spacing between the ColorGradient inputs and their labels.
|
|
125
|
+
/// @group cologradient
|
|
51
126
|
$kendo-color-gradient-input-label-gap: k-math-div( $kendo-color-gradient-spacer, 3 ) !default;
|
|
127
|
+
/// The text color of the ColorGradient input labels.
|
|
128
|
+
/// @group cologradient
|
|
52
129
|
$kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
|
|
53
130
|
|
|
131
|
+
/// The font weight of the ColorGradient contrast ratio text.
|
|
132
|
+
/// @group cologradient
|
|
54
133
|
$kendo-color-gradient-contrast-ratio-font-weight: $kendo-font-weight-bold !default;
|
|
55
|
-
|
|
134
|
+
/// The spacing between the items in the ColorGradient contrast tool.
|
|
135
|
+
/// @group cologradient
|
|
136
|
+
$kendo-color-gradient-contrast-spacer: k-math-div( $kendo-color-gradient-spacer, 1.5 ) !default;
|
|
@@ -1,10 +1,27 @@
|
|
|
1
|
-
//
|
|
1
|
+
// ColorPalette
|
|
2
|
+
|
|
3
|
+
/// The font family of the ColorPalette.
|
|
4
|
+
/// @group colorpalette
|
|
2
5
|
$kendo-color-palette-font-family: $kendo-font-family !default;
|
|
6
|
+
/// The font size of the ColorPalette.
|
|
7
|
+
/// @group colorpalette
|
|
3
8
|
$kendo-color-palette-font-size: $kendo-font-size-md !default;
|
|
9
|
+
/// The line height of the ColorPalette.
|
|
10
|
+
/// @group colorpalette
|
|
4
11
|
$kendo-color-palette-line-height: 0 !default;
|
|
5
12
|
|
|
13
|
+
/// The width of the ColorPalette tile.
|
|
14
|
+
/// @group colorpalette
|
|
6
15
|
$kendo-color-palette-tile-width: k-map-get( $kendo-spacing, 6 ) !default;
|
|
16
|
+
/// The height of the ColorPalette tile.
|
|
17
|
+
/// @group colorpalette
|
|
7
18
|
$kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
|
|
19
|
+
/// The shadow of the ColorPalette focused tile.
|
|
20
|
+
/// @group colorpalette
|
|
8
21
|
$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
|
|
22
|
+
/// The shadow of the ColorPalette hovered tile.
|
|
23
|
+
/// @group colorpalette
|
|
9
24
|
$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
|
|
25
|
+
/// The shadow of the ColorPalette selected tile.
|
|
26
|
+
/// @group colorpalette
|
|
10
27
|
$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;
|
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
// Dialog
|
|
2
|
+
|
|
3
|
+
/// The background color of the Dialog titlebar.
|
|
4
|
+
/// @group dialog
|
|
2
5
|
$kendo-dialog-titlebar-bg: null !default;
|
|
6
|
+
/// The text color of the Dialog titlebar.
|
|
7
|
+
/// @group dialog
|
|
3
8
|
$kendo-dialog-titlebar-text: null !default;
|
|
9
|
+
/// The border color of the Dialog titlebar.
|
|
10
|
+
/// @group dialog
|
|
4
11
|
$kendo-dialog-titlebar-border: null !default;
|
|
5
12
|
|
|
13
|
+
/// The horizontal padding of the Dialog action buttons.
|
|
14
|
+
/// @group dialog
|
|
6
15
|
$kendo-dialog-buttongroup-padding-x: $kendo-actions-padding-x !default;
|
|
16
|
+
/// The vertical padding of the Dialog action buttons.
|
|
17
|
+
/// @group dialog
|
|
7
18
|
$kendo-dialog-buttongroup-padding-y: $kendo-actions-padding-y !default;
|
|
19
|
+
/// The width of the top border of the Dialog action buttons.
|
|
20
|
+
/// @group dialog
|
|
8
21
|
$kendo-dialog-buttongroup-border-width: 1px !default;
|
|
9
|
-
|
|
22
|
+
/// The spacing between the Dialog action buttons.
|
|
23
|
+
/// @group dialog
|
|
10
24
|
$kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;
|
|
11
25
|
|
|
12
|
-
///
|
|
26
|
+
/// The theme colors map for the Dialog.
|
|
13
27
|
/// @group dialog
|
|
14
28
|
$kendo-dialog-theme-colors: (
|
|
15
29
|
"primary": k-map-get($kendo-theme-colors, "primary"),
|
|
@@ -1,23 +1,56 @@
|
|
|
1
1
|
// Editor
|
|
2
|
+
|
|
3
|
+
/// The width of the border around the Еditor.
|
|
4
|
+
/// @group editor
|
|
2
5
|
$kendo-editor-border-width: 1px !default;
|
|
6
|
+
/// The font family of the Еditor.
|
|
7
|
+
/// @group editor
|
|
3
8
|
$kendo-editor-font-family: $kendo-font-family !default;
|
|
9
|
+
/// The font size of the Еditor.
|
|
10
|
+
/// @group editor
|
|
4
11
|
$kendo-editor-font-size: $kendo-font-size-md !default;
|
|
12
|
+
/// The line height of the Еditor.
|
|
13
|
+
/// @group editor
|
|
5
14
|
$kendo-editor-line-height: $kendo-line-height-md !default;
|
|
6
15
|
|
|
16
|
+
/// The text color of the Еditor placeholder.
|
|
17
|
+
/// @group editor
|
|
7
18
|
$kendo-editor-placeholder-text: $kendo-input-placeholder-text !default;
|
|
19
|
+
/// The opacity of the Editor placeholder.
|
|
20
|
+
/// @group editor
|
|
8
21
|
$kendo-editor-placeholder-opacity: $kendo-input-placeholder-opacity !default;
|
|
9
22
|
|
|
23
|
+
/// The selected text color of the Editor.
|
|
24
|
+
/// @group editor
|
|
10
25
|
$kendo-editor-selected-text: $kendo-color-primary-contrast !default;
|
|
26
|
+
/// The selected background color of the Editor.
|
|
27
|
+
/// @group editor
|
|
11
28
|
$kendo-editor-selected-bg: $kendo-color-primary !default;
|
|
12
29
|
|
|
30
|
+
/// The highlighted background color of the Editor.
|
|
31
|
+
/// @group editor
|
|
13
32
|
$kendo-editor-highlighted-bg: k-color-mix( $kendo-color-primary, #ffffff, 20% ) !default;
|
|
14
33
|
|
|
34
|
+
/// The horizontal margin of the Editor's export tool icon.
|
|
35
|
+
/// @group editor
|
|
15
36
|
$kendo-editor-export-tool-icon-margin-x: .25em !default;
|
|
16
37
|
|
|
38
|
+
/// The size of the Editor's resize handle.
|
|
39
|
+
/// @group editor
|
|
17
40
|
$kendo-editor-resize-handle-size: 8px !default;
|
|
41
|
+
/// The border width of the Editor's resize handle.
|
|
42
|
+
/// @group editor
|
|
18
43
|
$kendo-editor-resize-handle-border-width: 1px !default;
|
|
44
|
+
/// The border color of the Editor's resize handle.
|
|
45
|
+
/// @group editor
|
|
19
46
|
$kendo-editor-resize-handle-border: #000000 !default;
|
|
47
|
+
/// The background color of the Editor's resize handle.
|
|
48
|
+
/// @group editor
|
|
20
49
|
$kendo-editor-resize-handle-bg: #ffffff !default;
|
|
21
50
|
|
|
51
|
+
/// The outline width of the Editor's selected node.
|
|
52
|
+
/// @group editor
|
|
22
53
|
$kendo-editor-selectednode-outline-width: 2px !default;
|
|
54
|
+
/// The outline color of the Editor's selected node.
|
|
55
|
+
/// @group editor
|
|
23
56
|
$kendo-editor-selectednode-outline-color: #88ccff !default;
|
|
@@ -1,34 +1,78 @@
|
|
|
1
|
-
//
|
|
1
|
+
// ExpansionPanel
|
|
2
|
+
|
|
3
|
+
/// The vertical spacing of the ExpansionPanel.
|
|
4
|
+
/// @group expander
|
|
2
5
|
$kendo-expander-spacing-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
6
|
+
/// The width of the border around the ExpansionPanel.
|
|
7
|
+
/// @group expander
|
|
8
|
+
$kendo-expander-border-width: 1px !default;
|
|
9
|
+
/// The font family of the ExpansionPanel.
|
|
10
|
+
/// @group expander
|
|
3
11
|
$kendo-expander-font-family: $kendo-font-family !default;
|
|
12
|
+
/// The font size of the ExpansionPanel.
|
|
13
|
+
/// @group expander
|
|
4
14
|
$kendo-expander-font-size: $kendo-font-size-md !default;
|
|
15
|
+
/// The hine height of the ExpansionPanel.
|
|
16
|
+
/// @group expander
|
|
5
17
|
$kendo-expander-line-height: $kendo-line-height-md !default;
|
|
6
|
-
$kendo-expander-border-width: 1px !default;
|
|
7
|
-
|
|
8
|
-
$kendo-expander-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
9
|
-
// TODO: use 2
|
|
10
|
-
$kendo-expander-header-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
11
18
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
$kendo-expander-bg: $kendo-component-bg !default;
|
|
19
|
+
/// The text color of the ExpansionPanel.
|
|
20
|
+
/// @group expander
|
|
15
21
|
$kendo-expander-text: $kendo-component-text !default;
|
|
22
|
+
/// The background color of the ExpansionPanel.
|
|
23
|
+
/// @group expander
|
|
24
|
+
$kendo-expander-bg: $kendo-component-bg !default;
|
|
25
|
+
/// The border color of the ExpansionPanel.
|
|
26
|
+
/// @group expander
|
|
16
27
|
$kendo-expander-border: $kendo-component-border !default;
|
|
17
28
|
|
|
29
|
+
/// The box shadow of the focused ExpansionPanel.
|
|
30
|
+
/// @group expander
|
|
18
31
|
$kendo-expander-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
19
32
|
|
|
20
|
-
|
|
33
|
+
/// The horizontal padding of the ExpansionPanel header.
|
|
34
|
+
/// @group expander
|
|
35
|
+
$kendo-expander-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
36
|
+
// TODO: use 2
|
|
37
|
+
/// The vertical padding of the ExpansionPanel header.
|
|
38
|
+
/// @group expander
|
|
39
|
+
$kendo-expander-header-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
40
|
+
|
|
41
|
+
/// The text color of the ExpansionPanel header.
|
|
42
|
+
/// @group expander
|
|
21
43
|
$kendo-expander-header-text: $kendo-expander-text !default;
|
|
44
|
+
/// The background color of the ExpansionPanel header.
|
|
45
|
+
/// @group expander
|
|
46
|
+
$kendo-expander-header-bg: transparent !default;
|
|
47
|
+
/// The border color of the ExpansionPanel header.
|
|
48
|
+
/// @group expander
|
|
22
49
|
$kendo-expander-header-border: null !default;
|
|
23
50
|
|
|
51
|
+
/// The background color of the hovered ExpansionPanel header.
|
|
52
|
+
/// @group expander
|
|
24
53
|
$kendo-expander-header-hover-bg: k-color-shade( $kendo-expander-bg, 1 ) !default;
|
|
25
|
-
|
|
54
|
+
/// The background color of the focused ExpansionPanel header.
|
|
55
|
+
/// @group expander
|
|
26
56
|
$kendo-expander-header-focus-bg: null !default;
|
|
57
|
+
/// The box shadow of the focused ExpansionPanel header.
|
|
58
|
+
/// @group expander
|
|
27
59
|
$kendo-expander-header-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
28
60
|
|
|
61
|
+
/// The text color of the ExpansionPanel title.
|
|
62
|
+
/// @group expander
|
|
29
63
|
$kendo-expander-title-text: $kendo-color-primary !default;
|
|
30
64
|
|
|
65
|
+
/// The text color of the ExpansionPanel sub-title.
|
|
66
|
+
/// @group expander
|
|
31
67
|
$kendo-expander-header-sub-title-text: $kendo-subtle-text !default;
|
|
32
68
|
|
|
69
|
+
/// The horizontal margin of the ExpansionPanel indicator.
|
|
70
|
+
/// @group expander
|
|
71
|
+
$kendo-expander-indicator-margin-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
72
|
+
|
|
73
|
+
/// The horizontal padding of the ExpansionPanel content.
|
|
74
|
+
/// @group expander
|
|
33
75
|
$kendo-expander-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
34
|
-
|
|
76
|
+
/// The vertical padding of the ExpansionPanel content.
|
|
77
|
+
/// @group expander
|
|
78
|
+
$kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
@@ -1,13 +1,30 @@
|
|
|
1
1
|
// Filter expression builder
|
|
2
|
+
|
|
3
|
+
/// The horizontal padding of the Filter.
|
|
4
|
+
/// @group filter
|
|
2
5
|
$kendo-filter-padding-x: $kendo-padding-md-x !default;
|
|
6
|
+
/// The vertical padding of the Filter.
|
|
7
|
+
/// @group filter
|
|
3
8
|
$kendo-filter-padding-y: $kendo-padding-md-y !default;
|
|
4
9
|
|
|
10
|
+
/// The bottom margin of the Filter.
|
|
11
|
+
/// @group filter
|
|
5
12
|
$kendo-filter-bottom-margin: 30px !default;
|
|
13
|
+
/// The width of the line that connects the Filter items.
|
|
14
|
+
/// @group filter
|
|
6
15
|
$kendo-filter-line-size: 1px !default;
|
|
7
16
|
|
|
17
|
+
/// The width of the dropdown elements in the Filter items.
|
|
18
|
+
/// @group filter
|
|
8
19
|
$kendo-filter-operator-dropdown-width: 15em !default;
|
|
9
20
|
|
|
21
|
+
/// The text color of the Filter preview field.
|
|
22
|
+
/// @group filter
|
|
10
23
|
$kendo-filter-preview-field-text: $kendo-color-primary !default;
|
|
24
|
+
/// The text color of the Filter preview operator.
|
|
25
|
+
/// @group filter
|
|
11
26
|
$kendo-filter-preview-operator-text: $kendo-subtle-text !default;
|
|
12
27
|
|
|
13
|
-
|
|
28
|
+
/// The box shadow of the focused Filter toolbar.
|
|
29
|
+
/// @group filter
|
|
30
|
+
$kendo-filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
|
|
@@ -1,49 +1,50 @@
|
|
|
1
|
-
//
|
|
1
|
+
// ListBox
|
|
2
2
|
|
|
3
|
-
///
|
|
3
|
+
/// The spacing between the ListBox elements.
|
|
4
4
|
/// @group listbox
|
|
5
5
|
$kendo-listbox-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
6
|
-
///
|
|
6
|
+
/// The spacing between the ListBox buttons.
|
|
7
7
|
/// @group listbox
|
|
8
8
|
$kendo-listbox-button-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
9
|
-
///
|
|
9
|
+
/// The width of the ListBox.
|
|
10
10
|
/// @group listbox
|
|
11
11
|
$kendo-listbox-width: 10em !default;
|
|
12
|
-
///
|
|
12
|
+
/// The height of the ListBox.
|
|
13
13
|
/// @group listbox
|
|
14
14
|
$kendo-listbox-default-height: 200px !default;
|
|
15
|
-
///
|
|
15
|
+
/// The width of the border around the ListBox.
|
|
16
16
|
/// @group listbox
|
|
17
17
|
$kendo-listbox-border-width: 1px !default;
|
|
18
|
-
///
|
|
18
|
+
/// The font family of the ListBox.
|
|
19
19
|
/// @group listbox
|
|
20
20
|
$kendo-listbox-font-family: $kendo-font-family !default;
|
|
21
|
-
///
|
|
21
|
+
/// The font size of the ListBox.
|
|
22
22
|
/// @group listbox
|
|
23
23
|
$kendo-listbox-font-size: $kendo-font-size-md !default;
|
|
24
|
-
///
|
|
24
|
+
/// The line height of the ListBox.
|
|
25
25
|
/// @group listbox
|
|
26
26
|
$kendo-listbox-line-height: $kendo-line-height-md !default;
|
|
27
|
-
|
|
28
|
-
///
|
|
29
|
-
$kendo-listbox-bg: $kendo-component-bg !default;
|
|
30
|
-
/// Text color of the listbox.
|
|
27
|
+
|
|
28
|
+
/// The text color of the ListBox.
|
|
31
29
|
/// @group listbox
|
|
32
30
|
$kendo-listbox-text: $kendo-component-text !default;
|
|
33
|
-
///
|
|
31
|
+
/// The background color of the ListBox.
|
|
32
|
+
/// @group listbox
|
|
33
|
+
$kendo-listbox-bg: $kendo-component-bg !default;
|
|
34
|
+
/// The border color of the ListBox.
|
|
34
35
|
/// @group listbox
|
|
35
36
|
$kendo-listbox-border: $kendo-component-border !default;
|
|
36
37
|
|
|
37
|
-
///
|
|
38
|
+
/// The inline padding of the ListBox item.
|
|
38
39
|
/// @group listbox
|
|
39
40
|
$kendo-listbox-item-padding-x: null !default;
|
|
40
|
-
///
|
|
41
|
+
/// The block padding of the ListBox item.
|
|
41
42
|
/// @group listbox
|
|
42
43
|
$kendo-listbox-item-padding-y: null !default;
|
|
43
44
|
|
|
44
|
-
///
|
|
45
|
-
/// @group listbox
|
|
46
|
-
$kendo-listbox-drop-hint-border-width: null !default;
|
|
47
|
-
/// Width of the drop hint.
|
|
45
|
+
/// The width of the ListBox drop hint.
|
|
48
46
|
/// @group listbox
|
|
49
47
|
$kendo-listbox-drop-hint-width: 1px !default;
|
|
48
|
+
/// The width of the border around the ListBox drop hint.
|
|
49
|
+
/// @group listbox
|
|
50
|
+
$kendo-listbox-drop-hint-border-width: null !default;
|
|
@@ -1,25 +1,60 @@
|
|
|
1
|
-
//
|
|
1
|
+
// ListView
|
|
2
|
+
|
|
3
|
+
/// The horizontal padding of the ListView.
|
|
4
|
+
/// @group listview
|
|
2
5
|
$kendo-listview-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
6
|
+
/// The vertical padding of the ListView.
|
|
7
|
+
/// @group listview
|
|
3
8
|
$kendo-listview-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
9
|
+
/// The width of the border around bordered ListView.
|
|
10
|
+
/// @group listview
|
|
4
11
|
$kendo-listview-border-width: 1px !default;
|
|
12
|
+
/// The font family of the ListView.
|
|
13
|
+
/// @group listview
|
|
5
14
|
$kendo-listview-font-family: $kendo-font-family !default;
|
|
15
|
+
/// The font size of the ListView.
|
|
16
|
+
/// @group listview
|
|
6
17
|
$kendo-listview-font-size: $kendo-font-size-md !default;
|
|
18
|
+
/// The line height of the ListView.
|
|
19
|
+
/// @group listview
|
|
7
20
|
$kendo-listview-line-height: $kendo-line-height-md !default;
|
|
8
21
|
|
|
9
|
-
|
|
22
|
+
/// The text color of the ListView.
|
|
23
|
+
/// @group listview
|
|
10
24
|
$kendo-listview-text: $kendo-component-text !default;
|
|
25
|
+
/// The background color of the ListView.
|
|
26
|
+
/// @group listview
|
|
27
|
+
$kendo-listview-bg: $kendo-component-bg !default;
|
|
28
|
+
/// The border color of the ListView.
|
|
29
|
+
/// @group listview
|
|
11
30
|
$kendo-listview-border: $kendo-component-border !default;
|
|
12
31
|
|
|
13
|
-
|
|
14
|
-
|
|
32
|
+
/// The horizontal padding of the ListView items.
|
|
33
|
+
/// @group listview
|
|
15
34
|
$kendo-listview-item-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
35
|
+
/// The vertical padding of the ListView items.
|
|
36
|
+
/// @group listview
|
|
16
37
|
$kendo-listview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
17
38
|
|
|
18
|
-
|
|
39
|
+
/// The text color of the selected ListView items.
|
|
40
|
+
/// @group listview
|
|
19
41
|
$kendo-listview-item-selected-text: null !default;
|
|
42
|
+
/// The background color of the selected ListView items.
|
|
43
|
+
/// @group listview
|
|
44
|
+
$kendo-listview-item-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
45
|
+
/// The border color of the selected ListView items.
|
|
46
|
+
/// @group listview
|
|
20
47
|
$kendo-listview-item-selected-border: null !default;
|
|
21
48
|
|
|
22
|
-
|
|
49
|
+
/// The text color of the focused ListView items.
|
|
50
|
+
/// @group listview
|
|
23
51
|
$kendo-listview-item-focus-text: null !default;
|
|
52
|
+
/// The background color of the focused ListView items.
|
|
53
|
+
/// @group listview
|
|
54
|
+
$kendo-listview-item-focus-bg: null !default;
|
|
55
|
+
/// The border color of the focused ListView items.
|
|
56
|
+
/// @group listview
|
|
24
57
|
$kendo-listview-item-focus-border: null !default;
|
|
25
|
-
|
|
58
|
+
/// The box shadow of the focused ListView items.
|
|
59
|
+
/// @group listview
|
|
60
|
+
$kendo-listview-item-focus-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
|
|
@@ -1,50 +1,126 @@
|
|
|
1
1
|
// Loader
|
|
2
2
|
|
|
3
|
+
/// The border radius of the Loader segment.
|
|
4
|
+
/// @group loader
|
|
3
5
|
$kendo-loader-segment-border-radius: 50% !default;
|
|
6
|
+
|
|
7
|
+
/// The size of the small Loader segment.
|
|
8
|
+
/// @group loader
|
|
4
9
|
$kendo-loader-sm-segment-size: k-map-get( $kendo-spacing, 1 ) !default;
|
|
10
|
+
/// The size of the medium Loader segment.
|
|
11
|
+
/// @group loader
|
|
5
12
|
$kendo-loader-md-segment-size: k-map-get( $kendo-spacing, 2 ) !default;
|
|
13
|
+
/// The size of the large Loader segment.
|
|
14
|
+
/// @group loader
|
|
6
15
|
$kendo-loader-lg-segment-size: k-map-get( $kendo-spacing, 4 ) !default;
|
|
7
16
|
|
|
17
|
+
/// The padding of the small Loader.
|
|
18
|
+
/// @group loader
|
|
8
19
|
$kendo-loader-sm-padding: k-math-div( $kendo-loader-sm-segment-size, 2 ) !default;
|
|
20
|
+
/// The padding of the medium Loader.
|
|
21
|
+
/// @group loader
|
|
9
22
|
$kendo-loader-md-padding: k-math-div( $kendo-loader-md-segment-size, 2 ) !default;
|
|
23
|
+
/// The padding of the large Loader.
|
|
24
|
+
/// @group loader
|
|
10
25
|
$kendo-loader-lg-padding: k-math-div( $kendo-loader-lg-segment-size, 2 ) !default;
|
|
11
26
|
|
|
27
|
+
/// The width of the small spinner-3 Loader.
|
|
28
|
+
/// @group loader
|
|
12
29
|
$kendo-loader-sm-spinner-3-width: ( $kendo-loader-sm-segment-size * 4 ) !default;
|
|
13
|
-
|
|
30
|
+
/// The width of the medium spinner-3 Loader.
|
|
31
|
+
/// @group loader
|
|
14
32
|
$kendo-loader-md-spinner-3-width: ( $kendo-loader-md-segment-size * 4 ) !default;
|
|
15
|
-
|
|
33
|
+
/// The width of the large spinner-3 Loader.
|
|
34
|
+
/// @group loader
|
|
16
35
|
$kendo-loader-lg-spinner-3-width: ( $kendo-loader-lg-segment-size * 4 ) !default;
|
|
36
|
+
|
|
37
|
+
/// The height of the small spinner-3 Loader.
|
|
38
|
+
/// @group loader
|
|
39
|
+
$kendo-loader-sm-spinner-3-height: ( $kendo-loader-sm-spinner-3-width * $equilateral-height ) !default;
|
|
40
|
+
/// The height of the medium spinner-3 Loader.
|
|
41
|
+
/// @group loader
|
|
42
|
+
$kendo-loader-md-spinner-3-height: ( $kendo-loader-md-spinner-3-width * $equilateral-height ) !default;
|
|
43
|
+
/// The height of the large spinner-3 Loader.
|
|
44
|
+
/// @group loader
|
|
17
45
|
$kendo-loader-lg-spinner-3-height: ( $kendo-loader-lg-spinner-3-width * $equilateral-height ) !default;
|
|
18
46
|
|
|
47
|
+
/// The width of the small spinner-4 Loader.
|
|
48
|
+
/// @group loader
|
|
19
49
|
$kendo-loader-sm-spinner-4-width: $kendo-loader-sm-segment-size * 4 !default;
|
|
20
|
-
|
|
50
|
+
/// The width of the medium spinner-4 Loader.
|
|
51
|
+
/// @group loader
|
|
21
52
|
$kendo-loader-md-spinner-4-width: $kendo-loader-md-segment-size * 4 !default;
|
|
22
|
-
|
|
53
|
+
/// The width of the large spinner-4 Loader.
|
|
54
|
+
/// @group loader
|
|
23
55
|
$kendo-loader-lg-spinner-4-width: $kendo-loader-lg-segment-size * 4 !default;
|
|
56
|
+
|
|
57
|
+
/// The height of the small spinner-4 Loader.
|
|
58
|
+
/// @group loader
|
|
59
|
+
$kendo-loader-sm-spinner-4-height: $kendo-loader-sm-spinner-4-width !default;
|
|
60
|
+
/// The height of the medium spinner-4 Loader.
|
|
61
|
+
/// @group loader
|
|
62
|
+
$kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
|
|
63
|
+
/// The height of the large spinner-4 Loader.
|
|
64
|
+
/// @group loader
|
|
24
65
|
$kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
|
|
25
66
|
|
|
67
|
+
/// The color of the Loader based on the secondary theme color.
|
|
68
|
+
/// @group loader
|
|
26
69
|
$kendo-loader-secondary-bg: #656565 !default;
|
|
27
70
|
|
|
71
|
+
/// The border width of the container panel.
|
|
72
|
+
/// @group loader
|
|
28
73
|
$kendo-loader-container-panel-border-width: 1px !default;
|
|
74
|
+
/// The border style of the container panel.
|
|
75
|
+
/// @group loader
|
|
29
76
|
$kendo-loader-container-panel-border-style: solid !default;
|
|
77
|
+
/// The border color of the container panel.
|
|
78
|
+
/// @group loader
|
|
30
79
|
$kendo-loader-container-panel-border-color: $kendo-component-border !default;
|
|
80
|
+
/// The border radius of the container panel.
|
|
81
|
+
/// @group loader
|
|
31
82
|
$kendo-loader-container-panel-border-radius: $kendo-border-radius-md !default;
|
|
83
|
+
/// The background color of the container panel.
|
|
84
|
+
/// @group loader
|
|
32
85
|
$kendo-loader-container-panel-bg: $kendo-color-white !default;
|
|
33
86
|
|
|
87
|
+
/// The padding of the small Loader container.
|
|
88
|
+
/// @group loader
|
|
34
89
|
$kendo-loader-sm-container-padding: 15px !default;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
90
|
+
/// The padding of the medium Loader container.
|
|
91
|
+
/// @group loader
|
|
38
92
|
$kendo-loader-md-container-padding: 20px !default;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
93
|
+
/// The padding of the large Loader container.
|
|
94
|
+
/// @group loader
|
|
42
95
|
$kendo-loader-lg-container-padding: 25px !default;
|
|
96
|
+
|
|
97
|
+
/// The gap of the small Loader container.
|
|
98
|
+
/// @group loader
|
|
99
|
+
$kendo-loader-sm-container-gap: k-map-get( $kendo-spacing, 1 ) !default;
|
|
100
|
+
/// The gap of the medium Loader container.
|
|
101
|
+
/// @group loader
|
|
102
|
+
$kendo-loader-md-container-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
103
|
+
/// The gap of the large Loader container.
|
|
104
|
+
/// @group loader
|
|
43
105
|
$kendo-loader-lg-container-gap: k-map-get( $kendo-spacing, 3 ) !default;
|
|
44
|
-
$kendo-loader-lg-container-font-size: $kendo-font-size-lg !default;
|
|
45
106
|
|
|
107
|
+
/// The font size of the small Loader container.
|
|
108
|
+
/// @group loader
|
|
109
|
+
$kendo-loader-sm-container-font-size: $kendo-font-size-xs !default;
|
|
110
|
+
/// The font size of the medium Loader container.
|
|
111
|
+
/// @group loader
|
|
112
|
+
$kendo-loader-md-container-font-size: $kendo-font-size-md !default;
|
|
113
|
+
/// The font size of the large Loader container.
|
|
114
|
+
/// @group loader
|
|
115
|
+
$kendo-loader-lg-container-font-size: $kendo-font-size-lg !default;
|
|
46
116
|
|
|
47
|
-
// Loading
|
|
117
|
+
// Loading indicator
|
|
118
|
+
/// The background color of the Loading indicator.
|
|
119
|
+
/// @group loading
|
|
48
120
|
$kendo-loading-bg: $kendo-component-bg !default;
|
|
121
|
+
/// The text color of the Loading indicator.
|
|
122
|
+
/// @group loading
|
|
49
123
|
$kendo-loading-text: currentColor !default;
|
|
124
|
+
/// The opacity of the Loading indicator.
|
|
125
|
+
/// @group loading
|
|
50
126
|
$kendo-loading-opacity: .3 !default;
|