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/scss/components/margin.scss CHANGED
@@ -28,257 +28,226 @@
28
28
  Component: Margin
29
29
  ========================================================================== */
30
30
 
31
-
32
- /* Two or more directions
33
- ========================================================================== */
34
-
35
31
  /*
36
- * Sizes
32
+ * Default
37
33
  */
38
34
 
39
35
  .uk-margin { margin-bottom: $margin-margin; }
40
- * + .uk-margin { margin-top: $margin-margin; }
41
-
42
- .uk-margin-xsmall { margin-bottom: $margin-xsmall-margin; }
43
- * + .uk-margin-xsmall { margin-top: $margin-xsmall-margin; }
44
-
45
- .uk-margin-small { margin-bottom: $margin-small-margin; }
46
- * + .uk-margin-small { margin-top: $margin-small-margin; }
36
+ * + .uk-margin { margin-top: $margin-margin !important; }
47
37
 
48
- .uk-margin-medium { margin-bottom: $margin-medium-margin; }
49
- * + .uk-margin-medium { margin-top: $margin-medium-margin; }
38
+ .uk-margin-top { margin-top: $margin-margin !important; }
39
+ .uk-margin-bottom { margin-bottom: $margin-margin !important; }
40
+ .uk-margin-left { margin-left: $margin-margin !important; }
41
+ .uk-margin-right { margin-right: $margin-margin !important; }
50
42
 
51
- .uk-margin-large { margin-bottom: $margin-large-margin; }
52
- * + .uk-margin-large { margin-top: $margin-large-margin; }
53
43
 
54
- .uk-margin-xlarge { margin-bottom: $margin-xlarge-margin; }
55
- * + .uk-margin-xlarge { margin-top: $margin-xlarge-margin; }
44
+ /* XSmall
45
+ ========================================================================== */
56
46
 
57
- /* Desktop and bigger */
58
- @media (min-width: $breakpoint-large) {
47
+ .uk-margin-xsmall { margin-bottom: $margin-xsmall-margin; }
48
+ * + .uk-margin-xsmall { margin-top: $margin-xsmall-margin !important; }
59
49
 
60
- .uk-margin-large { margin-bottom: $margin-large-margin-l; }
61
- * + .uk-margin-large { margin-top: $margin-large-margin-l; }
50
+ .uk-margin-xsmall-top { margin-top: $margin-xsmall-margin !important; }
51
+ .uk-margin-xsmall-bottom { margin-bottom: $margin-xsmall-margin !important; }
52
+ .uk-margin-xsmall-left { margin-left: $margin-xsmall-margin !important; }
53
+ .uk-margin-xsmall-right { margin-right: $margin-xsmall-margin !important; }
62
54
 
63
- .uk-margin-xlarge { margin-bottom: $margin-xlarge-margin-l; }
64
- * + .uk-margin-xlarge { margin-top: $margin-xlarge-margin-l; }
65
55
 
66
- }
56
+ /* Small
57
+ ========================================================================== */
67
58
 
68
- /*
69
- * Auto
70
- */
59
+ .uk-margin-small { margin-bottom: $margin-small-margin; }
60
+ * + .uk-margin-small { margin-top: $margin-small-margin !important; }
71
61
 
72
- .uk-margin-auto-vertical {
73
- margin-top: auto;
74
- margin-bottom: auto;
75
- }
62
+ .uk-margin-small-top { margin-top: $margin-small-margin !important; }
63
+ .uk-margin-small-bottom { margin-bottom: $margin-small-margin !important; }
64
+ .uk-margin-small-left { margin-left: $margin-small-margin !important; }
65
+ .uk-margin-small-right { margin-right: $margin-small-margin !important; }
76
66
 
77
- .uk-margin-auto-vertical-gap { margin-bottom: auto; }
78
- * + .uk-margin-auto-vertical-gap { margin-top: auto; }
79
67
 
80
- .uk-margin-auto {
81
- margin-left: auto;
82
- margin-right: auto;
83
- }
68
+ /* Medium
69
+ ========================================================================== */
84
70
 
