@progress/kendo-theme-classic 6.4.1-dev.1 → 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 +103 -36
- package/dist/all.scss +1091 -194
- package/dist/meta/sassdoc-data.json +41297 -19385
- package/dist/meta/sassdoc-raw-data.json +18200 -8100
- package/dist/meta/variables.json +273 -213
- 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/list/_variables.scss +2 -2
- 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/splitter/_variables.scss +2 -0
- package/scss/tilelayout/_variables.scss +21 -4
- package/scss/treeview/_variables.scss +30 -4
- package/scss/upload/_variables.scss +62 -9
- package/scss/window/_variables.scss +61 -6
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": "6.
|
|
4
|
+
"version": "6.5.0-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@progress/kendo-font-icons": "1.5.0",
|
|
54
|
-
"@progress/kendo-theme-core": "6.
|
|
55
|
-
"@progress/kendo-theme-default": "6.
|
|
56
|
-
"@progress/kendo-theme-utils": "6.
|
|
54
|
+
"@progress/kendo-theme-core": "6.5.0-dev.1",
|
|
55
|
+
"@progress/kendo-theme-default": "6.5.0-dev.1",
|
|
56
|
+
"@progress/kendo-theme-utils": "6.5.0-dev.1"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "6669ee878325bbdc367a4efc94ce2315e2b680e5"
|
|
59
59
|
}
|
|
@@ -1,22 +1,54 @@
|
|
|
1
|
-
//
|
|
2
|
-
|
|
1
|
+
// AppBar
|
|
2
|
+
|
|
3
|
+
/// The horizontal margin of the AppBar.
|
|
4
|
+
/// @group appbar
|
|
3
5
|
$kendo-appbar-margin-x: null !default;
|
|
4
|
-
|
|
6
|
+
/// The vertical margin of the AppBar.
|
|
7
|
+
/// @group appbar
|
|
8
|
+
$kendo-appbar-margin-y: null !default;
|
|
9
|
+
/// The horizontal padding of the AppBar.
|
|
10
|
+
/// @group appbar
|
|
5
11
|
$kendo-appbar-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
12
|
+
/// The vertical padding of the AppBar.
|
|
13
|
+
/// @group appbar
|
|
14
|
+
$kendo-appbar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
15
|
+
/// The width of the border around the AppBar.
|
|
16
|
+
/// @group appbar
|
|
6
17
|
$kendo-appbar-border-width: 0px !default;
|
|
7
|
-
|
|
18
|
+
/// The z-index of the AppBar.
|
|
19
|
+
/// @group appbar
|
|
8
20
|
$kendo-appbar-zindex: 1000 !default;
|
|
9
|
-
|
|
21
|
+
/// The font family of the AppBar.
|
|
22
|
+
/// @group appbar
|
|
23
|
+
$kendo-appbar-font-family: $kendo-font-family !default;
|
|
24
|
+
/// The font size of the AppBar.
|
|
25
|
+
/// @group appbar
|
|
10
26
|
$kendo-appbar-font-size: $kendo-font-size-md !default;
|
|
27
|
+
/// The line height of the AppBar.
|
|
28
|
+
/// @group appbar
|
|
11
29
|
$kendo-appbar-line-height: $kendo-line-height-md !default;
|
|
12
|
-
|
|
30
|
+
|
|
31
|
+
/// The spacing between the AppBar sections.
|
|
32
|
+
/// @group appbar
|
|
13
33
|
$kendo-appbar-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
14
34
|
|
|
35
|
+
/// The background color of the AppBar based on light theme color.
|
|
36
|
+
/// @group appbar
|
|
15
37
|
$kendo-appbar-light-bg: $kendo-color-light !default;
|
|
38
|
+
/// The text color of the AppBar based on light theme color.
|
|
39
|
+
/// @group appbar
|
|
16
40
|
$kendo-appbar-light-text: k-contrast-color( $kendo-color-light ) !default;
|
|
17
41
|
|
|
42
|
+
/// The background color of the AppBar based on dark theme color.
|
|
43
|
+
/// @group appbar
|
|
18
44
|
$kendo-appbar-dark-bg: $kendo-color-dark !default;
|
|
45
|
+
/// The text color of the AppBar based on dark theme colorr.
|
|
46
|
+
/// @group appbar
|
|
19
47
|
$kendo-appbar-dark-text: k-contrast-color( $kendo-color-dark ) !default;
|
|
20
48
|
|
|
49
|
+
/// The box shadow of the AppBar.
|
|
50
|
+
/// @group appbar
|
|
21
51
|
$kendo-appbar-box-shadow: 0px 1px 1px rgba( black, .16 ) !default;
|
|
22
|
-
|
|
52
|
+
/// The box shadow of the AppBar with bottom position.
|
|
53
|
+
/// @group appbar
|
|
54
|
+
$kendo-appbar-bottom-box-shadow: 0px -1px 1px rgba( black, .16 ) !default;
|
|
@@ -1,28 +1,62 @@
|
|
|
1
|
-
//
|
|
1
|
+
// BottomNavigation
|
|
2
|
+
|
|
3
|
+
/// The horizontal padding of the BottomNavigation.
|
|
4
|
+
/// @group bottom-navigation
|
|
2
5
|
$kendo-bottom-nav-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
6
|
+
/// The vertical padding of the BottomNavigation.
|
|
7
|
+
/// @group bottom-navigation
|
|
3
8
|
$kendo-bottom-nav-padding-y: $kendo-bottom-nav-padding-x !default;
|
|
9
|
+
/// The spacing between the BottomNavigation items.
|
|
10
|
+
/// @group bottom-navigation
|
|
4
11
|
$kendo-bottom-nav-gap: $kendo-bottom-nav-padding-x !default;
|
|
12
|
+
/// The width of the border around the BottomNavigation.
|
|
13
|
+
/// @group bottom-navigation
|
|
5
14
|
$kendo-bottom-nav-border-width: 1px 0px 0px 0px !default;
|
|
6
|
-
|
|
15
|
+
/// The font family of the BottomNavigation.
|
|
16
|
+
/// @group bottom-navigation
|
|
7
17
|
$kendo-bottom-nav-font-family: $kendo-font-family !default;
|
|
18
|
+
/// The font size of the BottomNavigation.
|
|
19
|
+
/// @group bottom-navigation
|
|
8
20
|
$kendo-bottom-nav-font-size: $kendo-font-size-md !default;
|
|
21
|
+
/// The line height of the BottomNavigation.
|
|
22
|
+
/// @group bottom-navigation
|
|
9
23
|
$kendo-bottom-nav-line-height: normal !default;
|
|
24
|
+
/// The letter spacing of the BottomNavigation.
|
|
25
|
+
/// @group bottom-navigation
|
|
10
26
|
$kendo-bottom-nav-letter-spacing: .2px !default;
|
|
11
27
|
|
|
28
|
+
/// The horizontal padding of the BottomNavigation item.
|
|
29
|
+
/// @group bottom-navigation
|
|
12
30
|
$kendo-bottom-nav-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
31
|
+
/// The vertical padding of the BottomNavigation item.
|
|
32
|
+
/// @group bottom-navigation
|
|
13
33
|
$kendo-bottom-nav-item-padding-y: 0 !default;
|
|
34
|
+
/// The minimum width of the BottomNavigation item.
|
|
35
|
+
/// @group bottom-navigation
|
|
14
36
|
$kendo-bottom-nav-item-min-width: 72px !default;
|
|
37
|
+
/// The maximum width of the BottomNavigation item.
|
|
38
|
+
/// @group bottom-navigation
|
|
15
39
|
$kendo-bottom-nav-item-max-width: null !default;
|
|
40
|
+
/// The minimum height of the BottomNavigation item.
|
|
41
|
+
/// @group bottom-navigation
|
|
16
42
|
$kendo-bottom-nav-item-min-height: calc( #{$kendo-icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$kendo-bottom-nav-padding-x * 2} ) !default;
|
|
43
|
+
/// The border radius of the BottomNavigation item.
|
|
44
|
+
/// @group bottom-navigation
|
|
17
45
|
$kendo-bottom-nav-item-border-radius: $kendo-border-radius-md !default;
|
|
46
|
+
/// The spacing of the BottomNavigation item.
|
|
47
|
+
/// @group bottom-navigation
|
|
18
48
|
$kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
|
|
19
49
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
$kendo-bottom-nav-item-disabled-opacity: .5 !default;
|
|
23
|
-
|
|
50
|
+
/// The box shadow of the BottomNavigation.
|
|
51
|
+
/// @group bottom-navigation
|
|
24
52
|
$kendo-bottom-nav-shadow: 0px 0px 5px rgba( black, .12 ) !default;
|
|
25
53
|
|
|
26
|
-
|
|
54
|
+
/// The text color of the flat BottomNavigation.
|
|
55
|
+
/// @group bottom-navigation
|
|
27
56
|
$kendo-bottom-nav-flat-text: $kendo-component-text !default;
|
|
28
|
-
|
|
57
|
+
/// The background color of the flat BottomNavigation.
|
|
58
|
+
/// @group bottom-navigation
|
|
59
|
+
$kendo-bottom-nav-flat-bg: $kendo-component-bg !default;
|
|
60
|
+
/// The border color of the flat BottomNavigation.
|
|
61
|
+
/// @group bottom-navigation
|
|
62
|
+
$kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
@@ -1,59 +1,230 @@
|
|
|
1
1
|
// Breadcrumb
|
|
2
2
|
|
|
3
|
+
/// The width of the border around the Breadcrumb.
|
|
4
|
+
/// @group breadcrumb
|
|
5
|
+
$kendo-breadcrumb-border-width: 0px !default;
|
|
6
|
+
|
|
7
|
+
/// The horizontal margin of the Breadcrumb.
|
|
8
|
+
/// @group breadcrumb
|
|
3
9
|
$kendo-breadcrumb-margin-x: null !default;
|
|
10
|
+
/// The vertical margin of the Breadcrumb.
|
|
11
|
+
/// @group breadcrumb
|
|
4
12
|
$kendo-breadcrumb-margin-y: null !default;
|
|
13
|
+
|
|
14
|
+
/// The horizontal padding of the Breadcrumb.
|
|
15
|
+
/// @group breadcrumb
|
|
5
16
|
$kendo-breadcrumb-padding-x: null !default;
|
|
17
|
+
/// The vertical padding of the Breadcrumb.
|
|
18
|
+
/// @group breadcrumb
|
|
6
19
|
$kendo-breadcrumb-padding-y: null !default;
|
|
7
|
-
$kendo-breadcrumb-border-width: 0px !default;
|
|
8
20
|
|
|
21
|
+
/// The font family of the Breadcrumb.
|
|
22
|
+
/// @group breadcrumb
|
|
9
23
|
$kendo-breadcrumb-font-family: $kendo-font-family !default;
|
|
24
|
+
|
|
25
|
+
/// The font size of the Breadcrumb.
|
|
26
|
+
/// @group breadcrumb
|
|
10
27
|
$kendo-breadcrumb-font-size: $kendo-font-size-md !default;
|
|
28
|
+
/// The font size of the small Breadcrumb.
|
|
29
|
+
/// @group breadcrumb
|
|
30
|
+
$kendo-breadcrumb-sm-font-size: $kendo-font-size-md !default;
|
|
31
|
+
/// The font size of the medium Breadcrumb.
|
|
32
|
+
/// @group breadcrumb
|
|
33
|
+
$kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
|
|
34
|
+
/// The font size of the large Breadcrumb.
|
|
35
|
+
/// @group breadcrumb
|
|
36
|
+
$kendo-breadcrumb-lg-font-size: $kendo-font-size-lg !default;
|
|
37
|
+
|
|
38
|
+
/// The line-height of the Breadcrumb.
|
|
39
|
+
/// @group breadcrumb
|
|
11
40
|
$kendo-breadcrumb-line-height: $kendo-line-height-md !default;
|
|
41
|
+
/// The line-height of the small Breadcrumb.
|
|
42
|
+
/// @group breadcrumb
|
|
43
|
+
$kendo-breadcrumb-sm-line-height: $kendo-line-height-md !default;
|
|
44
|
+
/// The line-height of the medium Breadcrumb.
|
|
45
|
+
/// @group breadcrumb
|
|
46
|
+
$kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
|
|
47
|
+
/// The line-height of the height Breadcrumb.
|
|
48
|
+
/// @group breadcrumb
|
|
49
|
+
$kendo-breadcrumb-lg-line-height: $kendo-line-height-lg !default;
|
|
12
50
|
|
|
51
|
+
/// The base background of the Breadcrumb.
|
|
52
|
+
/// @group breadcrumb
|
|
13
53
|
$kendo-breadcrumb-bg: $kendo-component-bg !default;
|
|
54
|
+
/// The base text color of the Breadcrumb.
|
|
55
|
+
/// @group breadcrumb
|
|
14
56
|
$kendo-breadcrumb-text: $kendo-component-text !default;
|
|
57
|
+
/// The base border color of the Breadcrumb.
|
|
58
|
+
/// @group breadcrumb
|
|
15
59
|
$kendo-breadcrumb-border: $kendo-component-border !default;
|
|
16
60
|
|
|
61
|
+
/// The box shadow of the focused Breadcrumb.
|
|
62
|
+
/// @group breadcrumb
|
|
63
|
+
$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
64
|
+
|
|
65
|
+
/// The horizontal padding of the Breadcrumb link.
|
|
66
|
+
/// @group breadcrumb
|
|
17
67
|
$kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
68
|
+
/// The horizontal padding of the small Breadcrumb link.
|
|
69
|
+
/// @group breadcrumb
|
|
70
|
+
$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
71
|
+
/// The horizontal padding of the medium Breadcrumb link.
|
|
72
|
+
/// @group breadcrumb
|
|
73
|
+
$kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
|
|
74
|
+
/// The horizontal padding of the large Breadcrumb link.
|
|
75
|
+
/// @group breadcrumb
|
|
76
|
+
$kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
77
|
+
|
|
78
|
+
/// The vertical padding of the Breadcrumb link.
|
|
79
|
+
/// @group breadcrumb
|
|
18
80
|
$kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
81
|
+
/// The vertical padding of the small Breadcrumb link.
|
|
82
|
+
/// @group breadcrumb
|
|
83
|
+
$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
84
|
+
/// The vertical padding of the medium Breadcrumb link.
|
|
85
|
+
/// @group breadcrumb
|
|
86
|
+
$kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
|
|
87
|
+
/// The vertical padding of the large Breadcrumb link.
|
|
88
|
+
/// @group breadcrumb
|
|
89
|
+
$kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
90
|
+
|
|
91
|
+
/// The border-radius of the Breadcrumb link.
|
|
92
|
+
/// @group breadcrumb
|
|
19
93
|
$kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
|
|
20
94
|
|
|
21
|
-
|
|
22
|
-
|
|
95
|
+
/// The vertical padding of the Breadcrumb link icon.
|
|
96
|
+
/// @group breadcrumb
|
|
97
|
+
$kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
98
|
+
/// The vertical padding of the small Breadcrumb link icon.
|
|
99
|
+
/// @group breadcrumb
|
|
100
|
+
$kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
101
|
+
/// The vertical padding of the medium Breadcrumb link icon.
|
|
102
|
+
/// @group breadcrumb
|
|
103
|
+
$kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
|
|
104
|
+
/// The vertical padding of the large Breadcrumb link icon.
|
|
105
|
+
/// @group breadcrumb
|
|
106
|
+
$kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
23
107
|
|
|
24
|
-
|
|
25
|
-
|
|
108
|
+
/// The horizontal padding of the Breadcrumb link icon.
|
|
109
|
+
/// @group breadcrumb
|
|
110
|
+
$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
|
|
111
|
+
/// The horizontal padding of the small Breadcrumb link icon.
|
|
112
|
+
/// @group breadcrumb
|
|
113
|
+
$kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
|
|
114
|
+
/// The horizontal padding of the medium Breadcrumb link icon.
|
|
115
|
+
/// @group breadcrumb
|
|
116
|
+
$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
|
|
117
|
+
/// The horizontal padding of the large Breadcrumb link icon.
|
|
118
|
+
/// @group breadcrumb
|
|
119
|
+
$kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
|
|
26
120
|
|
|
121
|
+
/// The text color of the Breadcrumb link.
|
|
122
|
+
/// @group breadcrumb
|
|
27
123
|
$kendo-breadcrumb-link-initial-text: inherit !default;
|
|
124
|
+
/// The spacing of the Breadcrumb link icon.
|
|
125
|
+
/// @group breadcrumb
|
|
126
|
+
$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
|
|
28
127
|
|
|
128
|
+
/// The background color of the Breadcrumb link.
|
|
129
|
+
/// @group breadcrumb
|
|
29
130
|
$kendo-breadcrumb-link-bg: null !default;
|
|
131
|
+
/// The text color of the Breadcrumb link.
|
|
132
|
+
/// @group breadcrumb
|
|
30
133
|
$kendo-breadcrumb-link-text: $kendo-link-text !default;
|
|
134
|
+
/// The border color of the Breadcrumb link.
|
|
135
|
+
/// @group breadcrumb
|
|
31
136
|
$kendo-breadcrumb-link-border: null !default;
|
|
32
137
|
|
|
138
|
+
/// @group breadcrumb
|
|
33
139
|
$kendo-breadcrumb-link-hover-bg: $kendo-base-bg !default;
|
|
140
|
+
/// The text color of the hovered Breadcrumb link.
|
|
141
|
+
/// @group breadcrumb
|
|
34
142
|
$kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
|
|
143
|
+
/// The border color of the hovered Breadcrumb link.
|
|
144
|
+
/// @group breadcrumb
|
|
35
145
|
$kendo-breadcrumb-link-hover-border: null !default;
|
|
36
146
|
|
|
147
|
+
/// The background color of the focused Breadcrumb link.
|
|
148
|
+
/// @group breadcrumb
|
|
37
149
|
$kendo-breadcrumb-link-focus-bg: null !default;
|
|
150
|
+
/// The text color of the focused Breadcrumb link.
|
|
151
|
+
/// @group breadcrumb
|
|
38
152
|
$kendo-breadcrumb-link-focus-text: $kendo-link-text !default;
|
|
153
|
+
/// The border color of the focused Breadcrumb link.
|
|
154
|
+
/// @group breadcrumb
|
|
39
155
|
$kendo-breadcrumb-link-focus-border: null !default;
|
|
156
|
+
/// The box shadow of the focused Breadcrumb link.
|
|
157
|
+
/// @group breadcrumb
|
|
40
158
|
$kendo-breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
|
|
41
159
|
|
|
160
|
+
/// The background color of the Breadcrumb root link.
|
|
161
|
+
/// @group breadcrumb
|
|
42
162
|
$kendo-breadcrumb-root-link-bg: null !default;
|
|
163
|
+
/// The text color of the Breadcrumb root link.
|
|
164
|
+
/// @group breadcrumb
|
|
43
165
|
$kendo-breadcrumb-root-link-text: null !default;
|
|
166
|
+
/// The border color of the Breadcrumb root link.
|
|
167
|
+
/// @group breadcrumb
|
|
44
168
|
$kendo-breadcrumb-root-link-border: null !default;
|
|
45
169
|
|
|
170
|
+
/// The background color of the hovered Breadcrumb root link.
|
|
171
|
+
/// @group breadcrumb
|
|
46
172
|
$kendo-breadcrumb-root-link-hover-bg: $kendo-base-bg !default;
|
|
173
|
+
/// The text color of the hovered Breadcrumb root link.
|
|
174
|
+
/// @group breadcrumb
|
|
47
175
|
$kendo-breadcrumb-root-link-hover-text: null !default;
|
|
176
|
+
/// The border color of the hovered Breadcrumb root link.
|
|
177
|
+
/// @group breadcrumb
|
|
48
178
|
$kendo-breadcrumb-root-link-hover-border: null !default;
|
|
49
179
|
|
|
180
|
+
/// The background color of the focused Breadcrumb root link.
|
|
181
|
+
/// @group breadcrumb
|
|
50
182
|
$kendo-breadcrumb-root-link-focus-bg: null !default;
|
|
183
|
+
/// The text color of the focused Breadcrumb root link.
|
|
184
|
+
/// @group breadcrumb
|
|
51
185
|
$kendo-breadcrumb-root-link-focus-text: null !default;
|
|
186
|
+
/// The border color of the focused Breadcrumb root link.
|
|
187
|
+
/// @group breadcrumb
|
|
52
188
|
$kendo-breadcrumb-root-link-focus-border: null !default;
|
|
189
|
+
/// The box shadow of the focused Breadcrumb root link.
|
|
190
|
+
/// @group breadcrumb
|
|
53
191
|
$kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
|
|
54
192
|
|
|
193
|
+
/// The background color of the current Breadcrumb root link.
|
|
194
|
+
/// @group breadcrumb
|
|
55
195
|
$kendo-breadcrumb-current-item-bg: null !default;
|
|
196
|
+
/// The text color of the current Breadcrumb root link.
|
|
197
|
+
/// @group breadcrumb
|
|
56
198
|
$kendo-breadcrumb-current-item-text: null !default;
|
|
199
|
+
/// The border color of the current Breadcrumb root link.
|
|
200
|
+
/// @group breadcrumb
|
|
57
201
|
$kendo-breadcrumb-current-item-border: null !default;
|
|
58
202
|
|
|
59
|
-
|
|
203
|
+
/// The sizes map for the Breadcrumb.
|
|
204
|
+
/// @group breadcrumb
|
|
205
|
+
$kendo-breadcrumb-sizes: (
|
|
206
|
+
sm: (
|
|
207
|
+
link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
|
|
208
|
+
link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
|
|
209
|
+
icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
|
|
210
|
+
icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
|
|
211
|
+
font-size: $kendo-breadcrumb-sm-font-size,
|
|
212
|
+
line-height: $kendo-breadcrumb-sm-line-height
|
|
213
|
+
),
|
|
214
|
+
md: (
|
|
215
|
+
link-padding-x: $kendo-breadcrumb-md-link-padding-x,
|
|
216
|
+
link-padding-y: $kendo-breadcrumb-md-link-padding-y,
|
|
217
|
+
icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
|
|
218
|
+
icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
|
|
219
|
+
font-size: $kendo-breadcrumb-md-font-size,
|
|
220
|
+
line-height: $kendo-breadcrumb-md-line-height
|
|
221
|
+
),
|
|
222
|
+
lg: (
|
|
223
|
+
link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
|
|
224
|
+
link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
|
|
225
|
+
icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,
|
|
226
|
+
icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
|
|
227
|
+
font-size: $kendo-breadcrumb-lg-font-size,
|
|
228
|
+
line-height: $kendo-breadcrumb-lg-line-height
|
|
229
|
+
)
|
|
230
|
+
) !default;
|
|
@@ -1,31 +1,80 @@
|
|
|
1
|
-
//
|
|
1
|
+
// ColorEditor/FlatColorPicker
|
|
2
|
+
|
|
3
|
+
/// The spacer of the ColorEditor.
|
|
4
|
+
/// @group coloreditor
|
|
2
5
|
$kendo-color-editor-spacer: k-map-get( $kendo-spacing, 3 ) !default;
|
|
3
6
|
|
|
7
|
+
/// The minimum width of the ColorEditor.
|
|
8
|
+
/// @group coloreditor
|
|
4
9
|
$kendo-color-editor-min-width: 272px !default;
|
|
10
|
+
/// The width of the border around the ColorEditor.
|
|
11
|
+
/// @group coloreditor
|
|
5
12
|
$kendo-color-editor-border-width: 1px !default;
|
|
13
|
+
/// The border radius of the ColorEditor.
|
|
14
|
+
/// @group coloreditor
|
|
6
15
|
$kendo-color-editor-border-radius: $kendo-border-radius-md !default;
|
|
16
|
+
/// The font family of the ColorEditor.
|
|
17
|
+
/// @group coloreditor
|
|
7
18
|
$kendo-color-editor-font-family: $kendo-font-family !default;
|
|
19
|
+
/// The font size of the ColorEditor.
|
|
20
|
+
/// @group coloreditor
|
|
8
21
|
$kendo-color-editor-font-size: $kendo-font-size-md !default;
|
|
22
|
+
/// The line height of the ColorEditor.
|
|
23
|
+
/// @group coloreditor
|
|
9
24
|
$kendo-color-editor-line-height: $kendo-line-height-md !default;
|
|
10
|
-
|
|
25
|
+
/// The text color of the ColorEditor.
|
|
26
|
+
/// @group coloreditor
|
|
11
27
|
$kendo-color-editor-text: $kendo-component-text !default;
|
|
28
|
+
/// The background color of the ColorEditor.
|
|
29
|
+
/// @group coloreditor
|
|
30
|
+
$kendo-color-editor-bg: $kendo-component-bg !default;
|
|
31
|
+
/// The border color of the ColorEditor.
|
|
32
|
+
/// @group coloreditor
|
|
12
33
|
$kendo-color-editor-border: $kendo-component-border !default;
|
|
13
34
|
|
|
35
|
+
/// The border color of the focused ColorEditor.
|
|
36
|
+
/// @group coloreditor
|
|
14
37
|
$kendo-color-editor-focus-border: null !default;
|
|
38
|
+
/// The box shadow of the focused ColorEditor.
|
|
39
|
+
/// @group coloreditor
|
|
15
40
|
$kendo-color-editor-focus-shadow: 1px 1px 7px 1px rgba( black, .3 ) !default;
|
|
16
41
|
|
|
42
|
+
/// The vertical padding of the ColorEditor header.
|
|
43
|
+
/// @group coloreditor
|
|
17
44
|
$kendo-color-editor-header-padding-y: $kendo-color-editor-spacer !default;
|
|
45
|
+
/// The horizontal padding of the ColorEditor header.
|
|
46
|
+
/// @group coloreditor
|
|
18
47
|
$kendo-color-editor-header-padding-x: $kendo-color-editor-header-padding-y !default;
|
|
48
|
+
/// The spacing between the ColorEditor header actions.
|
|
49
|
+
/// @group coloreditor
|
|
19
50
|
$kendo-color-editor-header-actions-gap: k-math-div( $kendo-color-editor-spacer, 1.5 ) !default;
|
|
20
51
|
|
|
21
|
-
|
|
52
|
+
/// The width of the ColorEditor preview.
|
|
53
|
+
/// @group coloreditor
|
|
22
54
|
$kendo-color-editor-color-preview-width: 32px !default;
|
|
55
|
+
/// The height of the ColorEditor preview.
|
|
56
|
+
/// @group coloreditor
|
|
23
57
|
$kendo-color-editor-color-preview-height: 12px !default;
|
|
58
|
+
/// The spacing between the colors in the ColorEditor preview.
|
|
59
|
+
/// @group coloreditor
|
|
60
|
+
$kendo-color-editor-preview-gap: k-map-get( $kendo-spacing, 1 ) !default;
|
|
24
61
|
|
|
62
|
+
/// The vertical padding of the ColorEditor views container.
|
|
63
|
+
/// @group coloreditor
|
|
25
64
|
$kendo-color-editor-views-padding-y: $kendo-color-editor-spacer !default;
|
|
65
|
+
/// The horizontal padding of the ColorEditor views container.
|
|
66
|
+
/// @group coloreditor
|
|
26
67
|
$kendo-color-editor-views-padding-x: $kendo-color-editor-views-padding-y !default;
|
|
68
|
+
/// The spacing of the ColorEditor views container.
|
|
69
|
+
/// @group coloreditor
|
|
27
70
|
$kendo-color-editor-views-gap: $kendo-color-editor-spacer !default;
|
|
28
71
|
|
|
72
|
+
/// The outline color of the focused ColorGradient.
|
|
73
|
+
/// @group coloreditor
|
|
29
74
|
$kendo-color-editor-color-gradient-focus-outline-color: rgba(0, 0, 0, .3) !default;
|
|
75
|
+
/// The outline width of the focused ColorGradient.
|
|
76
|
+
/// @group coloreditor
|
|
30
77
|
$kendo-color-editor-color-gradient-focus-outline: 2px !default;
|
|
31
|
-
|
|
78
|
+
/// The outline offset of the focused ColorGradient.
|
|
79
|
+
/// @group coloreditor
|
|
80
|
+
$kendo-color-editor-color-gradient-focus-outline-offset: 4px !default;
|