uikit 3.25.27-dev.9e97c1f → 3.25.27

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 (222) hide show
  1. package/CHANGELOG.md +2 -34
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/dist/css/uikit-core-rtl.css +1569 -1692
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +1569 -1692
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +1210 -1326
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +1210 -1326
  13. package/dist/css/uikit.min.css +1 -1
  14. package/dist/js/components/countdown.js +1 -1
  15. package/dist/js/components/countdown.min.js +1 -1
  16. package/dist/js/components/filter.js +1 -1
  17. package/dist/js/components/filter.min.js +1 -1
  18. package/dist/js/components/lightbox-panel.js +135 -134
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +136 -135
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +6 -8
  23. package/dist/js/components/notification.min.js +1 -1
  24. package/dist/js/components/parallax.js +12 -8
  25. package/dist/js/components/parallax.min.js +1 -1
  26. package/dist/js/components/slider-parallax.js +12 -8
  27. package/dist/js/components/slider-parallax.min.js +1 -1
  28. package/dist/js/components/slider.js +25 -51
  29. package/dist/js/components/slider.min.js +1 -1
  30. package/dist/js/components/slideshow-parallax.js +12 -8
  31. package/dist/js/components/slideshow-parallax.min.js +1 -1
  32. package/dist/js/components/slideshow.js +102 -81
  33. package/dist/js/components/slideshow.min.js +1 -1
  34. package/dist/js/components/sortable.js +1 -1
  35. package/dist/js/components/sortable.min.js +1 -1
  36. package/dist/js/components/tooltip.js +17 -15
  37. package/dist/js/components/tooltip.min.js +1 -1
  38. package/dist/js/components/upload.js +1 -1
  39. package/dist/js/components/upload.min.js +1 -1
  40. package/dist/js/uikit-core.js +313 -856
  41. package/dist/js/uikit-core.min.js +1 -1
  42. package/dist/js/uikit-icons.js +1 -1
  43. package/dist/js/uikit-icons.min.js +1 -1
  44. package/dist/js/uikit.js +377 -711
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +2 -2
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -16
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +3 -1
  51. package/src/js/api/state.js +8 -7
  52. package/src/js/components/index.js +0 -1
  53. package/src/js/components/internal/lightbox-animations.js +26 -7
  54. package/src/js/components/internal/slider-preload.js +0 -1
  55. package/src/js/components/internal/slideshow-animations.js +62 -15
  56. package/src/js/components/lightbox-panel.js +96 -121
  57. package/src/js/components/lightbox.js +8 -5
  58. package/src/js/components/notification.js +5 -7
  59. package/src/js/core/accordion.js +31 -62
  60. package/src/js/core/drop.js +3 -4
  61. package/src/js/core/dropnav.js +3 -3
  62. package/src/js/core/grid.js +19 -5
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/scroll.js +11 -0
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +49 -12
  67. package/src/js/core/video.js +21 -236
  68. package/src/js/mixin/internal/slideshow-animations.js +13 -5
  69. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  70. package/src/js/mixin/parallax.js +4 -1
  71. package/src/js/mixin/position.js +1 -1
  72. package/src/js/mixin/slider-parallax.js +38 -9
  73. package/src/js/mixin/togglable.js +14 -13
  74. package/src/js/util/attr.js +7 -7
  75. package/src/js/util/dom.js +4 -3
  76. package/src/js/util/lang.js +2 -2
  77. package/src/js/util/player.js +2 -4
  78. package/src/js/util/style.js +13 -12
  79. package/src/js/util/viewport.js +25 -22
  80. package/src/less/components/_import.less +3 -8
  81. package/src/less/components/animation.less +1 -1
  82. package/src/less/components/base.less +1 -1
  83. package/src/less/components/button.less +1 -1
  84. package/src/less/components/card.less +8 -8
  85. package/src/less/components/form.less +15 -15
  86. package/src/less/components/grid.less +65 -58
  87. package/src/less/components/lightbox.less +8 -2
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/modal.less +4 -1
  90. package/src/less/components/nav.less +1 -1
  91. package/src/less/components/navbar.less +1 -1
  92. package/src/less/components/padding.less +9 -9
  93. package/src/less/components/position.less +4 -9
  94. package/src/less/components/search.less +1 -1
  95. package/src/less/components/slideshow.less +4 -1
  96. package/src/less/components/switcher.less +2 -5
  97. package/src/less/components/table.less +4 -4
  98. package/src/less/components/text.less +4 -10
  99. package/src/less/components/utility.less +163 -0
  100. package/src/less/components/visibility.less +4 -4
  101. package/src/less/theme/_import.less +2 -6
  102. package/src/less/theme/alert.less +5 -0
  103. package/src/less/theme/thumbnav.less +4 -1
  104. package/src/less/theme/utility.less +32 -0
  105. package/src/scss/components/_import.scss +3 -8
  106. package/src/scss/components/animation.scss +1 -1
  107. package/src/scss/components/base.scss +1 -1
  108. package/src/scss/components/button.scss +1 -1
  109. package/src/scss/components/card.scss +8 -8
  110. package/src/scss/components/form.scss +14 -14
  111. package/src/scss/components/grid.scss +64 -57
  112. package/src/scss/components/lightbox.scss +8 -2
  113. package/src/scss/components/margin.scss +124 -155
  114. package/src/scss/components/modal.scss +4 -1
  115. package/src/scss/components/nav.scss +1 -1
  116. package/src/scss/components/navbar.scss +1 -1
  117. package/src/scss/components/padding.scss +9 -9
  118. package/src/scss/components/position.scss +4 -9
  119. package/src/scss/components/search.scss +1 -1
  120. package/src/scss/components/slideshow.scss +4 -1
  121. package/src/scss/components/switcher.scss +2 -5
  122. package/src/scss/components/table.scss +4 -4
  123. package/src/scss/components/text.scss +4 -10
  124. package/src/scss/components/utility.scss +129 -0
  125. package/src/scss/components/visibility.scss +4 -4
  126. package/src/scss/mixins-theme.scss +43 -44
  127. package/src/scss/mixins.scss +31 -40
  128. package/src/scss/variables-theme.scss +14 -14
  129. package/src/scss/variables.scss +14 -14
  130. package/tests/accordion.html +10 -77
  131. package/tests/alert.html +1 -1
  132. package/tests/align.html +5 -5
  133. package/tests/animation.html +4 -4
  134. package/tests/article.html +7 -7
  135. package/tests/background.html +2 -2
  136. package/tests/badge.html +1 -1
  137. package/tests/base.html +2 -2
  138. package/tests/button.html +1 -1
  139. package/tests/card.html +15 -15
  140. package/tests/close.html +2 -2
  141. package/tests/comment.html +9 -9
  142. package/tests/container.html +2 -2
  143. package/tests/countdown.html +21 -21
  144. package/tests/cover.html +3 -3
  145. package/tests/description-list.html +1 -1
  146. package/tests/divider.html +3 -3
  147. package/tests/dotnav.html +1 -1
  148. package/tests/drop.html +7 -7
  149. package/tests/dropbar.html +5 -5
  150. package/tests/dropdown.html +1 -1
  151. package/tests/dropnav.html +18 -18
  152. package/tests/filter.html +3 -3
  153. package/tests/form.html +14 -14
  154. package/tests/grid.html +47 -41
  155. package/tests/heading.html +2 -2
  156. package/tests/height-viewport.html +4 -4
  157. package/tests/height.html +5 -5
  158. package/tests/icon.html +8 -8
  159. package/tests/image.html +6 -6
  160. package/tests/index.html +13 -13
  161. package/tests/js/index.js +1 -1
  162. package/tests/leader.html +5 -5
  163. package/tests/lightbox.html +6 -6
  164. package/tests/link.html +1 -1
  165. package/tests/list.html +4 -4
  166. package/tests/margin.html +7 -59
  167. package/tests/marker.html +3 -3
  168. package/tests/modal.html +3 -3
  169. package/tests/nav.html +5 -5
  170. package/tests/navbar.html +27 -27
  171. package/tests/notification.html +2 -8
  172. package/tests/offcanvas.html +12 -12
  173. package/tests/overlay.html +3 -3
  174. package/tests/padding.html +1 -1
  175. package/tests/pagination.html +3 -3
  176. package/tests/parallax.html +1 -1
  177. package/tests/position.html +6 -6
  178. package/tests/scrollspy.html +13 -13
  179. package/tests/search.html +5 -5
  180. package/tests/section.html +17 -17
  181. package/tests/slidenav.html +3 -3
  182. package/tests/slider.html +5 -5
  183. package/tests/slideshow.html +3 -33
  184. package/tests/sortable.html +15 -15
  185. package/tests/sticky-navbar.html +4 -4
  186. package/tests/sticky-parallax.html +3 -3
  187. package/tests/sticky.html +3 -3
  188. package/tests/svg.html +2 -3
  189. package/tests/switcher.html +7 -7
  190. package/tests/tab.html +5 -5
  191. package/tests/text.html +3 -9
  192. package/tests/tile.html +4 -4
  193. package/tests/toggle.html +1 -1
  194. package/tests/tooltip.html +3 -3
  195. package/tests/totop.html +2 -2
  196. package/tests/transition.html +1 -1
  197. package/tests/upload.html +5 -5
  198. package/tests/utility.html +116 -16
  199. package/tests/video.html +24 -224
  200. package/tests/visibility.html +4 -4
  201. package/tests/width.html +12 -12
  202. package/dist/js/components/marquee.js +0 -215
  203. package/dist/js/components/marquee.min.js +0 -1
  204. package/src/js/components/marquee.js +0 -156
  205. package/src/js/mixin/connect.js +0 -90
  206. package/src/js/mixin/scroll-driven.js +0 -57
  207. package/src/less/components/dropcap.less +0 -71
  208. package/src/less/components/floating-shadow.less +0 -66
  209. package/src/less/components/logo.less +0 -94
  210. package/src/less/components/marquee.less +0 -133
  211. package/src/less/theme/dropcap.less +0 -29
  212. package/src/less/theme/floating-shadow.less +0 -20
  213. package/src/less/theme/logo.less +0 -29
  214. package/src/less/theme/marquee.less +0 -14
  215. package/src/scss/components/dropcap.scss +0 -63
  216. package/src/scss/components/floating-shadow.scss +0 -63
  217. package/src/scss/components/logo.scss +0 -75
  218. package/src/scss/components/marquee.scss +0 -136
  219. package/tests/dropcap.html +0 -26
  220. package/tests/floating-shadow.html +0 -44
  221. package/tests/logo.html +0 -84
  222. package/tests/marquee.html +0 -617