85
- /* Phone landscape and bigger */
86
- @media (min-width: $breakpoint-small) {
71
+ .uk-margin-medium { margin-bottom: $margin-medium-margin; }
72
+ * + .uk-margin-medium { margin-top: $margin-medium-margin !important; }
87
73
 
88
- .uk-margin-auto\@s {
89
- margin-left: auto;
90
- margin-right: auto;
91
- }
74
+ .uk-margin-medium-top { margin-top: $margin-medium-margin !important; }
75
+ .uk-margin-medium-bottom { margin-bottom: $margin-medium-margin !important; }
76
+ .uk-margin-medium-left { margin-left: $margin-medium-margin !important; }
77
+ .uk-margin-medium-right { margin-right: $margin-medium-margin !important; }
92
78
 
93
- }
94
79
 
95
- /* Tablet landscape and bigger */
96
- @media (min-width: $breakpoint-medium) {
80
+ /* Large
81
+ ========================================================================== */
97
82
 
98
- .uk-margin-auto\@m {
99
- margin-left: auto;
100
- margin-right: auto;
101
- }
83
+ .uk-margin-large { margin-bottom: $margin-large-margin; }
84
+ * + .uk-margin-large { margin-top: $margin-large-margin !important; }
102
85
 
103
- }
86
+ .uk-margin-large-top { margin-top: $margin-large-margin !important; }
87
+ .uk-margin-large-bottom { margin-bottom: $margin-large-margin !important; }
88
+ .uk-margin-large-left { margin-left: $margin-large-margin !important; }
89
+ .uk-margin-large-right { margin-right: $margin-large-margin !important; }
104
90
 
105
91
  /* Desktop and bigger */
106
92
  @media (min-width: $breakpoint-large) {
107
93
 
108
- .uk-margin-auto\@l {
109
- margin-left: auto;
110
- margin-right: auto;
111
- }
112
-
113
- }
114
-
115
- /* Large screen and bigger */
116
- @media (min-width: $breakpoint-xlarge) {
117
-
118
- .uk-margin-auto\@xl {
119
- margin-left: auto;
120
- margin-right: auto;
121
- }
122
-
123
- }
124
-
125
- /*
126
- * Remove
127
- */
94
+ .uk-margin-large { margin-bottom: $margin-large-margin-l; }
95
+ * + .uk-margin-large { margin-top: $margin-large-margin-l !important; }
128
96
 
129
- .uk-margin-remove { margin: 0; }
97
+ .uk-margin-large-top { margin-top: $margin-large-margin-l !important; }
98
+ .uk-margin-large-bottom { margin-bottom: $margin-large-margin-l !important; }
99
+ .uk-margin-large-left { margin-left: $margin-large-margin-l !important; }
100
+ .uk-margin-large-right { margin-right: $margin-large-margin-l !important; }
130
101
 
131
- .uk-margin-remove-vertical {
132
- margin-top: 0;
133
- margin-bottom: 0;
134
102
  }
135
103
 
136
104
 
137
- /* One direction
105
+ /* XLarge
138
106
  ========================================================================== */
139
107
 
140
- /*
141
- * Sizes
142
- */
143
-
144
- .uk-margin-top { margin-top: $margin-margin; }
145
- .uk-margin-bottom { margin-bottom: $margin-margin; }
146
- .uk-margin-left { margin-left: $margin-margin; }
147
- .uk-margin-right { margin-right: $margin-margin; }
148
-
149
- .uk-margin-xsmall-top { margin-top: $margin-xsmall-margin; }
150
- .uk-margin-xsmall-bottom { margin-bottom: $margin-xsmall-margin; }
151
- .uk-margin-xsmall-left { margin-left: $margin-xsmall-margin; }
152
- .uk-margin-xsmall-right { margin-right: $margin-xsmall-margin; }
108
+ .uk-margin-xlarge { margin-bottom: $margin-xlarge-margin; }
109
+ * + .uk-margin-xlarge { margin-top: $margin-xlarge-margin !important; }
153
110
 
