@progress/kendo-theme-utils 5.6.1-dev.7 → 5.7.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.
Files changed (4) hide show
  1. package/dist/all.css +54 -4
  2. package/dist/all.scss +40 -4
  3. package/package.json +2 -2
  4. package/scss/layout/_position.scss +40 -4
package/dist/all.css CHANGED
@@ -614,13 +614,40 @@
614
614
  right: -1px !important;
615
615
  }
616
616
 
617
- .k-top-center {
617
+ .k-top-start,
618
+ .k-pos-top-start {
619
+ top: 0;
620
+ left: 0;
621
+ }
622
+
623
+ .k-top-end,
624
+ .k-pos-top-end {
625
+ top: 0;
626
+ right: 0;
627
+ }
628
+
629
+ .k-bottom-start,
630
+ .k-pos-bottom-start {
631
+ bottom: 0;
632
+ left: 0;
633
+ }
634
+
635
+ .k-bottom-end,
636
+ .k-pos-bottom-end {
637
+ bottom: 0;
638
+ right: 0;
639
+ }
640
+
641
+ .k-top-center,
642
+ .k-pos-top-center {
618
643
  top: 0;
619
644
  left: 50%;
620
645
  transform: translateX(-50%);
621
646
  }
622
647
 
623
- .k-middle-left {
648
+ .k-middle-left,
649
+ .k-middle-start,
650
+ .k-pos-middle-start {
624
651
  top: 50%;
625
652
  left: 0;
626
653
  transform: translateY(-50%);
@@ -632,18 +659,41 @@
632
659
  transform: translateY(-50%);
633
660
  }
634
661
 
635
- .k-middle-right {
662
+ .k-middle-right,
663
+ .k-middle-end,
664
+ .k-pos-middle-end {
636
665
  top: 50%;
637
666
  right: 0;
638
667
  transform: translateY(-50%);
639
668
  }
640
669
 
641
- .k-bottom-center {
670
+ .k-bottom-center,
671
+ .k-pos-bottom-center {
642
672
  bottom: 0;
643
673
  left: 50%;
644
674
  transform: translateX(-50%);
645
675
  }
646
676
 
677
+ .k-top,
678
+ .k-pos-top {
679
+ top: 0;
680
+ }
681
+
682
+ .k-right,
683
+ .k-pos-right {
684
+ right: 0;
685
+ }
686
+
687
+ .k-bottom,
688
+ .k-pos-bottom {
689
+ bottom: 0;
690
+ }
691
+
692
+ .k-left,
693
+ .k-pos-left {
694
+ left: 0;
695
+ }
696
+
647
697
  .k-visibility-visible, .k-visible {
648
698
  visibility: visible;
649
699
  }
package/dist/all.scss CHANGED
@@ -1036,12 +1036,39 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
1036
1036
  @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );
1037
1037
  @include generate-utils( bottom-right, ( bottom, right), $kendo-utils-inset );
1038
1038
 
1039
- .#{$kendo-prefix}top-center {
1039
+ .#{$kendo-prefix}top-start,
1040
+ .#{$kendo-prefix}pos-top-start {
1041
+ top: 0;
1042
+ left: 0;
1043
+ }
1044
+
1045
+ .#{$kendo-prefix}top-end,
1046
+ .#{$kendo-prefix}pos-top-end {
1047
+ top: 0;
1048
+ right: 0;
1049
+ }
1050
+
1051
+ .#{$kendo-prefix}bottom-start,
1052
+ .#{$kendo-prefix}pos-bottom-start {
1053
+ bottom: 0;
1054
+ left: 0;
1055
+ }
1056
+
1057
+ .#{$kendo-prefix}bottom-end,
1058
+ .#{$kendo-prefix}pos-bottom-end {
1059
+ bottom: 0;
1060
+ right: 0;
1061
+ }
1062
+
1063
+ .#{$kendo-prefix}top-center,
1064
+ .#{$kendo-prefix}pos-top-center {
1040
1065
  top: 0;
1041
1066
  left: 50%;
1042
1067
  transform: translateX(-50%);
1043
1068
  }
1044
- .#{$kendo-prefix}middle-left {
1069
+ .#{$kendo-prefix}middle-left,
1070
+ .#{$kendo-prefix}middle-start,
1071
+ .#{$kendo-prefix}pos-middle-start {
1045
1072
  top: 50%;
1046
1073
  left: 0;
