uikit 3.20.2-dev.53c9903f7 → 3.20.2-dev.b65391733

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 (49) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/dist/css/uikit-core-rtl.css +171 -171
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +171 -171
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +204 -204
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +204 -204
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +2 -2
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +2 -2
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +2 -2
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +2 -2
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +2 -2
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -1
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +3 -3
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +3 -3
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/util/selector.js +1 -1
  44. package/src/less/components/_import.less +4 -4
  45. package/src/less/components/iconnav.less +9 -5
  46. package/src/less/components/thumbnav.less +9 -5
  47. package/src/scss/components/_import.scss +4 -4
  48. package/src/scss/components/iconnav.scss +9 -5
  49. package/src/scss/components/thumbnav.scss +9 -5
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit",
3
3
  "title": "UIkit",
4
4
  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
5
- "version": "3.20.2-dev.53c9903f7",
5
+ "version": "3.20.2-dev.b65391733",
6
6
  "main": "dist/js/uikit.js",
7
7
  "style": "dist/css/uikit.css",
8
8
  "sideEffects": [
@@ -92,7 +92,7 @@ function _query(selector, context = document, queryFn) {
92
92
 
93
93
  if (isSingle) {
94
94
  if (sel[0] === '~' || sel[0] === '+') {
95
- sel = `:scope :nth-child(${index(ctx) + 1}) ${sel}`;
95
+ sel = `:scope > :nth-child(${index(ctx) + 1}) ${sel}`;
96
96
  ctx = ctx.parentElement;
97
97
  } else if (sel[0] === '>') {
98
98
  sel = `:scope ${sel}`;
@@ -56,7 +56,10 @@
56
56
  // Toggle
57
57
  // Scroll
58
58
 
59
- @import "grid.less";
59
+ @import "thumbnav.less";
60
+ @import "iconnav.less";
61
+
62
+ @import "grid.less"; // After: Thumbnav, Iconnav
60
63
 
61
64
  // Navs
62
65
  @import "nav.less";
@@ -67,9 +70,6 @@
67
70
  @import "tab.less";
68
71
  @import "slidenav.less"; // After: Icon
69
72
  @import "dotnav.less";
70
- @import "thumbnav.less";
71
- @import "iconnav.less";
72
-
73
73
  @import "dropdown.less"; // After: Card, Nav
74
74
  @import "lightbox.less"; // After: Close, Slidenav
75
75
 
@@ -30,6 +30,7 @@
30
30
  /*
31
31
  * 1. Allow items to wrap into the next line
32
32
  * 2. Reset list
33
+ * 3. Gutter
33
34
  */
34
35
 
35
36
  .uk-iconnav {
@@ -40,17 +41,20 @@
40
41
  margin: 0;
41
42
  padding: 0;
42
43
  list-style: none;
44
+ /* 3 */
45
+ margin-left: -@iconnav-margin-horizontal;
43
46
  .hook-iconnav();
44
47
  }
45
48
 
46
49
  /*
47
- * Gutter
48
- * Note: Can be overridden through grid classes
49
- * Note: Space is allocated based on content dimensions, but shrinks: 0 1 auto
50
+ * Space is allocated based on content dimensions, but shrinks: 0 1 auto
51
+ * 1. Gutter
50
52
  */
51
53
 
52
- :where(.uk-iconnav) { margin-left: -@iconnav-margin-horizontal; }
53
- :where(.uk-iconnav > *) { padding-left: @iconnav-margin-horizontal; }
54
+ .uk-iconnav > * {
55
+ /* 1 */
56
+ padding-left: @iconnav-margin-horizontal;
57
+ }
54
58
 
55
59
 
56
60
  /* Items
@@ -24,6 +24,7 @@
24
24
  /*
25
25
  * 1. Allow items to wrap into the next line
26
26
  * 2. Reset list
27
+ * 3. Gutter
27
28
  */
28
29
 
29
30
  .uk-thumbnav {
@@ -34,17 +35,20 @@
34
35
  margin: 0;
35
36
  padding: 0;
36
37
  list-style: none;
38
+ /* 3 */
39
+ margin-left: -@thumbnav-margin-horizontal;
37
40
  .hook-thumbnav();
38
41
  }
39
42
 
40
43
  /*
41
- * Gutter
42
- * Note: Can be overridden through grid classes
43
- * Note: Space is allocated based on content dimensions, but shrinks: 0 1 auto
44
+ * Space is allocated based on content dimensions, but shrinks: 0 1 auto
45
+ * 1. Gutter
44
46
  */
45
47
 
46
- :where(.uk-thumbnav) { margin-left: -@thumbnav-margin-horizontal; }
47
- :where(.uk-thumbnav > *) { padding-left: @thumbnav-margin-horizontal; }
48
+ .uk-thumbnav > * {
49
+ /* 1 */
50
+ padding-left: @thumbnav-margin-horizontal;
51
+ }
48
52
 
49
53
 
50
54
  /* Items
@@ -56,7 +56,10 @@
56
56
  // Toggle
57
57
  // Scroll
58
58
 
59
- @import "grid.scss";
59
+ @import "thumbnav.scss";
60
+ @import "iconnav.scss";
61
+
62
+ @import "grid.scss"; // After: Thumbnav, Iconnav
60
63
 
61
64
  // Navs
62
65
  @import "nav.scss";
@@ -67,9 +70,6 @@
67
70
  @import "tab.scss";
68
71
  @import "slidenav.scss"; // After: Icon
69
72
  @import "dotnav.scss";
70
- @import "thumbnav.scss";
71
- @import "iconnav.scss";
72
-
73
73
  @import "dropdown.scss"; // After: Card, Nav
74
74
  @import "lightbox.scss"; // After: Close, Slidenav
75
75
 
@@ -25,6 +25,7 @@
25
25
  /*
26
26
  * 1. Allow items to wrap into the next line
27
27
  * 2. Reset list
28
+ * 3. Gutter
28
29
  */
29
30
 
30
31
  .uk-iconnav {
@@ -35,17 +36,20 @@
35
36
  margin: 0;
36
37
  padding: 0;
37
38
  list-style: none;
39
+ /* 3 */
40
+ margin-left: (-$iconnav-margin-horizontal);
38
41
  @if(mixin-exists(hook-iconnav)) {@include hook-iconnav();}
39
42
  }
40
43
 
41
44
  /*
42
- * Gutter
43
- * Note: Can be overridden through grid classes
44
- * Note: Space is allocated based on content dimensions, but shrinks: 0 1 auto
45
+ * Space is allocated based on content dimensions, but shrinks: 0 1 auto
46
+ * 1. Gutter
45
47
  */
46
48
 
47
- :where(.uk-iconnav) { margin-left: (-$iconnav-margin-horizontal); }
48
- :where(.uk-iconnav > *) { padding-left: $iconnav-margin-horizontal; }
49
+ .uk-iconnav > * {
50
+ /* 1 */
51
+ padding-left: $iconnav-margin-horizontal;
52
+ }
49
53
 
50
54
 
51
55
  /* Items
@@ -22,6 +22,7 @@
22
22
  /*
23
23
  * 1. Allow items to wrap into the next line
24
24
  * 2. Reset list
25
+ * 3. Gutter
25
26
  */
26
27
 
27
28
  .uk-thumbnav {
@@ -32,17 +33,20 @@
32
33
  margin: 0;
33
34
  padding: 0;
34
35
  list-style: none;
36
+ /* 3 */
37
+ margin-left: (-$thumbnav-margin-horizontal);
35
38
  @if(mixin-exists(hook-thumbnav)) {@include hook-thumbnav();}
36
39
  }
37
40
 
38
41
  /*
39
- * Gutter
40
- * Note: Can be overridden through grid classes
41
- * Note: Space is allocated based on content dimensions, but shrinks: 0 1 auto
42
+ * Space is allocated based on content dimensions, but shrinks: 0 1 auto
43
+ * 1. Gutter
42
44
  */
43
45
 
44
- :where(.uk-thumbnav) { margin-left: (-$thumbnav-margin-horizontal); }
45
- :where(.uk-thumbnav > *) { padding-left: $thumbnav-margin-horizontal; }
46
+ .uk-thumbnav > * {
47
+ /* 1 */
48
+ padding-left: $thumbnav-margin-horizontal;
49
+ }
46
50
 
47
51
 
48
52
  /* Items