@progress/kendo-font-icons 5.2.0-dev.0 → 5.3.0-dev.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.
- package/dist/icon-list.json +21 -21
- package/dist/icons.json +0 -168
- package/dist/index.css +15 -120
- package/dist/index.css.map +1 -1
- package/dist/kendo-font-icons.ttf +0 -0
- package/package.json +2 -2
- package/scss/_font.scss +1 -1
- package/scss/_icon-list.scss +0 -21
- package/scss/_variables.scss +7 -7
- package/scss/index.scss +2 -15
- package/scss/kendo-font-icons.ttf +0 -0
package/scss/_icon-list.scss
CHANGED
|
@@ -626,27 +626,6 @@
|
|
|
626
626
|
.k-i-zoom-in::before { content: "\e26e"; }
|
|
627
627
|
.k-i-zoom-out::before { content: "\e26f"; }
|
|
628
628
|
.k-i-zoom-sparkle::before { content: "\e270"; }
|
|
629
|
-
.k-i-chevron-bottom-left::before { content: "\e271"; }
|
|
630
|
-
.k-i-chevron-bottom-right::before { content: "\e272"; }
|
|
631
|
-
.k-i-chevron-expand::before { content: "\e273"; }
|
|
632
|
-
.k-i-chevron-to-bottom::before { content: "\e274"; }
|
|
633
|
-
.k-i-chevron-to-left::before { content: "\e275"; }
|
|
634
|
-
.k-i-chevron-to-right::before { content: "\e276"; }
|
|
635
|
-
.k-i-chevron-to-top::before { content: "\e277"; }
|
|
636
|
-
.k-i-chevron-top-left::before { content: "\e278"; }
|
|
637
|
-
.k-i-chevron-top-right::before { content: "\e279"; }
|
|
638
|
-
.k-i-file-text::before { content: "\e27a"; }
|
|
639
|
-
.k-i-margin-bottom::before { content: "\e27b"; }
|
|
640
|
-
.k-i-margin-left::before { content: "\e27c"; }
|
|
641
|
-
.k-i-margin-right::before { content: "\e27d"; }
|
|
642
|
-
.k-i-margin-top::before { content: "\e27e"; }
|
|
643
|
-
.k-i-margin::before { content: "\e27f"; }
|
|
644
|
-
.k-i-mouse-left-click::before { content: "\e280"; }
|
|
645
|
-
.k-i-mouse-right-click::before { content: "\e281"; }
|
|
646
|
-
.k-i-mouse::before { content: "\e282"; }
|
|
647
|
-
.k-i-notification::before { content: "\e283"; }
|
|
648
|
-
.k-i-text-align-left::before { content: "\e284"; }
|
|
649
|
-
.k-i-text-align-right::before { content: "\e285"; }
|
|
650
629
|
.k-i-checkbox-null::before { content: "\e307"; }
|
|
651
630
|
.k-i-tri-state-null::before { content: "\e307"; }
|
|
652
631
|
.k-i-image-export::before { content: "\e502"; }
|
package/scss/_variables.scss
CHANGED
|
@@ -5,13 +5,13 @@ $ki-icon-default-size: md !default;
|
|
|
5
5
|
$ki-font-family: "WebComponentsIcons" !default;
|
|
6
6
|
$ki-icon-size: 16px !default;
|
|
7
7
|
|
|
8
|
-
$ki-icon-size-xs:
|
|
9
|
-
$ki-icon-size-sm:
|
|
10
|
-
$ki-icon-size-md:
|
|
11
|
-
$ki-icon-size-lg:
|
|
12
|
-
$ki-icon-size-xl:
|
|
13
|
-
$ki-icon-size-xxl:
|
|
14
|
-
$ki-icon-size-xxxl:
|
|
8
|
+
$ki-icon-size-xs: calc( #{$ki-icon-size} * .75 ) !default;
|
|
9
|
+
$ki-icon-size-sm: calc( #{$ki-icon-size} * .875 ) !default;
|
|
10
|
+
$ki-icon-size-md: $ki-icon-size !default;
|
|
11
|
+
$ki-icon-size-lg: calc( #{$ki-icon-size} * 1.25 ) !default;
|
|
12
|
+
$ki-icon-size-xl: calc( #{$ki-icon-size} * 1.5 ) !default;
|
|
13
|
+
$ki-icon-size-xxl: calc( #{$ki-icon-size} * 2 ) !default;
|
|
14
|
+
$ki-icon-size-xxxl: calc( #{$ki-icon-size} * 3 ) !default;
|
|
15
15
|
|
|
16
16
|
$ki-embed-font: false !default;
|
|
17
17
|
$ki-font-file-url: "kendo-font-icons.ttf" !default;
|
package/scss/index.scss
CHANGED
|
@@ -16,17 +16,6 @@
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
:root {
|
|
20
|
-
--kendo-icon-size: #{$ki-icon-size};
|
|
21
|
-
--kendo-icon-size-xs: calc( var(--kendo-icon-size) * .75 );
|
|
22
|
-
--kendo-icon-size-sm: calc( var(--kendo-icon-size) * .875 );
|
|
23
|
-
--kendo-icon-size-md: var(--kendo-icon-size);
|
|
24
|
-
--kendo-icon-size-lg: calc( var(--kendo-icon-size) * 1.25 );
|
|
25
|
-
--kendo-icon-size-xl: calc( var(--kendo-icon-size) * 1.5 );
|
|
26
|
-
--kendo-icon-size-xxl: calc( var(--kendo-icon-size) * 2 );
|
|
27
|
-
--kendo-icon-size-xxxl: calc( var(--kendo-icon-size) * 3 );
|
|
28
|
-
--kendo-icon-rotation: 0deg;
|
|
29
|
-
}
|
|
30
19
|
|
|
31
20
|
// Font icon
|
|
32
21
|
.k-font-icon {
|
|
@@ -50,14 +39,13 @@
|
|
|
50
39
|
position: relative;
|
|
51
40
|
-moz-osx-font-smoothing: grayscale;
|
|
52
41
|
-webkit-font-smoothing: antialiased;
|
|
53
|
-
transform: rotate( var(--kendo-icon-rotation) );
|
|
54
42
|
|
|
55
43
|
&:hover,
|
|
56
44
|
&:focus {
|
|
57
45
|
text-decoration: none;
|
|
58
46
|
}
|
|
59
47
|
|
|
60
|
-
//
|
|
48
|
+
// SVG Icon sizes
|
|
61
49
|
@each $size, $value in $ki-icon-sizes {
|
|
62
50
|
#{if($ki-icon-default-size == $size, "&,", null)}
|
|
63
51
|
&.k-icon-#{$size} {
|
|
@@ -87,8 +75,7 @@
|
|
|
87
75
|
// Rotate
|
|
88
76
|
@each $index, $rotate in $ki-rotate-map {
|
|
89
77
|
.k-rotate-#{$index} {
|
|
90
|
-
|
|
91
|
-
transform: rotate( var(--kendo-icon-rotation) );
|
|
78
|
+
transform: rotate( #{$rotate} );
|
|
92
79
|
}
|
|
93
80
|
}
|
|
94
81
|
|
|
Binary file
|