package/src/less/components/margin.less CHANGED
@@ -34,257 +34,226 @@
34
34
  Component: Margin
35
35
  ========================================================================== */
36
36
 
37
-
38
- /* Two or more directions
39
- ========================================================================== */
40
-
41
37
  /*
42
- * Sizes
38
+ * Default
43
39
  */
44
40
 
45
41
  .uk-margin { margin-bottom: @margin-margin; }
46
- * + .uk-margin { margin-top: @margin-margin; }
47
-
48
- .uk-margin-xsmall { margin-bottom: @margin-xsmall-margin; }
49
- * + .uk-margin-xsmall { margin-top: @margin-xsmall-margin; }
50
-
51
- .uk-margin-small { margin-bottom: @margin-small-margin; }
52
- * + .uk-margin-small { margin-top: @margin-small-margin; }
42
+ * + .uk-margin { margin-top: @margin-margin !important; }
53
43
 
54
- .uk-margin-medium { margin-bottom: @margin-medium-margin; }
55
- * + .uk-margin-medium { margin-top: @margin-medium-margin; }
44
+ .uk-margin-top { margin-top: @margin-margin !important; }
45
+ .uk-margin-bottom { margin-bottom: @margin-margin !important; }
46
+ .uk-margin-left { margin-left: @margin-margin !important; }
47
+ .uk-margin-right { margin-right: @margin-margin !important; }
56
48
 