154
- .uk-margin-small-top { margin-top: $margin-small-margin; }
155
- .uk-margin-small-bottom { margin-bottom: $margin-small-margin; }
156
- .uk-margin-small-left { margin-left: $margin-small-margin; }
157
- .uk-margin-small-right { margin-right: $margin-small-margin; }
111
+ .uk-margin-xlarge-top { margin-top: $margin-xlarge-margin !important; }
112
+ .uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin !important; }
113
+ .uk-margin-xlarge-left { margin-left: $margin-xlarge-margin !important; }
114
+ .uk-margin-xlarge-right { margin-right: $margin-xlarge-margin !important; }
158
115
 
159
- .uk-margin-medium-top { margin-top: $margin-medium-margin; }
160
- .uk-margin-medium-bottom { margin-bottom: $margin-medium-margin; }
161
- .uk-margin-medium-left { margin-left: $margin-medium-margin; }
162
- .uk-margin-medium-right { margin-right: $margin-medium-margin; }
116
+ /* Desktop and bigger */
117
+ @media (min-width: $breakpoint-large) {
163
118
 
164
- .uk-margin-large-top { margin-top: $margin-large-margin; }
165
- .uk-margin-large-bottom { margin-bottom: $margin-large-margin; }
166
- .uk-margin-large-left { margin-left: $margin-large-margin; }
167
- .uk-margin-large-right { margin-right: $margin-large-margin; }
119
+ .uk-margin-xlarge { margin-bottom: $margin-xlarge-margin-l; }
120
+ * + .uk-margin-xlarge { margin-top: $margin-xlarge-margin-l !important; }
168
121
 
169
- .uk-margin-xlarge-top { margin-top: $margin-xlarge-margin; }
170
- .uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin; }
171
- .uk-margin-xlarge-left { margin-left: $margin-xlarge-margin; }
172
- .uk-margin-xlarge-right { margin-right: $margin-xlarge-margin; }
122
+ .uk-margin-xlarge-top { margin-top: $margin-xlarge-margin-l !important; }
123
+ .uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin-l !important; }
124
+ .uk-margin-xlarge-left { margin-left: $margin-xlarge-margin-l !important; }
125
+ .uk-margin-xlarge-right { margin-right: $margin-xlarge-margin-l !important; }
173
126
 
174
- /* Desktop and bigger */
175
- @media (min-width: $breakpoint-large) {
127
+ }
176
128
 
177
- .uk-margin-large-top { margin-top: $margin-large-margin-l; }
178
- .uk-margin-large-bottom { margin-bottom: $margin-large-margin-l; }
179
- .uk-margin-large-left { margin-left: $margin-large-margin-l; }
180
- .uk-margin-large-right { margin-right: $margin-large-margin-l; }
181
129
 
182
- .uk-margin-xlarge-top { margin-top: $margin-xlarge-margin-l; }
183
- .uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin-l; }
184
- .uk-margin-xlarge-left { margin-left: $margin-xlarge-margin-l; }
185
- .uk-margin-xlarge-right { margin-right: $margin-xlarge-margin-l; }
130
+ /* Auto
131
+ ========================================================================== */
186
132
 
133
+ .uk-margin-auto {
134
+ margin-left: auto !important;
135
+ margin-right: auto !important;
187
136
  }
188
137
 
189
- /*
190
- * Auto
191
- */
138
+ .uk-margin-auto-top { margin-top: auto !important; }
139
+ .uk-margin-auto-bottom { margin-bottom: auto !important; }
140
+ .uk-margin-auto-left { margin-left: auto !important; }
141
+ .uk-margin-auto-right { margin-right: auto !important; }
192
142
 
193
- .uk-margin-auto-top { margin-top: auto; }
194
- .uk-margin-auto-bottom { margin-bottom: auto; }
195
- .uk-margin-auto-left { margin-left: auto; }
196
- .uk-margin-auto-right { margin-right: auto; }
143
+ .uk-margin-auto-vertical {
144
+ margin-top: auto !important;
145
+ margin-bottom: auto !important;
146
+ }
197
147
 
198
148
  /* Phone landscape and bigger */
199
149
  @media (min-width: $breakpoint-small) {
200
150
 
201
- .uk-margin-auto-left\@s { margin-left: auto; }
202
- .uk-margin-auto-right\@s { margin-right: auto; }
151
+ .uk-margin-auto\@s {
152
+ margin-left: auto !important;
153
+ margin-right: auto !important;
154
+ }
155
+
156
+ .uk-margin-auto-left\@s { margin-left: auto !important; }
157
+ .uk-margin-auto-right\@s { margin-right: auto !important; }
203
158
 
204
159
  }
