@progress/kendo-theme-utils 6.4.0-dev.3 → 6.4.0-dev.4
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.scss +34 -52
- package/dist/meta/sassdoc-data.json +52 -52
- package/dist/meta/sassdoc-raw-data.json +52 -52
- package/dist/meta/variables.scss +1 -1
- package/package.json +3 -3
- package/scss/_mixins.scss +1 -1
- package/scss/_variables.scss +3 -19
- package/scss/flex-grid/_grid-column-start-end.scss +2 -2
- package/scss/flex-grid/_grid-row-start-end.scss +2 -2
- package/scss/flex-grid/_justify-content.scss +1 -1
- package/scss/layout/_display.scss +2 -2
- package/scss/layout/_placement.scss +1 -1
- package/scss/transform/_flip.scss +3 -3
- package/scss/transform/_rotate.scss +2 -2
- package/scss/transform/_scale.scss +2 -2
- package/scss/transform/_skew.scss +2 -2
- package/scss/transform/_translate.scss +2 -2
- package/scss/typography/_text-overflow.scss +3 -3
package/dist/meta/variables.scss
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-utils",
|
|
3
3
|
"description": "Utility first library alongside Kendo UI",
|
|
4
|
-
"version": "6.4.0-dev.
|
|
4
|
+
"version": "6.4.0-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"postpublish": "echo 'no postpublish for utils'"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@progress/kendo-theme-core": "6.4.0-dev.
|
|
44
|
+
"@progress/kendo-theme-core": "6.4.0-dev.4"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "f1697f6f332595856450d44528bc344d6d4c728c"
|
|
47
47
|
}
|
package/scss/_mixins.scss
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
@if $important {
|
|
20
20
|
.\!#{$_selector} {
|
|
21
21
|
@each $prop in $_props {
|
|
22
|
-
#{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; //
|
|
22
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
}
|
package/scss/_variables.scss
CHANGED
|
@@ -6,7 +6,6 @@ $kendo-theme-colors: () !default;
|
|
|
6
6
|
$kendo-font-sizes: () !default;
|
|
7
7
|
|
|
8
8
|
$kendo-spacing: (
|
|
9
|
-
// sass-lint:disable-block leading-zero
|
|
10
9
|
0: 0,
|
|
11
10
|
1px: 1px,
|
|
12
11
|
0.5: .125rem,
|
|
@@ -44,7 +43,6 @@ $kendo-spacing: (
|
|
|
44
43
|
) !default;
|
|
45
44
|
|
|
46
45
|
$kendo-sizing: k-map-merge( $kendo-spacing, (
|
|
47
|
-
// sass-lint:disable-block indentation
|
|
48
46
|
"auto": auto,
|
|
49
47
|
"1/2": 50%,
|
|
50
48
|
"1/3": 33.333333%,
|
|
@@ -87,8 +85,6 @@ $kendo-border-radii: (
|
|
|
87
85
|
full: 9999px
|
|
88
86
|
) !default;
|
|
89
87
|
|
|
90
|
-
//
|
|
91
|
-
|
|
92
88
|
$kendo-utils: (
|
|
93
89
|
|
|
94
90
|
// Accessibility
|
|
@@ -181,7 +177,6 @@ $kendo-utils: (
|
|
|
181
177
|
),
|
|
182
178
|
"overscroll": (),
|
|
183
179
|
"placement": k-map-merge( $kendo-spacing, (
|
|
184
|
-
// sass-lint:disable-block indentation
|
|
185
180
|
-1: -1px
|
|
186
181
|
)),
|
|
187
182
|
"position": (
|
|
@@ -454,14 +449,13 @@ $kendo-utils: (
|
|
|
454
449
|
fr: minmax( 0, 1fr ),
|
|
455
450
|
),
|
|
456
451
|
"gap": k-map-merge( $kendo-spacing, (
|
|
457
|
-
// sass-lint:disable-block indentation
|
|
458
452
|
// TODO: remove this extension once we fix docs
|
|
459
453
|
xs: k-map-get( $kendo-spacing, 1 ),
|
|
460
454
|
sm: k-map-get( $kendo-spacing, 2 ),
|
|
461
455
|
md: k-map-get( $kendo-spacing, 3 ),
|
|
462
456
|
lg: k-map-get( $kendo-spacing, 4 ),
|
|
463
457
|
xl: k-map-get( $kendo-spacing, 6 ),
|
|
464
|
-
thin: k-map-get( $kendo-spacing, 0.5 ),
|
|
458
|
+
thin: k-map-get( $kendo-spacing, 0.5 ),
|
|
465
459
|
hair: k-map-get( $kendo-spacing, 1px )
|
|
466
460
|
)),
|
|
467
461
|
"align-content": (
|
|
@@ -598,33 +592,30 @@ $kendo-utils: (
|
|
|
598
592
|
// Spacing
|
|
599
593
|
"margin": k-map-merge( $kendo-spacing,
|
|
600
594
|
k-map-negate( $kendo-spacing), (
|
|
601
|
-
// sass-lint:disable-block indentation
|
|
602
595
|
// TODO: remove this extension once we fix docs
|
|
603
596
|
xs: k-map-get( $kendo-spacing, 1 ),
|
|
604
597
|
sm: k-map-get( $kendo-spacing, 2 ),
|
|
605
598
|
md: k-map-get( $kendo-spacing, 3 ),
|
|
606
599
|
lg: k-map-get( $kendo-spacing, 4 ),
|
|
607
600
|
xl: k-map-get( $kendo-spacing, 6 ),
|
|
608
|
-
thin: k-map-get( $kendo-spacing, 0.5 ),
|
|
601
|
+
thin: k-map-get( $kendo-spacing, 0.5 ),
|
|
609
602
|
hair: k-map-get( $kendo-spacing, 1px ),
|
|
610
603
|
auto: auto
|
|
611
604
|
)),
|
|
612
605
|
"padding": k-map-merge( $kendo-spacing, (
|
|
613
|
-
// sass-lint:disable-block indentation
|
|
614
606
|
// TODO: remove this extension once we fix docs
|
|
615
607
|
xs: k-map-get( $kendo-spacing, 1 ),
|
|
616
608
|
sm: k-map-get( $kendo-spacing, 2 ),
|
|
617
609
|
md: k-map-get( $kendo-spacing, 3 ),
|
|
618
610
|
lg: k-map-get( $kendo-spacing, 4 ),
|
|
619
611
|
xl: k-map-get( $kendo-spacing, 6 ),
|
|
620
|
-
thin: k-map-get( $kendo-spacing, 0.5 ),
|
|
612
|
+
thin: k-map-get( $kendo-spacing, 0.5 ),
|
|
621
613
|
hair: k-map-get( $kendo-spacing, 1px )
|
|
622
614
|
)),
|
|
623
615
|
"space-between": (),
|
|
624
616
|
|
|
625
617
|
// Sizing
|
|
626
618
|
"width": k-map-merge( $kendo-sizing, (
|
|
627
|
-
// sass-lint:disable-block indentation
|
|
628
619
|
screen: 100vw
|
|
629
620
|
)),
|
|
630
621
|
"min-width": (
|
|
@@ -645,7 +636,6 @@ $kendo-utils: (
|
|
|
645
636
|
fit: fit-content
|
|
646
637
|
),
|
|
647
638
|
"height": k-map-merge( $kendo-sizing, (
|
|
648
|
-
// sass-lint:disable-block indentation
|
|
649
639
|
screen: 100vh
|
|
650
640
|
)),
|
|
651
641
|
"min-height": (
|
|
@@ -703,7 +693,6 @@ $kendo-utils: (
|
|
|
703
693
|
end
|
|
704
694
|
),
|
|
705
695
|
"text-color": k-map-merge( $kendo-theme-colors, (
|
|
706
|
-
// sass-lint:disable-block indentation
|
|
707
696
|
"inherit": inherit,
|
|
708
697
|
"current": currentColor,
|
|
709
698
|
"transparent": transparent,
|
|
@@ -759,7 +748,6 @@ $kendo-utils: (
|
|
|
759
748
|
text: text
|
|
760
749
|
),
|
|
761
750
|
"background-color": k-map-merge( $kendo-theme-colors, (
|
|
762
|
-
// sass-lint:disable-block indentation
|
|
763
751
|
"inherit": inherit,
|
|
764
752
|
"transparent": transparent,
|
|
765
753
|
"black": black,
|
|
@@ -803,7 +791,6 @@ $kendo-utils: (
|
|
|
803
791
|
none
|
|
804
792
|
),
|
|
805
793
|
"border-color": k-map-merge( $kendo-theme-colors, (
|
|
806
|
-
// sass-lint:disable-block indentation
|
|
807
794
|
"inherit": inherit,
|
|
808
795
|
"current": currentColor,
|
|
809
796
|
"transparent": transparent,
|
|
@@ -830,7 +817,6 @@ $kendo-utils: (
|
|
|
830
817
|
none
|
|
831
818
|
),
|
|
832
819
|
"outline-color": k-map-merge( $kendo-theme-colors, (
|
|
833
|
-
// sass-lint:disable-block indentation
|
|
834
820
|
"inherit": inherit,
|
|
835
821
|
"current": currentColor,
|
|
836
822
|
"transparent": transparent,
|
|
@@ -849,7 +835,6 @@ $kendo-utils: (
|
|
|
849
835
|
"box-shadow": (),
|
|
850
836
|
"box-shadow-color": (),
|
|
851
837
|
"opacity": (
|
|
852
|
-
// sass-lint:disable-block leading-zero
|
|
853
838
|
0: 0,
|
|
854
839
|
5: 0.05,
|
|
855
840
|
10: 0.1,
|
|
@@ -888,7 +873,6 @@ $kendo-utils: (
|
|
|
888
873
|
// Transform
|
|
889
874
|
"flip": true,
|
|
890
875
|
"scale": (
|
|
891
|
-
// sass-lint:disable-block leading-zero
|
|
892
876
|
0: 0,
|
|
893
877
|
0.25: .25,
|
|
894
878
|
0.5: .5,
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
// Legacy aliases
|
|
37
37
|
@include generate-utils( colspan, grid-column, $kendo-utils-grid-column-span );
|
|
38
|
-
.#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; }
|
|
39
|
-
.\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; }
|
|
38
|
+
.#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; }
|
|
39
|
+
.\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; }
|
|
40
40
|
|
|
41
41
|
}
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
// Legacy aliases
|
|
37
37
|
@include generate-utils( rowspan, grid-row, $kendo-utils-grid-row-span );
|
|
38
|
-
.#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; }
|
|
39
|
-
.\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; }
|
|
38
|
+
.#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; }
|
|
39
|
+
.\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; }
|
|
40
40
|
|
|
41
41
|
}
|
|
@@ -85,6 +85,6 @@
|
|
|
85
85
|
|
|
86
86
|
// Custom justify-content classes
|
|
87
87
|
.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }
|
|
88
|
-
.\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } //
|
|
88
|
+
.\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important
|
|
89
89
|
|
|
90
90
|
}
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
// Legacy aliases
|
|
93
93
|
@include generate-utils( display, display, $kendo-utils-display );
|
|
94
94
|
.#{$kendo-prefix}d-flex-row { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-row !optional; }
|
|
95
|
-
.\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
|
|
95
|
+
.\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
|
|
96
96
|
.#{$kendo-prefix}d-flex-col { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-col !optional; }
|
|
97
|
-
.\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
|
|
97
|
+
.\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
|
|
98
98
|
|
|
99
99
|
}
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
// placement length utility classes
|
|
101
101
|
@each $side in (top, right, bottom, left) {
|
|
102
102
|
.#{$kendo-prefix}#{$side},
|
|
103
|
-
.#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }
|
|
103
|
+
.#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
// Inset utility classes
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
$kendo-utils-flip: k-map-get( $kendo-utils, "flip" ) !default;
|
|
19
19
|
@if $kendo-utils-flip {
|
|
20
20
|
.#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }
|
|
21
|
-
.\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } //
|
|
21
|
+
.\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important
|
|
22
22
|
.#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }
|
|
23
|
-
.\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } //
|
|
23
|
+
.\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important
|
|
24
24
|
.#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }
|
|
25
|
-
.\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } //
|
|
25
|
+
.\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important
|
|
26
26
|
|
|
27
27
|
// Legacy aliases
|
|
28
28
|
.#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }
|
|
@@ -46,11 +46,11 @@
|
|
|
46
46
|
/// @group transform
|
|
47
47
|
/// @contextType css
|
|
48
48
|
|
|
49
|
-
//
|
|
49
|
+
// stylelint-disable scss/at-function-pattern
|
|
50
50
|
@function __rotate( $val ) {
|
|
51
51
|
@return rotate( $val );
|
|
52
52
|
}
|
|
53
|
-
//
|
|
53
|
+
// stylelint-enable scss/at-function-pattern
|
|
54
54
|
|
|
55
55
|
@mixin kendo-utils--transform--rotate() {
|
|
56
56
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
/// @group transform
|
|
17
17
|
/// @contextType css
|
|
18
18
|
|
|
19
|
-
//
|
|
19
|
+
// stylelint-disable scss/at-function-pattern
|
|
20
20
|
@function __scale( $val ) {
|
|
21
21
|
@return scale( $val );
|
|
22
22
|
}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
@function __scale-y( $val ) {
|
|
27
27
|
@return scaleY( $val );
|
|
28
28
|
}
|
|
29
|
-
//
|
|
29
|
+
// stylelint-enable scss/at-function-pattern
|
|
30
30
|
|
|
31
31
|
@mixin kendo-utils--transform--scale() {
|
|
32
32
|
|
|
@@ -22,14 +22,14 @@
|
|
|
22
22
|
/// @group skew
|
|
23
23
|
/// @contextType css
|
|
24
24
|
|
|
25
|
-
//
|
|
25
|
+
// stylelint-disable scss/at-function-pattern
|
|
26
26
|
@function __skew-x( $val ) {
|
|
27
27
|
@return skewX( $val );
|
|
28
28
|
}
|
|
29
29
|
@function __skew-y( $val ) {
|
|
30
30
|
@return skewY( $val );
|
|
31
31
|
}
|
|
32
|
-
//
|
|
32
|
+
// stylelint-enable scss/at-function-pattern
|
|
33
33
|
|
|
34
34
|
@mixin kendo-utils--transform--skew() {
|
|
35
35
|
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
/// @group transform
|
|
53
53
|
/// @contextType css
|
|
54
54
|
|
|
55
|
-
//
|
|
55
|
+
// stylelint-disable scss/at-function-pattern
|
|
56
56
|
@function __translate( $val ) {
|
|
57
57
|
@return translate( $val );
|
|
58
58
|
}
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
@function __translate-y( $val ) {
|
|
63
63
|
@return translateY( $val );
|
|
64
64
|
}
|
|
65
|
-
//
|
|
65
|
+
// stylelint-enable scss/at-function-pattern
|
|
66
66
|
|
|
67
67
|
@mixin kendo-utils--transform--translate() {
|
|
68
68
|
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
text-overflow: ellipsis;
|
|
25
25
|
}
|
|
26
26
|
.\!#{$kendo-prefix}text-truncate {
|
|
27
|
-
white-space: nowrap !important; //
|
|
28
|
-
overflow: hidden !important; //
|
|
29
|
-
text-overflow: ellipsis !important; //
|
|
27
|
+
white-space: nowrap !important; // stylelint-disable-line declaration-no-important
|
|
28
|
+
overflow: hidden !important; // stylelint-disable-line declaration-no-important
|
|
29
|
+
text-overflow: ellipsis !important; // stylelint-disable-line declaration-no-important
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
// Legacy aliases
|