uikit 3.18.0 → 3.18.1-dev.edde0251f

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 (196) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/css/uikit-core-rtl.css +500 -500
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +500 -500
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +523 -523
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +523 -523
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +2 -4
  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 +3 -7
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +3 -7
  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 +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +2 -4
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +2 -4
  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 +12 -3
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -2
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +15 -12
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +2 -2
  43. package/src/js/components/countdown.js +1 -3
  44. package/src/js/components/lightbox-panel.js +1 -3
  45. package/src/js/core/modal.js +13 -0
  46. package/src/js/mixin/slider-autoplay.js +1 -3
  47. package/src/js/util/viewport.js +1 -1
  48. package/src/less/components/align.less +2 -2
  49. package/src/less/components/animation.less +2 -2
  50. package/src/less/components/article.less +2 -2
  51. package/src/less/components/base.less +3 -3
  52. package/src/less/components/card.less +8 -8
  53. package/src/less/components/column.less +3 -3
  54. package/src/less/components/container.less +3 -3
  55. package/src/less/components/divider.less +2 -2
  56. package/src/less/components/dropnav.less +1 -1
  57. package/src/less/components/form.less +1 -1
  58. package/src/less/components/grid.less +3 -3
  59. package/src/less/components/height.less +1 -1
  60. package/src/less/components/icon.less +3 -3
  61. package/src/less/components/link.less +1 -1
  62. package/src/less/components/modal.less +3 -3
  63. package/src/less/components/navbar.less +4 -4
  64. package/src/less/components/position.less +7 -7
  65. package/src/less/components/sticky.less +1 -1
  66. package/src/less/components/svg.less +3 -3
  67. package/src/less/components/transition.less +9 -9
  68. package/src/less/components/utility.less +4 -4
  69. package/src/less/components/width.less +7 -7
  70. package/src/less/theme/alert.less +1 -1
  71. package/src/less/theme/align.less +1 -1
  72. package/src/less/theme/animation.less +1 -1
  73. package/src/less/theme/article.less +1 -1
  74. package/src/less/theme/background.less +1 -1
  75. package/src/less/theme/badge.less +1 -1
  76. package/src/less/theme/base.less +1 -1
  77. package/src/less/theme/breadcrumb.less +1 -1
  78. package/src/less/theme/button.less +1 -1
  79. package/src/less/theme/card.less +1 -1
  80. package/src/less/theme/close.less +1 -1
  81. package/src/less/theme/column.less +1 -1
  82. package/src/less/theme/comment.less +1 -1
  83. package/src/less/theme/container.less +1 -1
  84. package/src/less/theme/description-list.less +1 -1
  85. package/src/less/theme/divider.less +1 -1
  86. package/src/less/theme/dotnav.less +1 -1
  87. package/src/less/theme/drop.less +1 -1
  88. package/src/less/theme/dropbar.less +1 -1
  89. package/src/less/theme/dropdown.less +1 -1
  90. package/src/less/theme/form-range.less +1 -1
  91. package/src/less/theme/height.less +1 -1
  92. package/src/less/theme/icon.less +1 -1
  93. package/src/less/theme/iconnav.less +1 -1
  94. package/src/less/theme/inverse.less +1 -1
  95. package/src/less/theme/label.less +1 -1
  96. package/src/less/theme/leader.less +1 -1
  97. package/src/less/theme/lightbox.less +1 -1
  98. package/src/less/theme/margin.less +1 -1
  99. package/src/less/theme/modal.less +1 -1
  100. package/src/less/theme/nav.less +1 -1
  101. package/src/less/theme/navbar.less +3 -3
  102. package/src/less/theme/notification.less +1 -1
  103. package/src/less/theme/offcanvas.less +1 -1
  104. package/src/less/theme/overlay.less +1 -1
  105. package/src/less/theme/padding.less +1 -1
  106. package/src/less/theme/pagination.less +1 -1
  107. package/src/less/theme/position.less +1 -1
  108. package/src/less/theme/search.less +1 -1
  109. package/src/less/theme/spinner.less +1 -1
  110. package/src/less/theme/sticky.less +1 -1
  111. package/src/less/theme/tab.less +2 -2
  112. package/src/less/theme/table.less +1 -1
  113. package/src/less/theme/thumbnav.less +1 -1
  114. package/src/less/theme/tile.less +1 -1
  115. package/src/less/theme/tooltip.less +1 -1
  116. package/src/less/theme/totop.less +1 -1
  117. package/src/less/theme/transition.less +1 -1
  118. package/src/less/theme/utility.less +1 -1
  119. package/src/less/theme/variables.less +1 -1
  120. package/src/less/theme/width.less +1 -1
  121. package/src/less/uikit.less +1 -1
  122. package/src/scss/components/align.scss +2 -2
  123. package/src/scss/components/animation.scss +2 -2
  124. package/src/scss/components/base.scss +2 -2
  125. package/src/scss/components/card.scss +8 -8
  126. package/src/scss/components/column.scss +3 -3
  127. package/src/scss/components/container.scss +3 -3
  128. package/src/scss/components/divider.scss +2 -2
  129. package/src/scss/components/dropnav.scss +1 -1
  130. package/src/scss/components/form.scss +1 -1
  131. package/src/scss/components/grid.scss +3 -3
  132. package/src/scss/components/height.scss +1 -1
  133. package/src/scss/components/icon.scss +3 -3
  134. package/src/scss/components/modal.scss +3 -3
  135. package/src/scss/components/navbar.scss +4 -4
  136. package/src/scss/components/position.scss +7 -7
  137. package/src/scss/components/sticky.scss +1 -1
  138. package/src/scss/components/svg.scss +3 -3
  139. package/src/scss/components/transition.scss +9 -9
  140. package/src/scss/components/utility.scss +4 -4
  141. package/src/scss/components/width.scss +7 -7
  142. package/src/scss/mixins-theme.scss +7 -7
  143. package/src/scss/mixins.scss +4 -4
  144. package/src/scss/theme/alert.scss +1 -0
  145. package/src/scss/theme/align.scss +1 -1
  146. package/src/scss/theme/animation.scss +1 -1
  147. package/src/scss/theme/article.scss +1 -1
  148. package/src/scss/theme/background.scss +1 -1
  149. package/src/scss/theme/badge.scss +1 -1
  150. package/src/scss/theme/base.scss +1 -1
  151. package/src/scss/theme/breadcrumb.scss +1 -1
  152. package/src/scss/theme/button.scss +1 -1
  153. package/src/scss/theme/card.scss +1 -0
  154. package/src/scss/theme/close.scss +1 -1
  155. package/src/scss/theme/column.scss +1 -1
  156. package/src/scss/theme/comment.scss +1 -1
  157. package/src/scss/theme/container.scss +1 -1
  158. package/src/scss/theme/description-list.scss +1 -1
  159. package/src/scss/theme/divider.scss +1 -1
  160. package/src/scss/theme/dotnav.scss +1 -0
  161. package/src/scss/theme/drop.scss +1 -1
  162. package/src/scss/theme/dropbar.scss +1 -1
  163. package/src/scss/theme/dropdown.scss +1 -1
  164. package/src/scss/theme/form-range.scss +1 -1
  165. package/src/scss/theme/height.scss +1 -1
  166. package/src/scss/theme/icon.scss +1 -1
  167. package/src/scss/theme/iconnav.scss +1 -1
  168. package/src/scss/theme/inverse.scss +1 -1
  169. package/src/scss/theme/label.scss +1 -1
  170. package/src/scss/theme/leader.scss +1 -1
  171. package/src/scss/theme/lightbox.scss +1 -1
  172. package/src/scss/theme/margin.scss +1 -1
  173. package/src/scss/theme/modal.scss +1 -0
  174. package/src/scss/theme/nav.scss +1 -1
  175. package/src/scss/theme/navbar.scss +1 -1
  176. package/src/scss/theme/notification.scss +1 -1
  177. package/src/scss/theme/offcanvas.scss +1 -1
  178. package/src/scss/theme/overlay.scss +1 -1
  179. package/src/scss/theme/padding.scss +1 -1
  180. package/src/scss/theme/pagination.scss +1 -1
  181. package/src/scss/theme/position.scss +1 -1
  182. package/src/scss/theme/search.scss +1 -1
  183. package/src/scss/theme/spinner.scss +1 -1
  184. package/src/scss/theme/sticky.scss +1 -1
  185. package/src/scss/theme/tab.scss +1 -1
  186. package/src/scss/theme/table.scss +1 -0
  187. package/src/scss/theme/thumbnav.scss +1 -1
  188. package/src/scss/theme/tile.scss +1 -1
  189. package/src/scss/theme/tooltip.scss +1 -1
  190. package/src/scss/theme/totop.scss +1 -1
  191. package/src/scss/theme/transition.scss +1 -1
  192. package/src/scss/theme/utility.scss +1 -1
  193. package/src/scss/theme/variables.scss +1 -1
  194. package/src/scss/theme/width.scss +1 -1
  195. package/src/scss/uikit.scss +1 -1
  196. package/src/images/icons/pagekit.svg +0 -3
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.18.0",
5
+ "version": "3.18.1-dev.edde0251f",
6
6
  "main": "dist/js/uikit.js",