57
- .uk-margin-large { margin-bottom: @margin-large-margin; }
58
- * + .uk-margin-large { margin-top: @margin-large-margin; }
59
49
 
60
- .uk-margin-xlarge { margin-bottom: @margin-xlarge-margin; }
61
- * + .uk-margin-xlarge { margin-top: @margin-xlarge-margin; }
50
+ /* XSmall
51
+ ========================================================================== */
62
52
 
63
- /* Desktop and bigger */
64
- @media (min-width: @breakpoint-large) {
53
+ .uk-margin-xsmall { margin-bottom: @margin-xsmall-margin; }
54
+ * + .uk-margin-xsmall { margin-top: @margin-xsmall-margin !important; }
65
55
 
66
- .uk-margin-large { margin-bottom: @margin-large-margin-l; }
67
- * + .uk-margin-large { margin-top: @margin-large-margin-l; }
56
+ .uk-margin-xsmall-top { margin-top: @margin-xsmall-margin !important; }
57
+ .uk-margin-xsmall-bottom { margin-bottom: @margin-xsmall-margin !important; }
58
+ .uk-margin-xsmall-left { margin-left: @margin-xsmall-margin !important; }
59
+ .uk-margin-xsmall-right { margin-right: @margin-xsmall-margin !important; }
68
60
 
69
- .uk-margin-xlarge { margin-bottom: @margin-xlarge-margin-l; }
70
- * + .uk-margin-xlarge { margin-top: @margin-xlarge-margin-l; }
71
61
 
72
- }
62
+ /* Small
63
+ ========================================================================== */
73
64
 