205
160
 
206
161
  /* Tablet landscape and bigger */
207
162
  @media (min-width: $breakpoint-medium) {
208
163
 
209
- .uk-margin-auto-left\@m { margin-left: auto; }
210
- .uk-margin-auto-right\@m { margin-right: auto; }
164
+ .uk-margin-auto\@m {
165
+ margin-left: auto !important;
166
+ margin-right: auto !important;
167
+ }
168
+
169
+ .uk-margin-auto-left\@m { margin-left: auto !important; }
170
+ .uk-margin-auto-right\@m { margin-right: auto !important; }
211
171
 
212
172
  }
213
173
 
214
174
  /* Desktop and bigger */
215
175
  @media (min-width: $breakpoint-large) {
216
176
 
217
- .uk-margin-auto-left\@l { margin-left: auto; }
218
- .uk-margin-auto-right\@l { margin-right: auto; }
177
+ .uk-margin-auto\@l {
178
+ margin-left: auto !important;
179
+ margin-right: auto !important;
180
+ }
181
+
182
+ .uk-margin-auto-left\@l { margin-left: auto !important; }
183
+ .uk-margin-auto-right\@l { margin-right: auto !important; }
219
184
 
220
185
  }
221
186
 
222
187
  /* Large screen and bigger */
223
188
  @media (min-width: $breakpoint-xlarge) {
224
189
 
225
- .uk-margin-auto-left\@xl { margin-left: auto; }
226
- .uk-margin-auto-right\@xl { margin-right: auto; }
190
+ .uk-margin-auto\@xl {
191
+ margin-left: auto !important;
192
+ margin-right: auto !important;
193
+ }
194
+
195
+ .uk-margin-auto-left\@xl { margin-left: auto !important; }
196
+ .uk-margin-auto-right\@xl { margin-right: auto !important; }
227
197
 
228
198
  }
229
199
 
230
- /*
231
- * Remove
232
- */
233
200
 
234
- .uk-margin-remove-top { margin-top: 0; }
235
- .uk-margin-remove-bottom { margin-bottom: 0; }
236
- .uk-margin-remove-left { margin-left: 0; }
237
- .uk-margin-remove-right { margin-right: 0; }
201
+ /* Remove
202
+ ========================================================================== */
203
+
204
+ .uk-margin-remove { margin: 0 !important; }
205
+ .uk-margin-remove-top { margin-top: 0 !important; }
206
+ .uk-margin-remove-bottom { margin-bottom: 0 !important; }
207
+ .uk-margin-remove-left { margin-left: 0 !important; }
208
+ .uk-margin-remove-right { margin-right: 0 !important; }
209
+
210
+ .uk-margin-remove-vertical {
211
+ margin-top: 0 !important;
212
+ margin-bottom: 0 !important;
213
+ }
238
214
 
239
215
  .uk-margin-remove-adjacent + *,
240
- .uk-margin-remove-first-child > :first-child { margin-top: 0; }
241
- .uk-margin-remove-last-child > :last-child { margin-bottom: 0; }
216
+ .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; }
217
+ .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; }
242
218
 
243
219
  /* Phone landscape and bigger */
244
220
  @media (min-width: $breakpoint-small) {
245
221
 
246
- .uk-margin-remove-left\@s { margin-left: 0; }
247
- .uk-margin-remove-right\@s { margin-right: 0; }
222
+ .uk-margin-remove-left\@s { margin-left: 0 !important; }
223
+ .uk-margin-remove-right\@s { margin-right: 0 !important; }
248
224
 
249
225
  }
250
226
 
251
227
  /* Tablet landscape and bigger */
252
228
  @media (min-width: $breakpoint-medium) {
253
229
 
254
- .uk-margin-remove-left\@m { margin-left: 0; }
255
- .uk-margin-remove-right\@m { margin-right: 0; }
230
+ .uk-margin-remove-left\@m { margin-left: 0 !important; }
231
+ .uk-margin-remove-right\@m { margin-right: 0 !important; }
256
232
 
257
233
  }