1047
1074
  transform: translateY(-50%);
@@ -1051,17 +1078,26 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
1051
1078
  left: 50%;
1052
1079
  transform: translateY(-50%);
1053
1080
  }
1054
- .#{$kendo-prefix}middle-right {
1081
+ .#{$kendo-prefix}middle-right,
1082
+ .#{$kendo-prefix}middle-end,
1083
+ .#{$kendo-prefix}pos-middle-end {
1055
1084
  top: 50%;
1056
1085
  right: 0;
1057
1086
  transform: translateY(-50%);
1058
1087
  }
1059
- .#{$kendo-prefix}bottom-center {
1088
+ .#{$kendo-prefix}bottom-center,
1089
+ .#{$kendo-prefix}pos-bottom-center {
1060
1090
  bottom: 0;
1061
1091
  left: 50%;
1062
1092
  transform: translateX(-50%);
1063
1093
  }
1064
1094
 
1095
+
1096
+ @each $side in (top, right, bottom, left) {
1097
+ .#{$kendo-prefix}#{$side},
1098
+ .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; } // sass-lint:disable-line brace-style
1099
+ }
1100
+
1065
1101
  // #endregion
1066
1102
  // #region @import "./_visibility.scss"; -> packages/utils/scss/layout/_visibility.scss
1067
1103
  // TODO DOCS
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": "5.6.1-dev.7",
4
+ "version": "5.7.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -38,5 +38,5 @@
38
38
  "devDependencies": {
39
39
  "sass-build": "^1.0.0"
40
40
  },
41
- "gitHead": "cdbab1b2ebcaadb86f256c2d8d9cb8ffe2fef23b"
41
+ "gitHead": "5e316441f8406d4e3ef94f189ae71304cf7f6a15"
42
42
  }
package/scss/layout/_position.scss CHANGED
@@ -33,12 +33,39 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
33
33
  @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );
34
34
  @include generate-utils( bottom-right, ( bottom, right), $kendo-utils-inset );
35
35
 
36
- .#{$kendo-prefix}top-center {
36
+ .#{$kendo-prefix}top-start,
37
+ .#{$kendo-prefix}pos-top-start {
38
+ top: 0;
39
+ left: 0;
40
+ }
41
+
42
+ .#{$kendo-prefix}top-end,
43
+ .#{$kendo-prefix}pos-top-end {
44
+ top: 0;
45
+ right: 0;
46
+ }
47
+
48
+ .#{$kendo-prefix}bottom-start,
49
+ .#{$kendo-prefix}pos-bottom-start {
50
+ bottom: 0;
51
+ left: 0;
52
+ }
53
+
54
+ .#{$kendo-prefix}bottom-end,
55
+ .#{$kendo-prefix}pos-bottom-end {
56
+ bottom: 0;
57
+ right: 0;
58
+ }
59
+
60
+ .#{$kendo-prefix}top-center,
61
+ .#{$kendo-prefix}pos-top-center {
37
62
  top: 0;
38
63
  left: 50%;
39
64
  transform: translateX(-50%);
40
65
  }
41
- .#{$kendo-prefix}middle-left {
66
+ .#{$kendo-prefix}middle-left,
67
+ .#{$kendo-prefix}middle-start,
68
+ .#{$kendo-prefix}pos-middle-start {
42
69
  top: 50%;
43
70
  left: 0;
44
71
  transform: translateY(-50%);
@@ -48,13 +75,22 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
48
75
  left: 50%;
49
76
  transform: translateY(-50%);
50
77
  }
51
- .#{$kendo-prefix}middle-right {
78
+ .#{$kendo-prefix}middle-right,
79
+ .#{$kendo-prefix}middle-end,
80
+ .#{$kendo-prefix}pos-middle-end {
52
81
  top: 50%;
53
82
  right: 0;
54
83
  transform: translateY(-50%);
55
84
  }
56
- .#{$kendo-prefix}bottom-center {
85
+ .#{$kendo-prefix}bottom-center,
86
+ .#{$kendo-prefix}pos-bottom-center {
57
87
  bottom: 0;
58
88
  left: 50%;
59
89
  transform: translateX(-50%);
60
90
  }
91
+
92
+
93
+ @each $side in (top, right, bottom, left) {
94
+ .#{$kendo-prefix}#{$side},
95
+ .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; } // sass-lint:disable-line brace-style
96
+ }