74
- /*
75
- * Auto
76
- */
65
+ .uk-margin-small { margin-bottom: @margin-small-margin; }
66
+ * + .uk-margin-small { margin-top: @margin-small-margin !important; }
77
67
 
78
- .uk-margin-auto-vertical {
79
- margin-top: auto;
80
- margin-bottom: auto;
81
- }
68
+ .uk-margin-small-top { margin-top: @margin-small-margin !important; }
69
+ .uk-margin-small-bottom { margin-bottom: @margin-small-margin !important; }
70
+ .uk-margin-small-left { margin-left: @margin-small-margin !important; }
71
+ .uk-margin-small-right { margin-right: @margin-small-margin !important; }
82
72
 
83
- .uk-margin-auto-vertical-gap { margin-bottom: auto; }
84
- * + .uk-margin-auto-vertical-gap { margin-top: auto; }
85
73
 
86
- .uk-margin-auto {
87
- margin-left: auto;
88
- margin-right: auto;
89
- }
74
+ /* Medium
75
+ ========================================================================== */
90
76
 
91
- /* Phone landscape and bigger */
92
- @media (min-width: @breakpoint-small) {
77
+ .uk-margin-medium { margin-bottom: @margin-medium-margin; }
78
+ * + .uk-margin-medium { margin-top: @margin-medium-margin !important; }
93
79
 
94
- .uk-margin-auto\@s {
95
- margin-left: auto;
96
- margin-right: auto;
97
- }
80
+ .uk-margin-medium-top { margin-top: @margin-medium-margin !important; }
81
+ .uk-margin-medium-bottom { margin-bottom: @margin-medium-margin !important; }
82
+ .uk-margin-medium-left { margin-left: @margin-medium-margin !important; }
83
+ .uk-margin-medium-right { margin-right: @margin-medium-margin !important; }
98
84
 
99
- }
100
85
 
101
- /* Tablet landscape and bigger */
102
- @media (min-width: @breakpoint-medium) {
86
+ /* Large
87
+ ========================================================================== */
103
88
 
104
- .uk-margin-auto\@m {
105
- margin-left: auto;
106
- margin-right: auto;
107
- }
89
+ .uk-margin-large { margin-bottom: @margin-large-margin; }
90
+ * + .uk-margin-large { margin-top: @margin-large-margin !important; }
108
91
 
109
- }
92
+ .uk-margin-large-top { margin-top: @margin-large-margin !important; }
93
+ .uk-margin-large-bottom { margin-bottom: @margin-large-margin !important; }
94
+ .uk-margin-large-left { margin-left: @margin-large-margin !important; }
95
+ .uk-margin-large-right { margin-right: @margin-large-margin !important; }
110
96
 
111
97
  /* Desktop and bigger */
112
98
  @media (min-width: @breakpoint-large) {
113
99
 
114
- .uk-margin-auto\@l {
115
- margin-left: auto;
116
- margin-right: auto;
117
- }
118
-
119
- }
120
-
121
- /* Large screen and bigger */
122
- @media (min-width: @breakpoint-xlarge) {
123
-
124
- .uk-margin-auto\@xl {
125
- margin-left: auto;
126
- margin-right: auto;
127
- }
128
-
129
- }
130
-
131
- /*
132
- * Remove
133
- */
100
+ .uk-margin-large { margin-bottom: @margin-large-margin-l; }
101
+ * + .uk-margin-large { margin-top: @margin-large-margin-l !important; }
134
102
 
135
- .uk-margin-remove { margin: 0; }
103
+ .uk-margin-large-top { margin-top: @margin-large-margin-l !important; }
104
+ .uk-margin-large-bottom { margin-bottom: @margin-large-margin-l !important; }
105
+ .uk-margin-large-left { margin-left: @margin-large-margin-l !important; }
106
+ .uk-margin-large-right { margin-right: @margin-large-margin-l !important; }
136
107
 
137
- .uk-margin-remove-vertical {
138
- margin-top: 0;
139
- margin-bottom: 0;
140
108
  }
141
109
 
142
110
 
143
- /* One direction
111
+ /* XLarge
144
112
  ========================================================================== */
145
113
 
