@progress/kendo-theme-fluent 5.12.1-dev.1 → 5.12.1-dev.2
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 +896 -72
- package/package.json +5 -5
- package/scss/adaptive/_layout.scss +0 -4
- package/scss/calendar/_layout.scss +0 -4
- package/scss/gantt/_layout.scss +4 -0
- package/scss/icon/_layout.scss +0 -27
- package/scss/icon/_variables.scss +16 -5
- package/scss/scheduler/_layout.scss +0 -18
- package/scss/stepper/_theme.scss +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-fluent",
|
|
3
3
|
"description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
|
|
4
|
-
"version": "5.12.1-dev.
|
|
4
|
+
"version": "5.12.1-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"postpublish": "echo 'no postpublish for the Fluent theme'"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-font-icons": "^0.
|
|
53
|
-
"@progress/kendo-theme-core": "^5.12.1-dev.
|
|
54
|
-
"@progress/kendo-theme-utils": "^5.12.1-dev.
|
|
52
|
+
"@progress/kendo-font-icons": "^1.0.0",
|
|
53
|
+
"@progress/kendo-theme-core": "^5.12.1-dev.2",
|
|
54
|
+
"@progress/kendo-theme-utils": "^5.12.1-dev.2"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "14365a5e53996a453f9d6ad72894a3e4666e6ede"
|
|
57
57
|
}
|
package/scss/gantt/_layout.scss
CHANGED
package/scss/icon/_layout.scss
CHANGED
|
@@ -7,33 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
@mixin kendo-icon--layout() {
|
|
9
9
|
|
|
10
|
-
.k-svg-icon {
|
|
11
|
-
|
|
12
|
-
&.k-flip-h,
|
|
13
|
-
&.k-flip-v,
|
|
14
|
-
&.k-flip-h.k-flip-v {
|
|
15
|
-
transform: none;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&.k-flip-h {
|
|
19
|
-
> svg {
|
|
20
|
-
transform: scaleX( -1 );
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&.k-flip-v {
|
|
25
|
-
> svg {
|
|
26
|
-
transform: scaleY( -1 );
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&.k-flip-h.k-flip-v {
|
|
31
|
-
> svg {
|
|
32
|
-
transform: scale( -1, -1 );
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
10
|
.k-icon-with-modifier {
|
|
38
11
|
position: relative;
|
|
39
12
|
margin: .25em;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../core/" as *;
|
|
3
3
|
|
|
4
|
-
/// Font
|
|
4
|
+
/// Font sizes of the icons.
|
|
5
5
|
/// @group icon
|
|
6
6
|
$kendo-icon-size: 1rem !default;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
$kendo-icon-size-
|
|
7
|
+
|
|
8
|
+
$kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
|
|
9
|
+
$kendo-icon-size-sm: calc( var( --kendo-icon-size, 1rem ) * .875 ) !default;
|
|
10
|
+
$kendo-icon-size-md: var( --kendo-icon-size, 1rem ) !default;
|
|
11
|
+
$kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 1.25 ) !default;
|
|
12
|
+
$kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
|
|
13
|
+
$kendo-icon-size-xxl: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
|
|
14
|
+
$kendo-icon-size-xxxl: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
|
|
10
15
|
|
|
11
16
|
/// Spacing around the icons.
|
|
12
17
|
/// @group icon
|
|
@@ -17,8 +22,14 @@ $kendo-icon-spacing: map.get( $kendo-spacing, 2 ) !default;
|
|
|
17
22
|
$kendo-icon-padding: map.get( $kendo-spacing, 1 ) !default;
|
|
18
23
|
|
|
19
24
|
:root {
|
|
20
|
-
--kendo-icon-size:
|
|
25
|
+
--kendo-icon-size: var( --kendo-icon-size, 1rem );
|
|
26
|
+
--kendo-icon-size-xs: #{$kendo-icon-size-xs};
|
|
27
|
+
--kendo-icon-size-sm: #{$kendo-icon-size-sm};
|
|
28
|
+
--kendo-icon-size-md: #{$kendo-icon-size-md};
|
|
21
29
|
--kendo-icon-size-lg: #{$kendo-icon-size-lg};
|
|
30
|
+
--kendo-icon-size-xl: #{$kendo-icon-size-xl};
|
|
31
|
+
--kendo-icon-size-xxl: #{$kendo-icon-size-xxl};
|
|
32
|
+
--kendo-icon-size-xxxl: #{$kendo-icon-size-xxxl};
|
|
22
33
|
--kendo-icon-spacing: #{$kendo-icon-spacing};
|
|
23
34
|
--kendo-icon-padding: #{$kendo-icon-padding};
|
|
24
35
|
}
|
|
@@ -227,14 +227,6 @@
|
|
|
227
227
|
flex-flow: row nowrap;
|
|
228
228
|
align-items: center;
|
|
229
229
|
cursor: pointer;
|
|
230
|
-
|
|
231
|
-
.k-sm-date-format,
|
|
232
|
-
.k-lg-date-format {
|
|
233
|
-
white-space: nowrap;
|
|
234
|
-
overflow: hidden;
|
|
235
|
-
text-overflow: ellipsis;
|
|
236
|
-
}
|
|
237
|
-
.k-sm-date-format { display: none; }
|
|
238
230
|
}
|
|
239
231
|
|
|
240
232
|
// Scheduler search
|
|
@@ -242,16 +234,6 @@
|
|
|
242
234
|
display: inline-flex;
|
|
243
235
|
flex-flow: row nowrap;
|
|
244
236
|
}
|
|
245
|
-
|
|
246
|
-
// Responsive scheduler toolbar
|
|
247
|
-
@media (max-width: 1400px) {
|
|
248
|
-
.k-nav-current .k-lg-date-format { max-width: 200px; }
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
@media (max-width: 1024px) {
|
|
252
|
-
.k-nav-current .k-lg-date-format { display: none; }
|
|
253
|
-
.k-nav-current .k-sm-date-format { display: inline-block; }
|
|
254
|
-
}
|
|
255
237
|
}
|
|
256
238
|
|
|
257
239
|
|