7
7
  "style": "dist/css/uikit.css",
8
8
  "sideEffects": [
@@ -19,7 +19,7 @@
19
19
  "url": "https://github.com/uikit/uikit/issues"
20
20
  },
21
21
  "homepage": "https://getuikit.com",
22
- "packageManager": "pnpm@8.14.0",
22
+ "packageManager": "pnpm@8.15.1",
23
23
  "devDependencies": {
24
24
  "@rollup/plugin-alias": "^5.1.0",
25
25
  "@rollup/plugin-replace": "^5.0.5",
package/src/js/components/countdown.js CHANGED
@@ -32,9 +32,7 @@ export default {
32
32
  events: {
33
33
  name: 'visibilitychange',
34
34
 
35
- el() {
36
- return document;
37
- },
35
+ el: () => document,
38
36
 
39
37
  handler() {
40
38
  if (document.hidden) {
package/src/js/components/lightbox-panel.js CHANGED
@@ -130,9 +130,7 @@ export default {
130
130
  {
131
131
  name: 'keyup',
132
132
 
133
- el() {
134
- return document;
135
- },
133
+ el: () => document,
136
134
 
137
135
  handler({ keyCode }) {
138
136
  if (!this.isToggled(this.$el) || !this.draggable) {
package/src/js/core/modal.js CHANGED
@@ -7,6 +7,7 @@ import {
7
7
  height,
8
8
  html,
9
9
  isString,
10
+ isTag,
10
11
  noop,
11
12
  on,
12
13
  removeClass,
@@ -26,6 +27,18 @@ export default {
26
27
  },
27
28
 
28
29
  events: [
30
+ {
31
+ name: 'fullscreenchange webkitendfullscreen',
32
+
33
+ capture: true,
34
+
35
+ handler(e) {
36
+ if (isTag(e.target, 'video') && this.isToggled() && !document.fullscreenElement) {
37
+ this.hide();
38
+ }
39
+ },
40
+ },
41
+
29
42
  {
30
43
  name: 'show',
31
44
 
package/src/js/mixin/slider-autoplay.js CHANGED
@@ -30,9 +30,7 @@ export default {
30
30
  {
31
31
  name: 'visibilitychange',
32
32
 
33
- el() {
34
- return document;
35
- },
33
+ el: () => document,
36
34
 
37
35
  filter() {
38
36
  return this.autoplay;
package/src/js/util/viewport.js CHANGED
@@ -187,7 +187,7 @@ export function offsetViewport(scrollElement) {
187
187
  ]) {
188
188
  if (isWindow(viewportElement)) {
189
189
  // iOS 12 returns <body> as scrollingElement
190
- viewportElement = window.document.documentElement;
190
+ viewportElement = scrollElement.ownerDocument;
191
191
  } else {
192
192
  rect[start] += toFloat(css(viewportElement, `border-${start}-width`));
193
193
  }
package/src/less/components/align.less CHANGED
@@ -25,12 +25,12 @@
25
25
  * Default
26
26
  */
27
27
 
28
- [class*='uk-align'] {
28
+ [class*="uk-align"] {
29
29
  display: block;
30
30
  margin-bottom: @align-margin-vertical;
31
31
  }
32
32
 
33
- * + [class*='uk-align'] { margin-top: @align-margin-vertical; }
33
+ * + [class*="uk-align"] { margin-top: @align-margin-vertical; }
34
34
 
35
35
  /*
36
36
  * Center
package/src/less/components/animation.less CHANGED
@@ -40,7 +40,7 @@
40
40
  Component: Animation
41
41
  ========================================================================== */
42
42
 
43
- [class*='uk-animation-'] { animation: @animation-duration ease-out both; }
43
+ [class*="uk-animation-"] { animation: @animation-duration ease-out both; }
44
44
 
45
45
 
46
46
  /* Animations
@@ -138,7 +138,7 @@
138
138
  /* Toggle animation based on the State of the Parent Element
139
139
  ========================================================================== */
140
140
 
141
- .uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { animation-name: none; }
141
+ .uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] { animation-name: none; }
142
142
 
143
143
 
144
144
  /* Keyframes used by animation classes
package/src/less/components/article.less CHANGED
@@ -95,11 +95,11 @@
95
95
 
96
96
  .hook-inverse() {
97
97
 
98
- .uk-article-title {
98
+ .uk-article-title {
99
99
  .hook-inverse-article-title();
100
100
  }
101
101
 
102
- .uk-article-meta {
102
+ .uk-article-meta {
103
103
  color: @inverse-article-meta-color;
104
104
  .hook-inverse-article-meta();
105
105
  }
package/src/less/components/base.less CHANGED
@@ -446,7 +446,7 @@ hr, .uk-hr {
446
446
 
447
447
  /* Add margin if adjacent element */
448
448
  * + hr,
449
- * + .uk-hr { margin-top: @base-hr-margin-vertical }
449
+ * + .uk-hr { margin-top: @base-hr-margin-vertical; }
450
450
 
451
451
 
452
452
  /* Address
@@ -476,7 +476,7 @@ blockquote {
476
476
  blockquote p:last-of-type { margin-bottom: 0; }
477
477
 
478
478
  blockquote footer {
479
- margin-top: @base-blockquote-footer-margin-top;
479
+ margin-top: @base-blockquote-footer-margin-top;
480
480
  font-size: @base-blockquote-footer-font-size;
481
481
  line-height: @base-blockquote-footer-line-height;
482
482
  .hook-base-blockquote-footer();
@@ -608,7 +608,7 @@ template { display: none; }
608
608
  //
609
609
 
610
610
  a,
611
- .uk-link {
611
+ .uk-link {
612
612
  color: @inverse-base-link-color;
613
613
  .hook-inverse-base-link();
614
614
  }
package/src/less/components/card.less CHANGED
@@ -149,13 +149,13 @@
149
149
  * Implemented by the theme
150
150
  */
151
151
 
152
- [class*='uk-card-media'] {
152
+ [class*="uk-card-media"] {
153
153
  .hook-card-media();
154
154
  }
155
155
 
156
156
  .uk-card-media-top,
157
157
  .uk-grid-stack > .uk-card-media-left,
158
- .uk-grid-stack > .uk-card-media-right {
158
+ .uk-grid-stack > .uk-card-media-right {
159
159
  .hook-card-media-top();
160
160
  }
161
161
 
@@ -263,9 +263,9 @@
263
263
 
264
264
  // Color Mode
265
265
  .uk-card-default.uk-card-body:extend(.uk-light all) when (@card-default-color-mode = light) {}
266
- .uk-card-default > :not([class*='uk-card-media']):extend(.uk-light all) when (@card-default-color-mode = light) {}
266
+ .uk-card-default > :not([class*="uk-card-media"]):extend(.uk-light all) when (@card-default-color-mode = light) {}
267
267
  .uk-card-default.uk-card-body:extend(.uk-dark all) when (@card-default-color-mode = dark) {}
268
- .uk-card-default > :not([class*='uk-card-media']):extend(.uk-dark all) when (@card-default-color-mode = dark) {}
268
+ .uk-card-default > :not([class*="uk-card-media"]):extend(.uk-dark all) when (@card-default-color-mode = dark) {}
269
269
 
270
270
  /*
271
271
  * Primary
@@ -289,9 +289,9 @@
289
289
 
290
290
  // Color Mode
291
291
  .uk-card-primary.uk-card-body:extend(.uk-light all) when (@card-primary-color-mode = light) {}
292
- .uk-card-primary > :not([class*='uk-card-media']):extend(.uk-light all) when (@card-primary-color-mode = light) {}
292
+ .uk-card-primary > :not([class*="uk-card-media"]):extend(.uk-light all) when (@card-primary-color-mode = light) {}
293
293
  .uk-card-primary.uk-card-body:extend(.uk-dark all) when (@card-primary-color-mode = dark) {}
294
- .uk-card-primary > :not([class*='uk-card-media']):extend(.uk-dark all) when (@card-primary-color-mode = dark) {}
294
+ .uk-card-primary > :not([class*="uk-card-media"]):extend(.uk-dark all) when (@card-primary-color-mode = dark) {}
295
295
 
296
296
  /*
297
297
  * Secondary
@@ -315,9 +315,9 @@
315
315
 
316
316
  // Color Mode
317
317
  .uk-card-secondary.uk-card-body:extend(.uk-light all) when (@card-secondary-color-mode = light) {}
318
- .uk-card-secondary > :not([class*='uk-card-media']):extend(.uk-light all) when (@card-secondary-color-mode = light) {}
318
+ .uk-card-secondary > :not([class*="uk-card-media"]):extend(.uk-light all) when (@card-secondary-color-mode = light) {}
319
319
  .uk-card-secondary.uk-card-body:extend(.uk-dark all) when (@card-secondary-color-mode = dark) {}
320
- .uk-card-secondary > :not([class*='uk-card-media']):extend(.uk-dark all) when (@card-secondary-color-mode = dark) {}
320
+ .uk-card-secondary > :not([class*="uk-card-media"]):extend(.uk-dark all) when (@card-secondary-color-mode = dark) {}
321
321
 
322
322
 
323
323
  /* Size modifier
package/src/less/components/column.less CHANGED
@@ -24,12 +24,12 @@
24
24
  Component: Column
25
25
  ========================================================================== */
26
26
 
27
- [class*='uk-column-'] { column-gap: @column-gutter; }
27
+ [class*="uk-column-"] { column-gap: @column-gutter; }
28
28
 
29
29
  /* Desktop and bigger */
30
30
  @media (min-width: @breakpoint-large) {
31
31
 
32
- [class*='uk-column-'] { column-gap: @column-gutter-l; }
32
+ [class*="uk-column-"] { column-gap: @column-gutter-l; }
33
33
 
34
34
  }
35
35
 
@@ -37,7 +37,7 @@
37
37
  * Fix image 1px line wrapping into the next column in Chrome
38
38
  */
39
39
 
40
- [class*='uk-column-'] img { transform: translate3d(0,0,0); }
40
+ [class*="uk-column-"] img { transform: translate3d(0, 0, 0); }
41
41
 
42
42
 
43
43
  /* Divider
package/src/less/components/container.less CHANGED
@@ -149,7 +149,7 @@
149
149
  */
150
150
 
151
151
  .uk-container-item-padding-remove-left,
152
- .uk-container-item-padding-remove-right { width: ~'calc(100% + @{container-padding-horizontal})' }
152
+ .uk-container-item-padding-remove-right { width: ~'calc(100% + @{container-padding-horizontal})'; }
153
153
 
154
154
  .uk-container-item-padding-remove-left { margin-left: -@container-padding-horizontal; }
155
155
  .uk-container-item-padding-remove-right { margin-right: -@container-padding-horizontal; }
@@ -158,7 +158,7 @@
158
158
  @media (min-width: @breakpoint-small) {
159
159
 
160
160
  .uk-container-item-padding-remove-left,
161
- .uk-container-item-padding-remove-right { width: ~'calc(100% + @{container-padding-horizontal-s})' }
161
+ .uk-container-item-padding-remove-right { width: ~'calc(100% + @{container-padding-horizontal-s})'; }
162
162
 
163
163
  .uk-container-item-padding-remove-left { margin-left: -@container-padding-horizontal-s; }
164
164
  .uk-container-item-padding-remove-right { margin-right: -@container-padding-horizontal-s; }
@@ -169,7 +169,7 @@
169
169
  @media (min-width: @breakpoint-medium) {
170
170
 
171
171
  .uk-container-item-padding-remove-left,
172
- .uk-container-item-padding-remove-right { width: ~'calc(100% + @{container-padding-horizontal-m})' }
172
+ .uk-container-item-padding-remove-right { width: ~'calc(100% + @{container-padding-horizontal-m})'; }
173
173
 
174
174
  .uk-container-item-padding-remove-left { margin-left: -@container-padding-horizontal-m; }
175
175
  .uk-container-item-padding-remove-right { margin-right: -@container-padding-horizontal-m; }
package/src/less/components/divider.less CHANGED
@@ -41,7 +41,7 @@
41
41
  * 2. Set margin if a `div` is used for semantical reason
42
42
  */
43
43
 
44
- [class*='uk-divider'] {
44
+ [class*="uk-divider"] {
45
45
  /* 1 */
46
46
  border: none;
47
47
  /* 2 */
@@ -49,7 +49,7 @@
49
49
  }
50
50
 
51
51
  /* Add margin if adjacent element */
52
- * + [class*='uk-divider'] { margin-top: @divider-margin-vertical; }
52
+ * + [class*="uk-divider"] { margin-top: @divider-margin-vertical; }
53
53
 
54
54
 
55
55
  /* Icon
package/src/less/components/dropnav.less CHANGED
@@ -40,4 +40,4 @@
40
40
 
41
41
  .hook-dropnav-misc();
42
42
 
43
- .hook-dropnav-misc() {}
43
+ .hook-dropnav-misc() {}
package/src/less/components/form.less CHANGED
@@ -380,7 +380,7 @@ textarea.uk-form-large,
380
380
  */
381
381
 
382
382
  .uk-form-success,
383
- .uk-form-success:focus {
383
+ .uk-form-success:focus {
384
384
  color: @form-success-color;
385
385
  .hook-form-success();
386
386
  }
package/src/less/components/grid.less CHANGED
@@ -118,7 +118,7 @@
118
118
  .uk-grid-small,
119
119
  .uk-grid-column-small { margin-left: -@grid-small-gutter-horizontal; }
120
120
  .uk-grid-small > *,
121
- .uk-grid-column-small > * { padding-left: @grid-small-gutter-horizontal; }
121
+ .uk-grid-column-small > * { padding-left: @grid-small-gutter-horizontal; }
122
122
 
123
123
  /* Vertical */
124
124
  .uk-grid + .uk-grid-small,
@@ -376,8 +376,8 @@
376
376
  flex-wrap: wrap;
377
377
  }
378
378
 
379
- .uk-grid-match > * > :not([class*='uk-width']),
380
- .uk-grid-item-match > :not([class*='uk-width']) {
379
+ .uk-grid-match > * > :not([class*="uk-width"]),
380
+ .uk-grid-item-match > :not([class*="uk-width"]) {
381
381
  /* 2 */
382
382
  box-sizing: border-box;
383
383
  width: 100%;
package/src/less/components/height.less CHANGED
@@ -18,7 +18,7 @@
18
18
  Component: Height
19
19
  ========================================================================== */
20
20
 
21
- [class*='uk-height'] { box-sizing: border-box; }
21
+ [class*="uk-height"] { box-sizing: border-box; }
22
22
 
23
23
  /*
24
24
  * Only works if parent element has a height set
package/src/less/components/icon.less CHANGED
@@ -92,14 +92,14 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
92
92
  * Set the fill and stroke color of all SVG elements to the current text color
93
93
  */
94
94
 
95
- .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; }
96
- .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; }
95
+ .uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { fill: currentcolor; }
96
+ .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { stroke: currentcolor; }
97
97
 
98
98
  /*
99
99
  * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
100
100
  */
101
101
 
102
- .uk-icon > * { transform: translate(0,0); }
102
+ .uk-icon > * { transform: translate(0, 0); }
103
103
 
104
104
 
105
105
  /* Image modifier
package/src/less/components/link.less CHANGED
@@ -140,7 +140,7 @@ a.uk-link-reset,
140
140
 
141
141
  a.uk-link-muted:hover,
142
142
  .uk-link-muted a:hover,
143
- .uk-link-toggle:hover .uk-link-muted {
143
+ .uk-link-toggle:hover .uk-link-muted {
144
144
  color: @inverse-link-muted-hover-color;
145
145
  .hook-inverse-link-muted-hover();
146
146
  }
package/src/less/components/modal.less CHANGED
@@ -265,7 +265,7 @@
265
265
  * Adopts `uk-close`
266
266
  ========================================================================== */
267
267
 
268
- [class*='uk-modal-close-'] {
268
+ [class*="uk-modal-close-"] {
269
269
  position: absolute;
270
270
  z-index: @modal-z-index;
271
271
  top: @modal-close-position;
@@ -278,13 +278,13 @@
278
278
  * Remove margin from adjacent element
279
279
  */
280
280
 
281
- [class*='uk-modal-close-']:first-child + * { margin-top: 0; }
281
+ [class*="uk-modal-close-"]:first-child + * { margin-top: 0; }
282
282
 
283
283
  /*
284
284
  * Hover
285
285
  */
286
286
 
287
- [class*='uk-modal-close-']:hover {
287
+ [class*="uk-modal-close-"]:hover {
288
288
  .hook-modal-close-hover();
289
289
  }
290
290
 
package/src/less/components/navbar.less CHANGED
@@ -136,7 +136,7 @@
136
136
 
137
137
  .uk-navbar-left,
138
138
  .uk-navbar-right,
139
- [class*='uk-navbar-center'] {
139
+ [class*="uk-navbar-center"] {
140
140
  display: flex;
141
141
  gap: @navbar-gap;
142
142
  /* 1 */
@@ -165,7 +165,7 @@
165
165
  position: absolute;
166
166
  top: 50%;
167
167
  left: 50%;
168
- transform: translate(-50%,-50%);
168
+ transform: translate(-50%, -50%);
169
169
  /* 2 */
170
170
  width: max-content;
171
171
  box-sizing: border-box;
@@ -180,10 +180,10 @@
180
180
  top: 0;
181
181
  }
182
182
 
183
- .uk-navbar-center-left { right: ~'calc(100% + @{navbar-gap})'; }
183
+ .uk-navbar-center-left { right: ~'calc(100% + @{navbar-gap})'; }
184
184
  .uk-navbar-center-right { left: ~'calc(100% + @{navbar-gap})'; }
185
185
 
186
- [class*='uk-navbar-center-'] {
186
+ [class*="uk-navbar-center-"] {
187
187
  width: max-content;
188
188
  box-sizing: border-box;
189
189
  }
package/src/less/components/position.less CHANGED
@@ -49,11 +49,11 @@
49
49
  * 1. Prevent content overflow.
50
50
  */
51
51
 
52
- [class*='uk-position-top'],
53
- [class*='uk-position-bottom'],
54
- [class*='uk-position-left'],
55
- [class*='uk-position-right'],
56
- [class*='uk-position-center'] {
52
+ [class*="uk-position-top"],
53
+ [class*="uk-position-bottom"],
54
+ [class*="uk-position-left"],
55
+ [class*="uk-position-right"],
56
+ [class*="uk-position-center"] {
57
57
  position: absolute !important;
58
58
  /* 1 */
59
59
  max-width: ~'calc(100% - (var(--uk-position-margin-offset) * 2))';
@@ -130,8 +130,8 @@
130
130
  }
131
131
 
132
132
  /* Vertical */
133
- [class*='uk-position-center-left'],
134
- [class*='uk-position-center-right'] {
133
+ [class*="uk-position-center-left"],
134
+ [class*="uk-position-center-right"] {
135
135
  top: ~'calc(50% - var(--uk-position-margin-offset))';
136
136
  --uk-position-translate-y: -50%;
137
137
  transform: translate(0, var(--uk-position-translate-y));
package/src/less/components/sticky.less CHANGED
@@ -54,7 +54,7 @@
54
54
  * Faster animations
55
55
  */
56
56
 
57
- .uk-sticky[class*='uk-animation-'] { animation-duration: @sticky-animation-duration; }
57
+ .uk-sticky[class*="uk-animation-"] { animation-duration: @sticky-animation-duration; }
58
58
 
59
59
  .uk-sticky.uk-animation-reverse { animation-duration: @sticky-reverse-animation-duration; }
60
60
 
package/src/less/components/svg.less CHANGED
@@ -18,14 +18,14 @@
18
18
  /* 1 */
19
19
  .uk-svg,
20
20
  /* 2 */
21
- .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; }
22
- .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; }
21
+ .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { fill: currentcolor; }
22
+ .uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { stroke: currentcolor; }
23
23
 
24
24
  /*
25
25
  * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
26
26
  */
27
27
 
28
- .uk-svg { transform: translate(0,0); }
28
+ .uk-svg { transform: translate(0, 0); }
29
29
 
30
30
 
31
31
  // Hooks
package/src/less/components/transition.less CHANGED
@@ -50,15 +50,15 @@
50
50
  */
51
51
 
52
52
  :where(.uk-transition-fade),
53
- :where([class*='uk-transition-scale']),
54
- :where([class*='uk-transition-slide']) {
53
+ :where([class*="uk-transition-scale"]),
54
+ :where([class*="uk-transition-slide"]) {
55
55
  --uk-position-translate-x: 0;
56
56
  --uk-position-translate-y: 0;
57
57
  }
58
58
 
59
59
  .uk-transition-fade,
60
- [class*='uk-transition-scale'],
61
- [class*='uk-transition-slide'] {
60
+ [class*="uk-transition-scale"],
61
+ [class*="uk-transition-slide"] {
62
62
  --uk-translate-x: 0;
63
63
  --uk-translate-y: 0;
64
64
  --uk-scale-x: 1;
@@ -86,7 +86,7 @@
86
86
  */
87
87
 
88
88
  /* 1 */
89
- [class*='uk-transition-scale'] { -webkit-backface-visibility: hidden; }
89
+ [class*="uk-transition-scale"] { -webkit-backface-visibility: hidden; }
90
90
 
91
91
  .uk-transition-scale-up {
92
92
  --uk-scale-x: 1;
@@ -136,10 +136,10 @@
136
136
  .uk-transition-slide-right-medium { --uk-translate-x: @transition-slide-medium-translate; }
137
137
 
138
138
  /* Show */
139
- .uk-transition-toggle:hover [class*='uk-transition-slide'],
140
- .uk-transition-toggle:focus [class*='uk-transition-slide'],
141
- .uk-transition-toggle [class*='uk-transition-slide']:focus-within,
142
- .uk-transition-active.uk-active [class*='uk-transition-slide'] {
139
+ .uk-transition-toggle:hover [class*="uk-transition-slide"],
140
+ .uk-transition-toggle:focus [class*="uk-transition-slide"],
141
+ .uk-transition-toggle [class*="uk-transition-slide"]:focus-within,
142
+ .uk-transition-active.uk-active [class*="uk-transition-slide"] {
143
143
  --uk-translate-x: 0;
144
144
  --uk-translate-y: 0;
145
145
  opacity: 1;
package/src/less/components/utility.less CHANGED
@@ -126,7 +126,7 @@
126
126
  .uk-float-right { float: right; }
127
127
 
128
128
  /* 1 */
129
- [class*='uk-float-'] { max-width: 100%; }
129
+ [class*="uk-float-"] { max-width: 100%; }
130
130
 
131
131
 
132
132
  /* Overfow
@@ -179,7 +179,7 @@
179
179
  * 6. Clip child elements
180
180
  */
181
181
 
182
- [class*='uk-inline'] {
182
+ [class*="uk-inline"] {
183
183
  /* 1 */
184
184
  display: inline-block;
185
185
  /* 2 */
@@ -290,7 +290,7 @@
290
290
  * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
291
291
  */
292
292
 
293
- .uk-inline-clip[class*='uk-border-'] { -webkit-transform: translateZ(0); }
293
+ .uk-inline-clip[class*="uk-border-"] { -webkit-transform: translateZ(0); }
294
294
 
295
295
 
296
296
  /* Box-shadow
@@ -305,7 +305,7 @@
305
305
  * Hover
306
306
  */
307
307
 
308
- [class*='uk-box-shadow-hover'] { transition: box-shadow @box-shadow-duration ease-in-out; }
308
+ [class*="uk-box-shadow-hover"] { transition: box-shadow @box-shadow-duration ease-in-out; }
309
309
 
310
310
  .uk-box-shadow-hover-small:hover { box-shadow: @global-small-box-shadow; }
311
311
  .uk-box-shadow-hover-medium:hover { box-shadow: @global-medium-box-shadow; }
package/src/less/components/width.less CHANGED
@@ -25,7 +25,7 @@
25
25
  /* Equal child widths
26
26
  ========================================================================== */
27
27
 
28
- [class*='uk-child-width'] > * {
28
+ [class*="uk-child-width"] > * {
29
29
  box-sizing: border-box;
30
30
  width: 100%;
31
31
  }
@@ -45,7 +45,7 @@
45
45
  * if they have zero width and padding and the predecessor is 100% wide.
46
46
  */
47
47
 
48
- .uk-child-width-expand > :not([class*='uk-width']) {
48
+ .uk-child-width-expand > :not([class*="uk-width"]) {
49
49
  flex: 1;
50
50
  /* 1 */
51
51
  min-width: 1px;
@@ -62,7 +62,7 @@
62
62
  .uk-child-width-1-6\@s > * { width: ~'calc(100% * 1 / 6.001)'; }
63
63
 
64
64
  .uk-child-width-auto\@s > * { width: auto; }
65
- .uk-child-width-expand\@s > :not([class*='uk-width']) {
65
+ .uk-child-width-expand\@s > :not([class*="uk-width"]) {
66
66
  flex: 1;
67
67
  min-width: 1px;
68
68
  }
@@ -80,7 +80,7 @@
80
80
  .uk-child-width-1-6\@m > * { width: ~'calc(100% * 1 / 6.001)'; }
81
81
 
82
82
  .uk-child-width-auto\@m > * { width: auto; }
83
- .uk-child-width-expand\@m > :not([class*='uk-width']) {
83
+ .uk-child-width-expand\@m > :not([class*="uk-width"]) {
84
84
  flex: 1;
85
85
  min-width: 1px;
86
86
  }
@@ -98,7 +98,7 @@
98
98
  .uk-child-width-1-6\@l > * { width: ~'calc(100% * 1 / 6.001)'; }
99
99
 
100
100
  .uk-child-width-auto\@l > * { width: auto; }
101
- .uk-child-width-expand\@l > :not([class*='uk-width']) {
101
+ .uk-child-width-expand\@l > :not([class*="uk-width"]) {
102
102
  flex: 1;
103
103
  min-width: 1px;
104
104
  }
@@ -116,7 +116,7 @@
116
116
  .uk-child-width-1-6\@xl > * { width: ~'calc(100% * 1 / 6.001)'; }
117
117
 
118
118
  .uk-child-width-auto\@xl > * { width: auto; }
119
- .uk-child-width-expand\@xl > :not([class*='uk-width']) {
119
+ .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
120
120
  flex: 1;
121
121
  min-width: 1px;
122
122
  }
@@ -131,7 +131,7 @@
131
131
  * 1. `max-width` is needed for the pixel-based classes
132
132
  */
133
133
 
134
- [class*='uk-width'] {
134
+ [class*="uk-width"] {
135
135
  box-sizing: border-box;
136
136
  width: 100%;
137
137
  /* 1 */
package/src/less/theme/alert.less CHANGED
@@ -73,4 +73,4 @@
73
73
  text-decoration: underline;
74
74
  }
75
75
 
76
- }
76
+ }
package/src/less/theme/align.less CHANGED
@@ -11,4 +11,4 @@
11
11
  // Miscellaneous
12
12
  // ========================================================================
13
13
 
14
- .hook-align-misc() {}
14
+ .hook-align-misc() {}
package/src/less/theme/animation.less CHANGED
@@ -11,4 +11,4 @@
11
11
  // Miscellaneous
12
12
  // ========================================================================
13
13
 
14
- .hook-animation-misc() {}
14
+ .hook-animation-misc() {}
package/src/less/theme/article.less CHANGED
@@ -57,4 +57,4 @@
57
57
  // Inverse
58
58
  // ========================================================================
59
59
 
60
- .hook-inverse-article-meta() {}
60
+ .hook-inverse-article-meta() {}