146
- /*
147
- * Sizes
148
- */
149
-
150
- .uk-margin-top { margin-top: @margin-margin; }
151
- .uk-margin-bottom { margin-bottom: @margin-margin; }
152
- .uk-margin-left { margin-left: @margin-margin; }
153
- .uk-margin-right { margin-right: @margin-margin; }
154
-
155
- .uk-margin-xsmall-top { margin-top: @margin-xsmall-margin; }
156
- .uk-margin-xsmall-bottom { margin-bottom: @margin-xsmall-margin; }
157
- .uk-margin-xsmall-left { margin-left: @margin-xsmall-margin; }
158
- .uk-margin-xsmall-right { margin-right: @margin-xsmall-margin; }
114
+ .uk-margin-xlarge { margin-bottom: @margin-xlarge-margin; }
115
+ * + .uk-margin-xlarge { margin-top: @margin-xlarge-margin !important; }
159
116
 
160
- .uk-margin-small-top { margin-top: @margin-small-margin; }
161
- .uk-margin-small-bottom { margin-bottom: @margin-small-margin; }
162
- .uk-margin-small-left { margin-left: @margin-small-margin; }
163
- .uk-margin-small-right { margin-right: @margin-small-margin; }
117
+ .uk-margin-xlarge-top { margin-top: @margin-xlarge-margin !important; }
118
+ .uk-margin-xlarge-bottom { margin-bottom: @margin-xlarge-margin !important; }
119
+ .uk-margin-xlarge-left { margin-left: @margin-xlarge-margin !important; }
120
+ .uk-margin-xlarge-right { margin-right: @margin-xlarge-margin !important; }
164
121
 