258
234
 
259
235
  /* Desktop and bigger */
260
236
  @media (min-width: $breakpoint-large) {
261
237
 
262
- .uk-margin-remove-left\@l { margin-left: 0; }
263
- .uk-margin-remove-right\@l { margin-right: 0; }
238
+ .uk-margin-remove-left\@l { margin-left: 0 !important; }
239
+ .uk-margin-remove-right\@l { margin-right: 0 !important; }
264
240
 
265
241
  }
266
242
 
267
243
  /* Large screen and bigger */
268
244
  @media (min-width: $breakpoint-xlarge) {
269
245
 
270
- .uk-margin-remove-left\@xl { margin-left: 0; }
271
- .uk-margin-remove-right\@xl { margin-right: 0; }
246
+ .uk-margin-remove-left\@xl { margin-left: 0 !important; }
247
+ .uk-margin-remove-right\@xl { margin-right: 0 !important; }
272
248
 
273
249
  }
274
250
 
275
- /*
276
- * Trim
277
- */
278
-
279
- .uk-margin-trim-block > :first-child { margin-top: 0; }
280
- .uk-margin-trim-block > :last-child { margin-bottom: 0; }
281
-
282
251
 
283
252
  // Hooks
284
253
  // ========================================================================
package/src/scss/components/modal.scss CHANGED
@@ -57,7 +57,10 @@
57
57
  display: none;
58
58
  /* 2 */
59
59
  position: fixed;
60
- inset: 0;
60
+ top: 0;
61
+ right: 0;
62
+ bottom: 0;
63
+ left: 0;
61
64
  z-index: $modal-z-index;
62
65
  /* 3 */
63
66
  overflow-y: auto;
package/src/scss/components/nav.scss CHANGED
@@ -80,7 +80,7 @@ $nav-xlarge-font-size-l: 8rem !default; // 128px
80
80
  align-items: center;
81
81
  /* 2 */
82
82
  column-gap: 0.25em;
83
- /* 3 */
83
+ /* 3*/
84
84
  text-decoration: none;
85
85
  }
86
86
 
package/src/scss/components/navbar.scss CHANGED
@@ -387,7 +387,7 @@ $navbar-nav-gap: 0px !default; // Must have a un
387
387
  .uk-navbar-dropdown .uk-drop-grid > * { padding-left: $navbar-dropdown-grid-gutter-horizontal; }
388
388
 
389
389
  /* Gutter Vertical */
390
- .uk-navbar-dropdown .uk-drop-grid { row-gap: $navbar-dropdown-grid-gutter-vertical; }
390
+ .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { margin-top: $navbar-dropdown-grid-gutter-vertical; }
391
391
 
392
392
  /*
393
393
  * Width modifier
package/src/scss/components/padding.scss CHANGED
@@ -53,20 +53,20 @@
53
53
  /* Remove
54
54
  ========================================================================== */
55
55
 
56
- .uk-padding-remove { padding: 0; }
57
- .uk-padding-remove-top { padding-top: 0; }
58
- .uk-padding-remove-bottom { padding-bottom: 0; }
59
- .uk-padding-remove-left { padding-left: 0; }
60
- .uk-padding-remove-right { padding-right: 0; }
56
+ .uk-padding-remove { padding: 0 !important; }
57
+ .uk-padding-remove-top { padding-top: 0 !important; }
58
+ .uk-padding-remove-bottom { padding-bottom: 0 !important; }
59
+ .uk-padding-remove-left { padding-left: 0 !important; }
60
+ .uk-padding-remove-right { padding-right: 0 !important; }
61
61
 
62
62
  .uk-padding-remove-vertical {
63
- padding-top: 0;
64
- padding-bottom: 0;
63
+ padding-top: 0 !important;
64
+ padding-bottom: 0 !important;
65
65
  }
66
66
 
67
67
  .uk-padding-remove-horizontal {
68
- padding-left: 0;
69
- padding-right: 0;
68
+ padding-left: 0 !important;
69
+ padding-right: 0 !important;
70
70
  }
71
71
 
72
72
 
package/src/scss/components/position.scss CHANGED
@@ -174,19 +174,14 @@
174
174
 
