@progress/kendo-theme-default 6.5.0-dev.1 → 6.5.0

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.
@@ -11,6 +11,8 @@
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;
14
16
  display: flex;
15
17
  flex-direction: row;
16
18
  -webkit-touch-callout: none;
@@ -62,6 +64,8 @@
62
64
  .k-breadcrumb-link,
63
65
  .k-breadcrumb-root-link {
64
66
  @include border-radius( $kendo-breadcrumb-link-border-radius );
67
+ padding-block: $kendo-breadcrumb-link-padding-y;
68
+ padding-inline: $kendo-breadcrumb-link-padding-x;
65
69
  color: $kendo-breadcrumb-link-initial-text;
66
70
  text-decoration: none;
67
71
  white-space: nowrap;
@@ -75,12 +79,21 @@
75
79
  transition: $kendo-transition;
76
80
  }
77
81
 
82
+ .k-breadcrumb-root-link {
83
+ margin-inline-end: $kendo-breadcrumb-root-link-spacing;
84
+ }
85
+
78
86
  .k-breadcrumb-link > .k-image,
79
87
  .k-breadcrumb-icontext-link .k-icon,
80
88
  .k-breadcrumb-icontext-link .k-svg-icon {
81
89
  margin-inline-end: $kendo-breadcrumb-link-icon-spacing;
82
90
  }
83
91
 
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
+
84
97
 
85
98
  // Breadcrumb delimiter
86
99
  .k-breadcrumb-delimiter,
@@ -99,34 +112,6 @@
99
112
  }
100
113
  }
101
114
 
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
-
130
115
  }
131
116
 
132
117
 
@@ -1,230 +1,59 @@
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
9
3
  $kendo-breadcrumb-margin-x: null !default;
10
- /// The vertical margin of the Breadcrumb.
11
- /// @group breadcrumb
12
4
  $kendo-breadcrumb-margin-y: null !default;
13
- /// The horizontal padding of the Breadcrumb.
14
- /// @group breadcrumb
15
5
  $kendo-breadcrumb-padding-x: null !default;
16
- /// The vertical padding of the Breadcrumb.
17
- /// @group breadcrumb
18
6
  $kendo-breadcrumb-padding-y: null !default;
7
+ $kendo-breadcrumb-border-width: 0px !default;
19
8
 
20
- /// The font family of the Breadcrumb.
21
- /// @group breadcrumb
22
9
  $kendo-breadcrumb-font-family: $kendo-font-family !default;
23
-
24
- /// The font size of the Breadcrumb.
25
- /// @group breadcrumb
26
10
  $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
39
11
  $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;
49
12
 
50
- /// The base background of the Breadcrumb.
51
- /// @group breadcrumb
52
13
  $kendo-breadcrumb-bg: $kendo-component-bg !default;
53
- /// The base text color of the Breadcrumb.
54
- /// @group breadcrumb
55
14
  $kendo-breadcrumb-text: $kendo-component-text !default;
56
- /// The base border color of the Breadcrumb.
57
- /// @group breadcrumb
58
15
  $kendo-breadcrumb-border: $kendo-component-border !default;
59
16
 
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
66
17
  $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
79
18
  $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
92
19
  $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
93
20
 
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;
21
+ $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
22
+ $kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
106
23
 
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;
24
+ $kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
25
+ $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
119
26
 
120
- /// The text color of the Breadcrumb link.
121
- /// @group breadcrumb
122
27
  $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;
126
28
 
127
- /// The background color of the Breadcrumb link.
128
- /// @group breadcrumb
129
29
  $kendo-breadcrumb-link-bg: null !default;
130
- /// The text color of the Breadcrumb link.
131
- /// @group breadcrumb
132
30
  $kendo-breadcrumb-link-text: $kendo-link-text !default;
133
- /// The border color of the Breadcrumb link.
134
- /// @group breadcrumb
135
31
  $kendo-breadcrumb-link-border: null !default;
136
32
 
137
- /// The background color of the hovered Breadcrumb link.
138
- /// @group breadcrumb
139
33
  $kendo-breadcrumb-link-hover-bg: $kendo-base-bg !default;
140
- /// The text color of the hovered Breadcrumb link.
141
- /// @group breadcrumb
142
34
  $kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
143
- /// The border color of the hovered Breadcrumb link.
144
- /// @group breadcrumb
145
35
  $kendo-breadcrumb-link-hover-border: null !default;
146
36
 
147
- /// The background color of the focused Breadcrumb link.
148
- /// @group breadcrumb
149
37
  $kendo-breadcrumb-link-focus-bg: null !default;
150
- /// The text color of the focused Breadcrumb link.
151
- /// @group breadcrumb
152
38
  $kendo-breadcrumb-link-focus-text: $kendo-link-text !default;
153
- /// The border color of the focused Breadcrumb link.
154
- /// @group breadcrumb
155
39
  $kendo-breadcrumb-link-focus-border: null !default;
156
- /// The box shadow of the focused Breadcrumb link.
157
- /// @group breadcrumb
158
40
  $kendo-breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
159
41
 
160
- /// The background color of the Breadcrumb root link.
161
- /// @group breadcrumb
162
42
  $kendo-breadcrumb-root-link-bg: null !default;