165
- .uk-margin-medium-top { margin-top: @margin-medium-margin; }
166
- .uk-margin-medium-bottom { margin-bottom: @margin-medium-margin; }
167
- .uk-margin-medium-left { margin-left: @margin-medium-margin; }
168
- .uk-margin-medium-right { margin-right: @margin-medium-margin; }
122
+ /* Desktop and bigger */
123
+ @media (min-width: @breakpoint-large) {
169
124
 
170
- .uk-margin-large-top { margin-top: @margin-large-margin; }
171
- .uk-margin-large-bottom { margin-bottom: @margin-large-margin; }
172
- .uk-margin-large-left { margin-left: @margin-large-margin; }
173
- .uk-margin-large-right { margin-right: @margin-large-margin; }
125
+ .uk-margin-xlarge { margin-bottom: @margin-xlarge-margin-l; }
126
+ * + .uk-margin-xlarge { margin-top: @margin-xlarge-margin-l !important; }
174
127
 
175
- .uk-margin-xlarge-top { margin-top: @margin-xlarge-margin; }
176
- .uk-margin-xlarge-bottom { margin-bottom: @margin-xlarge-margin; }
177
- .uk-margin-xlarge-left { margin-left: @margin-xlarge-margin; }
178
- .uk-margin-xlarge-right { margin-right: @margin-xlarge-margin; }
128
+ .uk-margin-xlarge-top { margin-top: @margin-xlarge-margin-l !important; }
129
+ .uk-margin-xlarge-bottom { margin-bottom: @margin-xlarge-margin-l !important; }
130
+ .uk-margin-xlarge-left { margin-left: @margin-xlarge-margin-l !important; }
131
+ .uk-margin-xlarge-right { margin-right: @margin-xlarge-margin-l !important; }
179
132
 
180
- /* Desktop and bigger */
181
- @media (min-width: @breakpoint-large) {
133
+ }
182
134
 
183
- .uk-margin-large-top { margin-top: @margin-large-margin-l; }
184
- .uk-margin-large-bottom { margin-bottom: @margin-large-margin-l; }
185
- .uk-margin-large-left { margin-left: @margin-large-margin-l; }
186
- .uk-margin-large-right { margin-right: @margin-large-margin-l; }
187
135
 
188
- .uk-margin-xlarge-top { margin-top: @margin-xlarge-margin-l; }
189
- .uk-margin-xlarge-bottom { margin-bottom: @margin-xlarge-margin-l; }
190
- .uk-margin-xlarge-left { margin-left: @margin-xlarge-margin-l; }
191
- .uk-margin-xlarge-right { margin-right: @margin-xlarge-margin-l; }
136
+ /* Auto
137
+ ========================================================================== */
192
138
 
139
+ .uk-margin-auto {
140
+ margin-left: auto !important;
141
+ margin-right: auto !important;
193
142
  }
194
143
 
195
- /*
196
- * Auto
197
- */
144
+ .uk-margin-auto-top { margin-top: auto !important; }
145
+ .uk-margin-auto-bottom { margin-bottom: auto !important; }
146
+ .uk-margin-auto-left { margin-left: auto !important; }
147
+ .uk-margin-auto-right { margin-right: auto !important; }
198
148
 
199
- .uk-margin-auto-top { margin-top: auto; }
200
- .uk-margin-auto-bottom { margin-bottom: auto; }
201
- .uk-margin-auto-left { margin-left: auto; }
202
- .uk-margin-auto-right { margin-right: auto; }
149
+ .uk-margin-auto-vertical {
150
+ margin-top: auto !important;
151
+ margin-bottom: auto !important;
152
+ }
203
153
 
204
154
  /* Phone landscape and bigger */
205
155
  @media (min-width: @breakpoint-small) {
206
156
 
207
- .uk-margin-auto-left\@s { margin-left: auto; }
208
- .uk-margin-auto-right\@s { margin-right: auto; }
157
+ .uk-margin-auto\@s {
158
+ margin-left: auto !important;
159
+ margin-right: auto !important;
160
+ }
161
+
162
+ .uk-margin-auto-left\@s { margin-left: auto !important; }
163
+ .uk-margin-auto-right\@s { margin-right: auto !important; }
209
164
 
210
165
  }
211
166
 
212
167
  /* Tablet landscape and bigger */
213
168
  @media (min-width: @breakpoint-medium) {
214
169
 
215
- .uk-margin-auto-left\@m { margin-left: auto; }
216
- .uk-margin-auto-right\@m { margin-right: auto; }
170
+ .uk-margin-auto\@m {
171
+ margin-left: auto !important;
172
+ margin-right: auto !important;
173
+ }
174
+
175
+ .uk-margin-auto-left\@m { margin-left: auto !important; }
176
+ .uk-margin-auto-right\@m { margin-right: auto !important; }
217
177
 
218
178
  }
219
179
 
220
180
  /* Desktop and bigger */
221
181
  @media (min-width: @breakpoint-large) {
222
182
 
223
- .uk-margin-auto-left\@l { margin-left: auto; }
224
- .uk-margin-auto-right\@l { margin-right: auto; }
183
+ .uk-margin-auto\@l {
184
+ margin-left: auto !important;
185
+ margin-right: auto !important;
186
+ }
187
+
188
+ .uk-margin-auto-left\@l { margin-left: auto !important; }
189
+ .uk-margin-auto-right\@l { margin-right: auto !important; }
225
190
 
226
191
  }
227
192
 
228
193
  /* Large screen and bigger */
229
194
  @media (min-width: @breakpoint-xlarge) {
230
195
 
231
- .uk-margin-auto-left\@xl { margin-left: auto; }
232
- .uk-margin-auto-right\@xl { margin-right: auto; }
196
+ .uk-margin-auto\@xl {
197
+ margin-left: auto !important;
198
+ margin-right: auto !important;
199
+ }
200
+
201
+ .uk-margin-auto-left\@xl { margin-left: auto !important; }
202
+ .uk-margin-auto-right\@xl { margin-right: auto !important; }
233
203
 
234
204
  }
235
205
 
236
- /*
237
- * Remove
238
- */
239
206
 
240
- .uk-margin-remove-top { margin-top: 0; }
241
- .uk-margin-remove-bottom { margin-bottom: 0; }
242
- .uk-margin-remove-left { margin-left: 0; }
243
- .uk-margin-remove-right { margin-right: 0; }
207
+ /* Remove
208
+ ========================================================================== */
209
+
210
+ .uk-margin-remove { margin: 0 !important; }
211
+ .uk-margin-remove-top { margin-top: 0 !important; }
212
+ .uk-margin-remove-bottom { margin-bottom: 0 !important; }
213
+ .uk-margin-remove-left { margin-left: 0 !important; }
214
+ .uk-margin-remove-right { margin-right: 0 !important; }
215
+
216
+ .uk-margin-remove-vertical {
217
+ margin-top: 0 !important;
218
+ margin-bottom: 0 !important;
219
+ }
244
220
 
245
221
  .uk-margin-remove-adjacent + *,
246
- .uk-margin-remove-first-child > :first-child { margin-top: 0; }
247
- .uk-margin-remove-last-child > :last-child { margin-bottom: 0; }
222
+ .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; }
223
+ .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; }
248
224
 
249
225
  /* Phone landscape and bigger */