175
175
  /*
176
176
  * Cover
177
- * 1. Make replaced elements (e.g. images and videos) fill the container
178
177
  */
179
178
 
180
179
  .uk-position-cover {
181
180
  position: absolute;
182
- inset: 0;
183
- }
184
-
185
- /* 1 */
186
- :where(img, video).uk-position-cover {
187
- box-sizing: border-box;
188
- width: string.unquote('calc(100% - (var(--uk-position-margin-offset) * 2))');
189
- height: string.unquote('calc(100% - (var(--uk-position-margin-offset) * 2))');
181
+ top: 0;
182
+ bottom: 0;
183
+ left: 0;
184
+ right: 0;
190
185
  }
191
186
 
192
187
 
package/src/scss/components/search.scss CHANGED
@@ -143,7 +143,7 @@
143
143
  * Make `input` element clickable through icon, e.g. if it's a `span`
144
144
  */
145
145
 
146
- .uk-search .uk-search-icon:not(a, button, input) { pointer-events: none; }
146
+ .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; }
147
147
 
148
148
  /*
149
149
  * Position modifier
package/src/scss/components/slideshow.scss CHANGED
@@ -68,8 +68,11 @@
68
68
  .uk-slideshow-items > * {
69
69
  /* 1 */
70
70
  position: absolute;
71
+ top: 0;
72
+ left: 0;
71
73
  /* 2 */
72
- inset: 0;
74
+ right: 0;
75
+ bottom: 0;
73
76
  /* 3 */
74
77
  overflow: hidden;
75
78
  /* 4 */
package/src/scss/components/switcher.scss CHANGED
@@ -29,13 +29,10 @@
29
29
  ========================================================================== */
30
30
 
31
31
  /*
32
- * 1. Hide not active items
33
- * 2. Do not hide the first child if the switcher is not activated
32
+ * Hide not active items
34
33
  */
35
34
 
36
- /* 1 */
37
- .uk-switcher:has(> .uk-active) > :not(.uk-active),
38
- .uk-switcher:not(:has(> .uk-active)) > :not(:first-child) { display: none; }
35
+ .uk-switcher > :not(.uk-active) { display: none; }
39
36
 
40
37
  /*
41
38
  * Remove margin from the last-child
package/src/scss/components/table.scss CHANGED
@@ -243,12 +243,12 @@
243
243
  white-space: normal !important;
244
244
  }
245
245
 
246
- .uk-table-responsive th:not(:first-child, .uk-table-link),
247
- .uk-table-responsive td:not(:first-child, .uk-table-link),
246
+ .uk-table-responsive th:not(:first-child):not(.uk-table-link),
247
+ .uk-table-responsive td:not(:first-child):not(.uk-table-link),
248
248
  .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: math.round(($table-cell-padding-vertical * 0.33333)) !important; }
249
249
 
250
- .uk-table-responsive th:not(:last-child, .uk-table-link),
251
- .uk-table-responsive td:not(:last-child, .uk-table-link),
250
+ .uk-table-responsive th:not(:last-child):not(.uk-table-link),
251
+ .uk-table-responsive td:not(:last-child):not(.uk-table-link),
252
252
  .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: math.round(($table-cell-padding-vertical * 0.33333)) !important; }
253
253
 
254
254
  .uk-table-justify.uk-table-responsive th,
package/src/scss/components/text.scss CHANGED
@@ -217,17 +217,11 @@ td.uk-text-truncate { max-width: 0; }
217
217
  * Note: Not using `hyphens: auto` because it hyphenates text even if not needed.
218
218
  */
219
219
 
220
- .uk-text-break { overflow-wrap: break-word; }
220
+ .uk-text-break { overflow-wrap: break-word; }
221
221
 
222
- /* 1 */
223
- th.uk-text-break,
224
- td.uk-text-break { word-break: break-word; }
225
-
226
- /*
227
- * Balance text when wrapping onto multiple lines
228
- */
229
-
230
- .uk-text-balance { text-wrap: balance; }
222
+ /* 1 */
223
+ th.uk-text-break,
224
+ td.uk-text-break { word-break: break-word; }
231
225
 
232
226
 
233
227
  /* Stroke modifiers