163
- /// The text color of the Breadcrumb root link.
164
- /// @group breadcrumb
165
43
  $kendo-breadcrumb-root-link-text: null !default;
166
- /// The border color of the Breadcrumb root link.
167
- /// @group breadcrumb
168
44
  $kendo-breadcrumb-root-link-border: null !default;
169
45
 
170
- /// The background color of the hovered Breadcrumb root link.
171
- /// @group breadcrumb
172
46
  $kendo-breadcrumb-root-link-hover-bg: $kendo-base-bg !default;
173
- /// The text color of the hovered Breadcrumb root link.
174
- /// @group breadcrumb
175
47
  $kendo-breadcrumb-root-link-hover-text: null !default;
176
- /// The border color of the hovered Breadcrumb root link.
177
- /// @group breadcrumb
178
48
  $kendo-breadcrumb-root-link-hover-border: null !default;
179
49
 
180
- /// The background color of the focused Breadcrumb root link.
181
- /// @group breadcrumb
182
50
  $kendo-breadcrumb-root-link-focus-bg: null !default;
183
- /// The text color of the focused Breadcrumb root link.
184
- /// @group breadcrumb
185
51
  $kendo-breadcrumb-root-link-focus-text: null !default;
186
- /// The border color of the focused Breadcrumb root link.
187
- /// @group breadcrumb
188
52
  $kendo-breadcrumb-root-link-focus-border: null !default;
189
- /// The box shadow of the focused Breadcrumb root link.
190
- /// @group breadcrumb
191
53
  $kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
192
54
 
193
- /// The background color of the current Breadcrumb root link.
194
- /// @group breadcrumb
195
55
  $kendo-breadcrumb-current-item-bg: null !default;
196
- /// The text color of the current Breadcrumb root link.
197
- /// @group breadcrumb
198
56
  $kendo-breadcrumb-current-item-text: null !default;
199
- /// The border color of the current Breadcrumb root link.
200
- /// @group breadcrumb
201
57
  $kendo-breadcrumb-current-item-border: null !default;
202
58
 
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;
59
+ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
@@ -2,4 +2,3 @@
2
2
  @import "./_animations.scss";
3
3
  @import "./_resizing.scss";
4
4
  @import "./_scrollbar.scss";
5
- @import "./_selection.scss";
@@ -1,23 +1,10 @@
1
1
  $wcag-min-contrast-ratio: 4.5 !default;
2
2
 
3
- // Functions
4
- @import "./functions/index.import.scss";
5
-
6
- // Color system
7
- @import "./color-system/index.import.scss";
8
-
9
- // Mixins
10
- @import "./mixins/index.import.scss";
11
-
12
- // Module system
13
- @import "./module-system/index.import.scss";
14
-
15
- // Common styles
16
- @import "./styles/index.import.scss";
17
-
18
3
  // Variables
19
4
  @import "../_variables.scss";
20
5
 
6
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
7
+
21
8
  // Expose
22
9
  @include exports("kendo-core-styles") {
23
10
  @include kendo-core--styles();
@@ -66,14 +66,14 @@ $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
66
66
  $kendo-menu-popup-font-size: $kendo-font-size-md !default;
67
67
  $kendo-menu-popup-sm-font-size: $kendo-font-size-md !default;
68
68
  $kendo-menu-popup-md-font-size: $kendo-font-size-md !default;
69
- $kendo-menu-popup-lg-font-size: $kendo-font-size-md !default;
69
+ $kendo-menu-popup-lg-font-size: $kendo-font-size-lg !default;
70
70
 
71
71
  /// Line heights used along with $kendo-font-size.
72
72
  /// @group menu
73
73
  $kendo-menu-popup-line-height: $kendo-line-height-md !default;
74
74
  $kendo-menu-popup-sm-line-height: $kendo-line-height-md !default;
75
75
  $kendo-menu-popup-md-line-height: $kendo-line-height-md !default;
76
- $kendo-menu-popup-lg-line-height: $kendo-line-height-md !default;
76
+ $kendo-menu-popup-lg-line-height: $kendo-line-height-lg !default;
77
77
 
78
78
  /// The background of the menu popup.
79
79
  /// @group menu
@@ -103,6 +103,7 @@
103
103
  .k-treelist-toggle {
104
104
  margin-block: -$kendo-icon-padding;
105
105
  padding: $kendo-icon-padding;
106
+ box-sizing: content-box;
106
107
  cursor: pointer;
107
108
  }
108
109
 
@@ -1,27 +0,0 @@
1
- @include exports( "common/selection/marquee" ) {
2
-
3
- .k-marquee {
4
- position: absolute;
5
- z-index: 100000;
6
- }
7
-
8
- .k-marquee-color,
9
- .k-marquee-text {
10
- position: absolute;
11
- top: 0;
12
- left: 0;
13
- width: 100%;
14
- height: 100%;
15
- }
16
-
17
- .k-marquee-color {
18
- color: $kendo-selected-text;
19
- background-color: $kendo-selected-bg;
20
- border-color: $kendo-selected-border;
21
- opacity: .6;
22
- }
23
- .k-marquee-text {
24
- color: $kendo-selected-text;
25
- }
26
-
27
- }