250
226
  @media (min-width: @breakpoint-small) {
251
227
 
252
- .uk-margin-remove-left\@s { margin-left: 0; }
253
- .uk-margin-remove-right\@s { margin-right: 0; }
228
+ .uk-margin-remove-left\@s { margin-left: 0 !important; }
229
+ .uk-margin-remove-right\@s { margin-right: 0 !important; }
254
230
 
255
231
  }
256
232
 
257
233
  /* Tablet landscape and bigger */
258
234
  @media (min-width: @breakpoint-medium) {
259
235
 
260
- .uk-margin-remove-left\@m { margin-left: 0; }
261
- .uk-margin-remove-right\@m { margin-right: 0; }
236
+ .uk-margin-remove-left\@m { margin-left: 0 !important; }
237
+ .uk-margin-remove-right\@m { margin-right: 0 !important; }
262
238
 
263
239
  }
264
240
 
265
241
  /* Desktop and bigger */
266
242
  @media (min-width: @breakpoint-large) {
267
243
 
268
- .uk-margin-remove-left\@l { margin-left: 0; }
269
- .uk-margin-remove-right\@l { margin-right: 0; }
244
+ .uk-margin-remove-left\@l { margin-left: 0 !important; }
245
+ .uk-margin-remove-right\@l { margin-right: 0 !important; }
270
246
 
271
247
  }
272
248
 
273
249
  /* Large screen and bigger */
274
250
  @media (min-width: @breakpoint-xlarge) {
275
251
 
276
- .uk-margin-remove-left\@xl { margin-left: 0; }
277
- .uk-margin-remove-right\@xl { margin-right: 0; }
252
+ .uk-margin-remove-left\@xl { margin-left: 0 !important; }
253
+ .uk-margin-remove-right\@xl { margin-right: 0 !important; }
278
254
 
279
255
  }
280
256
 
281
- /*
282
- * Trim
283
- */
284
-
285
- .uk-margin-trim-block > :first-child { margin-top: 0; }
286
- .uk-margin-trim-block > :last-child { margin-bottom: 0; }
287
-
288
257
 
289
258
  // Hooks
290
259
  // ========================================================================
package/src/less/components/modal.less CHANGED
@@ -87,7 +87,10 @@
87
87
  display: none;
88
88
  /* 2 */
89
89
  position: fixed;
90
- inset: 0;
90
+ top: 0;
91
+ right: 0;
92
+ bottom: 0;
93
+ left: 0;
91
94
  z-index: @modal-z-index;
92
95
  /* 3 */
93
96
  overflow-y: auto;
package/src/less/components/nav.less CHANGED
@@ -143,7 +143,7 @@
143
143
  align-items: center;
144
144
  /* 2 */
145
145
  column-gap: 0.25em;
146
- /* 3 */
146
+ /* 3*/
147
147
  text-decoration: none;
148
148
  }
149
149
 
package/src/less/components/navbar.less CHANGED
@@ -431,7 +431,7 @@
431
431
  .uk-navbar-dropdown .uk-drop-grid > * { padding-left: @navbar-dropdown-grid-gutter-horizontal; }
432
432
 
433
433
  /* Gutter Vertical */
434
- .uk-navbar-dropdown .uk-drop-grid { row-gap: @navbar-dropdown-grid-gutter-vertical; }
434
+ .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { margin-top: @navbar-dropdown-grid-gutter-vertical; }
435
435
 
436
436
  /*
437
437
  * Width modifier
package/src/less/components/padding.less CHANGED
@@ -56,20 +56,20 @@
56
56
  /* Remove
57
57
  ========================================================================== */
58
58
 
59
- .uk-padding-remove { padding: 0; }
60
- .uk-padding-remove-top { padding-top: 0; }
61
- .uk-padding-remove-bottom { padding-bottom: 0; }
62
- .uk-padding-remove-left { padding-left: 0; }
63
- .uk-padding-remove-right { padding-right: 0; }
59
+ .uk-padding-remove { padding: 0 !important; }
60
+ .uk-padding-remove-top { padding-top: 0 !important; }
61
+ .uk-padding-remove-bottom { padding-bottom: 0 !important; }
62
+ .uk-padding-remove-left { padding-left: 0 !important; }
63
+ .uk-padding-remove-right { padding-right: 0 !important; }
64
64
 
65
65
  .uk-padding-remove-vertical {
66
- padding-top: 0;
67
- padding-bottom: 0;
66
+ padding-top: 0 !important;
67
+ padding-bottom: 0 !important;
68
68
  }
