@progress/kendo-theme-default 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 -172
- package/dist/meta/sassdoc-data.json +42089 -20501
- package/dist/meta/sassdoc-raw-data.json +18593 -8643
- package/dist/meta/variables.json +235 -207
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/appbar/_variables.scss +39 -7
- package/scss/bottom-navigation/_variables.scss +42 -8
- package/scss/breadcrumb/_layout.scss +28 -13
- package/scss/breadcrumb/_variables.scss +177 -6
- package/scss/coloreditor/_variables.scss +53 -4
- package/scss/colorgradient/_variables.scss +86 -4
- 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 +55 -11
- 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 +22 -3
- 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-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "6.5.0-dev.
|
|
4
|
+
"version": "6.5.0-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@progress/kendo-font-icons": "1.5.0",
|
|
53
|
-
"@progress/kendo-theme-core": "6.5.0-dev.
|
|
54
|
-
"@progress/kendo-theme-utils": "6.5.0-dev.
|
|
53
|
+
"@progress/kendo-theme-core": "6.5.0-dev.1",
|
|
54
|
+
"@progress/kendo-theme-utils": "6.5.0-dev.1"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "6669ee878325bbdc367a4efc94ce2315e2b680e5"
|
|
57
57
|
}
|
|
@@ -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-legacy( $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 color.
|
|
46
|
+
/// @group appbar
|
|
19
47
|
$kendo-appbar-dark-text: k-contrast-legacy( $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(0, 0, 0, .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(0, 0, 0, .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(0, 0, 0, .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;
|
|
@@ -11,8 +11,6 @@
|
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
outline: 0;
|
|
13
13
|
font-family: $kendo-breadcrumb-font-family;
|
|
14
|
-
font-size: $kendo-breadcrumb-font-size;
|
|
15
|
-
line-height: $kendo-breadcrumb-line-height;
|
|
16
14
|
display: flex;
|
|
17
15
|
flex-direction: row;
|
|
18
16
|
-webkit-touch-callout: none;
|
|
@@ -64,8 +62,6 @@
|
|
|
64
62
|
.k-breadcrumb-link,
|
|
65
63
|
.k-breadcrumb-root-link {
|
|
66
64
|
@include border-radius( $kendo-breadcrumb-link-border-radius );
|
|
67
|
-
padding-block: $kendo-breadcrumb-link-padding-y;
|
|
68
|
-
padding-inline: $kendo-breadcrumb-link-padding-x;
|
|
69
65
|
color: $kendo-breadcrumb-link-initial-text;
|
|
70
66
|
text-decoration: none;
|
|
71
67
|
white-space: nowrap;
|
|
@@ -79,21 +75,12 @@
|
|
|
79
75
|
transition: $kendo-transition;
|
|
80
76
|
}
|
|
81
77
|
|
|
82
|
-
.k-breadcrumb-root-link {
|
|
83
|
-
margin-inline-end: $kendo-breadcrumb-root-link-spacing;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
78
|
.k-breadcrumb-link > .k-image,
|
|
87
79
|
.k-breadcrumb-icontext-link .k-icon,
|
|
88
80
|
.k-breadcrumb-icontext-link .k-svg-icon {
|
|
89
81
|
margin-inline-end: $kendo-breadcrumb-link-icon-spacing;
|
|
90
82
|
}
|
|
91
83
|
|
|
92
|
-
.k-breadcrumb-icon-link {
|
|
93
|
-
padding-block: $kendo-breadcrumb-icon-link-padding-y;
|
|
94
|
-
padding-inline: $kendo-breadcrumb-icon-link-padding-x;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
84
|
|
|
98
85
|
// Breadcrumb delimiter
|
|
99
86
|
.k-breadcrumb-delimiter,
|
|
@@ -112,6 +99,34 @@
|
|
|
112
99
|
}
|
|
113
100
|
}
|
|
114
101
|
|
|
102
|
+
|
|
103
|
+
// Sizes
|
|
104
|
+
@each $size, $size-props in $kendo-breadcrumb-sizes {
|
|
105
|
+
$_link-padding-x: k-map-get( $size-props, link-padding-x );
|
|
106
|
+
$_link-padding-y: k-map-get( $size-props, link-padding-y );
|
|
107
|
+
$_icon-link-padding-x: k-map-get( $size-props, icon-link-padding-x );
|
|
108
|
+
$_icon-link-padding-y: k-map-get( $size-props, icon-link-padding-y );
|
|
109
|
+
$_font-size: k-map-get( $size-props, font-size );
|
|
110
|
+
$_line-height: k-map-get( $size-props, line-height );
|
|
111
|
+
|
|
112
|
+
.k-breadcrumb-#{$size} {
|
|
113
|
+
font-size: $_font-size;
|
|
114
|
+
line-height: $_line-height;
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
.k-breadcrumb-link,
|
|
118
|
+
.k-breadcrumb-root-link {
|
|
119
|
+
padding-block: $_link-padding-y;
|
|
120
|
+
padding-inline: $_link-padding-x;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.k-breadcrumb-icon-link {
|
|
124
|
+
padding-block: $_icon-link-padding-y;
|
|
125
|
+
padding-inline: $_icon-link-padding-x;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
115
130
|
}
|
|
116
131
|
|
|
117
132
|
|
|
@@ -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
|
+
/// The horizontal padding of the Breadcrumb.
|
|
14
|
+
/// @group breadcrumb
|
|
5
15
|
$kendo-breadcrumb-padding-x: null !default;
|
|
16
|
+
/// The vertical padding of the Breadcrumb.
|
|
17
|
+
/// @group breadcrumb
|
|
6
18
|
$kendo-breadcrumb-padding-y: null !default;
|
|
7
|
-
$kendo-breadcrumb-border-width: 0px !default;
|
|
8
19
|
|
|
20
|
+
/// The font family of the Breadcrumb.
|
|
21
|
+
/// @group breadcrumb
|
|
9
22
|
$kendo-breadcrumb-font-family: $kendo-font-family !default;
|
|
23
|
+
|
|
24
|
+
/// The font size of the Breadcrumb.
|
|
25
|
+
/// @group breadcrumb
|
|
10
26
|
$kendo-breadcrumb-font-size: $kendo-font-size-md !default;
|
|
27
|
+
/// The font size of the small Breadcrumb.
|
|
28
|
+
/// @group breadcrumb
|
|
29
|
+
$kendo-breadcrumb-sm-font-size: $kendo-font-size-md !default;
|
|
30
|
+
/// The font size of the medium Breadcrumb.
|
|
31
|
+
/// @group breadcrumb
|
|
32
|
+
$kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
|
|
33
|
+
/// The font size of the large Breadcrumb.
|
|
34
|
+
/// @group breadcrumb
|
|
35
|
+
$kendo-breadcrumb-lg-font-size: $kendo-font-size-lg !default;
|
|
36
|
+
|
|
37
|
+
/// The line-height of the Breadcrumb.
|
|
38
|
+
/// @group breadcrumb
|
|
11
39
|
$kendo-breadcrumb-line-height: $kendo-line-height-md !default;
|
|
40
|
+
/// The line-height of the small Breadcrumb.
|
|
41
|
+
/// @group breadcrumb
|
|
42
|
+
$kendo-breadcrumb-sm-line-height: $kendo-line-height-md !default;
|
|
43
|
+
/// The line-height of the medium Breadcrumb.
|
|
44
|
+
/// @group breadcrumb
|
|
45
|
+
$kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
|
|
46
|
+
/// The line-height of the height Breadcrumb.
|
|
47
|
+
/// @group breadcrumb
|
|
48
|
+
$kendo-breadcrumb-lg-line-height: $kendo-line-height-lg !default;
|
|
12
49
|
|
|
50
|
+
/// The base background of the Breadcrumb.
|
|
51
|
+
/// @group breadcrumb
|
|
13
52
|
$kendo-breadcrumb-bg: $kendo-component-bg !default;
|
|
53
|
+
/// The base text color of the Breadcrumb.
|
|
54
|
+
/// @group breadcrumb
|
|
14
55
|
$kendo-breadcrumb-text: $kendo-component-text !default;
|
|
56
|
+
/// The base border color of the Breadcrumb.
|
|
57
|
+
/// @group breadcrumb
|
|
15
58
|
$kendo-breadcrumb-border: $kendo-component-border !default;
|
|
16
59
|
|
|
60
|
+
/// The box shadow of the focused Breadcrumb.
|
|
61
|
+
/// @group breadcrumb
|
|
62
|
+
$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
63
|
+
|
|
64
|
+
/// The horizontal padding of the Breadcrumb link.
|
|
65
|
+
/// @group breadcrumb
|
|
17
66
|
$kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
67
|
+
/// The horizontal padding of the small Breadcrumb link.
|
|
68
|
+
/// @group breadcrumb
|
|
69
|
+
$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
70
|
+
/// The horizontal padding of the medium Breadcrumb link.
|
|
71
|
+
/// @group breadcrumb
|
|
72
|
+
$kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
|
|
73
|
+
/// The horizontal padding of the large Breadcrumb link.
|
|
74
|
+
/// @group breadcrumb
|
|
75
|
+
$kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
76
|
+
|
|
77
|
+
/// The vertical padding of the Breadcrumb link.
|
|
78
|
+
/// @group breadcrumb
|
|
18
79
|
$kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
80
|
+
/// The vertical padding of the small Breadcrumb link.
|
|
81
|
+
/// @group breadcrumb
|
|
82
|
+
$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
83
|
+
/// The vertical padding of the medium Breadcrumb link.
|
|
84
|
+
/// @group breadcrumb
|
|
85
|
+
$kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
|
|
86
|
+
/// The vertical padding of the large Breadcrumb link.
|
|
87
|
+
/// @group breadcrumb
|
|
88
|
+
$kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
89
|
+
|
|
90
|
+
/// The border-radius of the Breadcrumb link.
|
|
91
|
+
/// @group breadcrumb
|
|
19
92
|
$kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
|
|
20
93
|
|
|
21
|
-
|
|
22
|
-
|
|
94
|
+
/// The vertical padding of the Breadcrumb link icon.
|
|
95
|
+
/// @group breadcrumb
|
|
96
|
+
$kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
97
|
+
/// The vertical padding of the small Breadcrumb link icon.
|
|
98
|
+
/// @group breadcrumb
|
|
99
|
+
$kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
100
|
+
/// The vertical padding of the medium Breadcrumb link icon.
|
|
101
|
+
/// @group breadcrumb
|
|
102
|
+
$kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
|
|
103
|
+
/// The vertical padding of the large Breadcrumb link icon.
|
|
104
|
+
/// @group breadcrumb
|
|
105
|
+
$kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
23
106
|
|
|
24
|
-
|
|
25
|
-
|
|
107
|
+
/// The horizontal padding of the Breadcrumb link icon.
|
|
108
|
+
/// @group breadcrumb
|
|
109
|
+
$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
|
|
110
|
+
/// The horizontal padding of the small Breadcrumb link icon.
|
|
111
|
+
/// @group breadcrumb
|
|
112
|
+
$kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
|
|
113
|
+
/// The horizontal padding of the medium Breadcrumb link icon.
|
|
114
|
+
/// @group breadcrumb
|
|
115
|
+
$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
|
|
116
|
+
/// The horizontal padding of the large Breadcrumb link icon.
|
|
117
|
+
/// @group breadcrumb
|
|
118
|
+
$kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
|
|
26
119
|
|
|
120
|
+
/// The text color of the Breadcrumb link.
|
|
121
|
+
/// @group breadcrumb
|
|
27
122
|
$kendo-breadcrumb-link-initial-text: inherit !default;
|
|
123
|
+
/// The spacing of the Breadcrumb link icon.
|
|
124
|
+
/// @group breadcrumb
|
|
125
|
+
$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
|
|
28
126
|
|
|
127
|
+
/// The background color of the Breadcrumb link.
|
|
128
|
+
/// @group breadcrumb
|
|
29
129
|
$kendo-breadcrumb-link-bg: null !default;
|
|
130
|
+
/// The text color of the Breadcrumb link.
|
|
131
|
+
/// @group breadcrumb
|
|
30
132
|
$kendo-breadcrumb-link-text: $kendo-link-text !default;
|
|
133
|
+
/// The border color of the Breadcrumb link.
|
|
134
|
+
/// @group breadcrumb
|
|
31
135
|
$kendo-breadcrumb-link-border: null !default;
|
|
32
136
|
|
|
137
|
+
/// The background color of the hovered Breadcrumb link.
|
|
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;
|