69
69
 
70
70
  .uk-padding-remove-horizontal {
71
- padding-left: 0;
72
- padding-right: 0;
71
+ padding-left: 0 !important;
72
+ padding-right: 0 !important;
73
73
  }
74
74
 
75
75
 
package/src/less/components/position.less CHANGED
@@ -175,19 +175,14 @@
175
175
 
176
176
  /*
177
177
  * Cover
178
- * 1. Make replaced elements (e.g. images and videos) fill the container
179
178
  */
180
179
 
181
180
  .uk-position-cover {
182
181
  position: absolute;
183
- inset: 0;
184
- }
185
-
186
- /* 1 */
187
- :where(img, video).uk-position-cover {
188
- box-sizing: border-box;
189
- width: ~'calc(100% - (var(--uk-position-margin-offset) * 2))';
190
- height: ~'calc(100% - (var(--uk-position-margin-offset) * 2))';
182
+ top: 0;
183
+ bottom: 0;
184
+ left: 0;
185
+ right: 0;
191
186
  }
192
187
 
193
188
 
package/src/less/components/search.less CHANGED
@@ -176,7 +176,7 @@
176
176
  * Make `input` element clickable through icon, e.g. if it's a `span`
177
177
  */
178
178
 
179
- .uk-search .uk-search-icon:not(a, button, input) { pointer-events: none; }
179
+ .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; }
180
180
 
181
181
  /*
182
182
  * Position modifier
package/src/less/components/slideshow.less CHANGED
@@ -66,8 +66,11 @@
66
66
  .uk-slideshow-items > * {
67
67
  /* 1 */
68
68
  position: absolute;
69
+ top: 0;
70
+ left: 0;
69
71
  /* 2 */
70
- inset: 0;
72
+ right: 0;
73
+ bottom: 0;
71
74
  /* 3 */
72
75
  overflow: hidden;
73
76
  /* 4 */
package/src/less/components/switcher.less CHANGED
@@ -27,13 +27,10 @@
27
27
  ========================================================================== */
28
28
 
29
29
  /*
30
- * 1. Hide not active items
31
- * 2. Do not hide the first child if the switcher is not activated
30
+ * Hide not active items
32
31
  */
33
32
 
34
- /* 1 */
35
- .uk-switcher:has(> .uk-active) > :not(.uk-active),
36
- .uk-switcher:not(:has(> .uk-active)) > :not(:first-child) { display: none; }
33
+ .uk-switcher > :not(.uk-active) { display: none; }
37
34
 
38
35
  /*
39
36
  * Remove margin from the last-child
package/src/less/components/table.less CHANGED
@@ -259,12 +259,12 @@
259
259
  white-space: normal !important;
260
260
  }
261
261
 
262
- .uk-table-responsive th:not(:first-child, .uk-table-link),
263
- .uk-table-responsive td:not(:first-child, .uk-table-link),
262
+ .uk-table-responsive th:not(:first-child):not(.uk-table-link),
263
+ .uk-table-responsive td:not(:first-child):not(.uk-table-link),
264
264
  .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round((@table-cell-padding-vertical / 3)) !important; }
265
265
 
266
- .uk-table-responsive th:not(:last-child, .uk-table-link),
267
- .uk-table-responsive td:not(:last-child, .uk-table-link),
266
+ .uk-table-responsive th:not(:last-child):not(.uk-table-link),
267
+ .uk-table-responsive td:not(:last-child):not(.uk-table-link),
268
268
  .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round((@table-cell-padding-vertical / 3)) !important; }
269
269
 
270
270
  .uk-table-justify.uk-table-responsive th,
package/src/less/components/text.less CHANGED
@@ -234,17 +234,11 @@ td.uk-text-truncate { max-width: 0; }
234
234
  * Note: Not using `hyphens: auto` because it hyphenates text even if not needed.
235
235
  */
236
236
 
237
- .uk-text-break { overflow-wrap: break-word; }
237
+ .uk-text-break { overflow-wrap: break-word; }
238
238
 
239
- /* 1 */
240
- th.uk-text-break,
241
- td.uk-text-break { word-break: break-word; }
242
-
243
- /*
244
- * Balance text when wrapping onto multiple lines
245
- */
246
-
247
- .uk-text-balance { text-wrap: balance; }
239
+ /* 1 */
240
+ th.uk-text-break,
241
+ td.uk-text-break { word-break: break-word; }
248
242
 
249
243
 
250
244
  /* Stroke modifiers