uikit 3.25.20-dev.e4f47fc → 3.25.20

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 (201) hide show
  1. package/CHANGELOG.md +2 -33
  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 +917 -1045
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +917 -1045
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +936 -1064
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +936 -1064
  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 +132 -133
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +133 -134
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +1 -1
  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 -41
  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 -71
  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 +19 -19
  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 +262 -752
  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 +374 -627
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +1 -1
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -2
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +4 -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/slideshow-animations.js +62 -15
  55. package/src/js/components/lightbox-panel.js +96 -121
  56. package/src/js/components/lightbox.js +8 -5
  57. package/src/js/components/tooltip.js +2 -4
  58. package/src/js/core/accordion.js +29 -78
  59. package/src/js/core/drop.js +4 -5
  60. package/src/js/core/dropnav.js +3 -3
  61. package/src/js/core/grid.js +19 -5
  62. package/src/js/core/height-match.js +2 -1
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/overflow-fade.js +5 -5
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +44 -24
  67. package/src/js/core/video.js +15 -172
  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/modal.js +3 -4
  71. package/src/js/mixin/parallax.js +4 -1
  72. package/src/js/mixin/position.js +1 -1
  73. package/src/js/mixin/slider-nav.js +1 -1
  74. package/src/js/mixin/slider-parallax.js +38 -9
  75. package/src/js/mixin/togglable.js +14 -13
  76. package/src/js/util/attr.js +7 -7
  77. package/src/js/util/class.js +1 -1
  78. package/src/js/util/dom.js +4 -3
  79. package/src/js/util/lang.js +1 -1
  80. package/src/js/util/player.js +4 -4
  81. package/src/js/util/style.js +15 -10
  82. package/src/js/util/viewport.js +25 -22
  83. package/src/less/components/_import.less +1 -6
  84. package/src/less/components/base.less +1 -1
  85. package/src/less/components/button.less +1 -1
  86. package/src/less/components/form.less +5 -5
  87. package/src/less/components/grid.less +65 -58
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/nav.less +1 -1
  90. package/src/less/components/padding.less +9 -9
  91. package/src/less/components/text.less +0 -6
  92. package/src/less/components/utility.less +163 -0
  93. package/src/less/theme/_import.less +1 -5
  94. package/src/less/theme/utility.less +32 -0
  95. package/src/scss/components/_import.scss +1 -6
  96. package/src/scss/components/base.scss +1 -1
  97. package/src/scss/components/button.scss +1 -1
  98. package/src/scss/components/form.scss +5 -5
  99. package/src/scss/components/grid.scss +64 -57
  100. package/src/scss/components/margin.scss +124 -155
  101. package/src/scss/components/nav.scss +1 -1
  102. package/src/scss/components/padding.scss +9 -9
  103. package/src/scss/components/text.scss +0 -6
  104. package/src/scss/components/utility.scss +129 -0
  105. package/src/scss/mixins-theme.scss +33 -42
  106. package/src/scss/mixins.scss +30 -39
  107. package/src/scss/variables-theme.scss +14 -14
  108. package/src/scss/variables.scss +14 -14
  109. package/tests/accordion.html +10 -77
  110. package/tests/alert.html +1 -1
  111. package/tests/align.html +5 -5
  112. package/tests/animation.html +4 -4
  113. package/tests/article.html +7 -7
  114. package/tests/background.html +2 -2
  115. package/tests/badge.html +1 -1
  116. package/tests/base.html +3 -3
  117. package/tests/button.html +1 -1
  118. package/tests/card.html +15 -15
  119. package/tests/close.html +2 -2
  120. package/tests/comment.html +9 -9
  121. package/tests/container.html +2 -2
  122. package/tests/countdown.html +21 -21
  123. package/tests/cover.html +6 -6
  124. package/tests/description-list.html +1 -1
  125. package/tests/divider.html +3 -3
  126. package/tests/dotnav.html +1 -1
  127. package/tests/drop.html +7 -7
  128. package/tests/dropbar.html +5 -5
  129. package/tests/dropdown.html +1 -1
  130. package/tests/dropnav.html +18 -18
  131. package/tests/filter.html +3 -3
  132. package/tests/form.html +14 -14
  133. package/tests/grid.html +47 -41
  134. package/tests/heading.html +2 -2
  135. package/tests/height-viewport.html +4 -4
  136. package/tests/height.html +5 -5
  137. package/tests/icon.html +8 -8
  138. package/tests/image.html +6 -6
  139. package/tests/index.html +13 -13
  140. package/tests/js/index.js +1 -1
  141. package/tests/leader.html +5 -5
  142. package/tests/lightbox.html +14 -14
  143. package/tests/link.html +1 -1
  144. package/tests/list.html +4 -4
  145. package/tests/margin.html +7 -7
  146. package/tests/marker.html +3 -3
  147. package/tests/modal.html +4 -4
  148. package/tests/nav.html +5 -5
  149. package/tests/navbar.html +27 -27
  150. package/tests/notification.html +2 -2
  151. package/tests/offcanvas.html +12 -12
  152. package/tests/overlay.html +3 -3
  153. package/tests/padding.html +1 -1
  154. package/tests/pagination.html +3 -3
  155. package/tests/parallax.html +1 -1
  156. package/tests/position.html +6 -6
  157. package/tests/scrollspy.html +12 -12
  158. package/tests/search.html +5 -5
  159. package/tests/section.html +17 -17
  160. package/tests/slidenav.html +3 -3
  161. package/tests/slider.html +5 -5
  162. package/tests/slideshow.html +4 -34
  163. package/tests/sortable.html +15 -15
  164. package/tests/sticky-navbar.html +4 -4
  165. package/tests/sticky-parallax.html +3 -3
  166. package/tests/sticky.html +3 -3
  167. package/tests/svg.html +2 -3
  168. package/tests/switcher.html +6 -6
  169. package/tests/tab.html +4 -4
  170. package/tests/text.html +3 -3
  171. package/tests/tile.html +4 -4
  172. package/tests/toggle.html +1 -1
  173. package/tests/tooltip.html +3 -3
  174. package/tests/totop.html +2 -2
  175. package/tests/transition.html +1 -1
  176. package/tests/upload.html +5 -5
  177. package/tests/utility.html +116 -16
  178. package/tests/video.html +27 -227
  179. package/tests/visibility.html +4 -4
  180. package/tests/width.html +12 -12
  181. package/dist/js/components/marquee.js +0 -179
  182. package/dist/js/components/marquee.min.js +0 -1
  183. package/src/js/components/marquee.js +0 -123
  184. package/src/js/mixin/connect.js +0 -55
  185. package/src/js/mixin/scroll-driven.js +0 -57
  186. package/src/less/components/dropcap.less +0 -71
  187. package/src/less/components/floating-shadow.less +0 -66
  188. package/src/less/components/logo.less +0 -94
  189. package/src/less/components/marquee.less +0 -133
  190. package/src/less/theme/dropcap.less +0 -29
  191. package/src/less/theme/floating-shadow.less +0 -20
  192. package/src/less/theme/logo.less +0 -29
  193. package/src/less/theme/marquee.less +0 -14
  194. package/src/scss/components/dropcap.scss +0 -63
  195. package/src/scss/components/floating-shadow.scss +0 -63
  196. package/src/scss/components/logo.scss +0 -75
  197. package/src/scss/components/marquee.scss +0 -136
  198. package/tests/dropcap.html +0 -26
  199. package/tests/floating-shadow.html +0 -44
  200. package/tests/logo.html +0 -84
  201. 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/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/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/text.less CHANGED
@@ -240,12 +240,6 @@ td.uk-text-truncate { max-width: 0; }
240
240
  th.uk-text-break,
241
241
  td.uk-text-break { word-break: break-word; }
242
242
 
243
- /*
244
- * Balance text when wrapping onto multiple lines
245
- */
246
-
247
- .uk-text-balance { text-wrap: balance; }
248
-
249
243
 
250
244
  /* Stroke modifiers
251
245
  ========================================================================== */
package/src/less/components/utility.less CHANGED
@@ -13,6 +13,9 @@
13
13
  // `uk-object-*`
14
14
  // `uk-border-*`
15
15
  // `uk-box-shadow-*`
16
+ // `uk-box-shadow-bottom`
17
+ // `uk-dropcap`
18
+ // `uk-logo`
16
19
  // `uk-blend-*`
17
20
  // `uk-transform-*`
18
21
  // `uk-transform-origin-*`
@@ -39,6 +42,21 @@
39
42
 
40
43
  @box-shadow-duration: 0.1s;
41
44
 
45
+ @box-shadow-bottom-height: 30px;
46
+ @box-shadow-bottom-bottom: -@box-shadow-bottom-height;
47
+ @box-shadow-bottom-border-radius: 100%;
48
+ @box-shadow-bottom-background: #444;
49
+ @box-shadow-bottom-blur: 20px;
50
+
51
+ @dropcap-margin-right: 10px;
52
+ @dropcap-font-size: ((@global-line-height * 3) * 1em);
53
+ @dropcap-line-height: 1;
54
+
55
+ @logo-font-size: @global-large-font-size;
56
+ @logo-font-family: @global-font-family;
57
+ @logo-color: @global-emphasis-color;
58
+ @logo-hover-color: @global-emphasis-color;
59
+
42
60
  @dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3);
43
61
 
44
62
 
@@ -350,6 +368,114 @@
350
368
  .uk-box-shadow-hover-xlarge:hover { box-shadow: @global-xlarge-box-shadow; }
351
369
 
352
370
 
371
+ /* Box-shadow bottom
372
+ ========================================================================== */
373
+
374
+ /*
375
+ * 1. Set position.
376
+ * 2. Set style
377
+ * 3. Fix shadow being clipped in Safari if container is animated
378
+ */
379
+
380
+ @supports (filter: blur(0)) {
381
+
382
+ .uk-box-shadow-bottom {
383
+ display: inline-block;
384
+ position: relative;
385
+ z-index: 0;
386
+ max-width: 100%;
387
+ vertical-align: middle;
388
+ }
389
+
390
+ .uk-box-shadow-bottom::after {
391
+ content: "";
392
+ /* 1 */
393
+ position: absolute;
394
+ bottom: @box-shadow-bottom-bottom;
395
+ left: 0;
396
+ right: 0;
397
+ z-index: -1;
398
+ /* 2 */
399
+ height: @box-shadow-bottom-height;
400
+ border-radius: @box-shadow-bottom-border-radius;
401
+ background: @box-shadow-bottom-background;
402
+ filter: blur(@box-shadow-bottom-blur);
403
+ /* 3 */
404
+ will-change: filter;
405
+ .hook-box-shadow-bottom();
406
+ }
407
+
408
+ }
409
+
410
+
411
+ /* Drop cap
412
+ ========================================================================== */
413
+
414
+ /*
415
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
416
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
417
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
418
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
419
+ */
420
+
421
+ .uk-dropcap::first-letter,
422
+ /* 1 */
423
+ .uk-dropcap > p:first-of-type::first-letter {
424
+ display: block;
425
+ margin-right: @dropcap-margin-right;
426
+ float: left;
427
+ font-size: @dropcap-font-size;
428
+ line-height: @dropcap-line-height;
429
+ .hook-dropcap();
430
+ }
431
+
432
+ /* 2 */
433
+ @-moz-document url-prefix() {
434
+
435
+ .uk-dropcap::first-letter,
436
+ .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; }
437
+
438
+ }
439
+
440
+
441
+ /* Logo
442
+ ========================================================================== */
443
+
444
+ /*
445
+ * 1. Style
446
+ * 2. Required for `a`
447
+ * 3. Behave like image but can be overridden through flex utility classes
448
+ */
449
+
450
+ .uk-logo {
451
+ /* 1 */
452
+ font-size: @logo-font-size;
453
+ font-family: @logo-font-family;
454
+ color: @logo-color;
455
+ /* 2 */
456
+ text-decoration: none;
457
+ .hook-logo();
458
+ }
459
+
460
+ /* 3 */
461
+ :where(.uk-logo) {
462
+ display: inline-block;
463
+ vertical-align: middle;
464
+ }
465
+
466
+ /* Hover */
467
+ .uk-logo:hover {
468
+ color: @logo-hover-color;
469
+ /* 1 */
470
+ text-decoration: none;
471
+ .hook-logo-hover();
472
+ }
473
+
474
+ .uk-logo :where(img, svg, video) { display: block; }
475
+
476
+ .uk-logo-inverse { display: none; }
477
+
478
+
353
479
  /* Disabled State
354
480
  ========================================================================== */
355
481
 
@@ -427,4 +553,41 @@
427
553
  .hook-utility-misc();
428
554
 
429
555
  .hook-panel-scrollable() {}
556
+ .hook-box-shadow-bottom() {}
557
+ .hook-dropcap() {}
558
+ .hook-logo() {}
559
+ .hook-logo-hover() {}
430
560
  .hook-utility-misc() {}
561
+
562
+
563
+ // Inverse
564
+ // ========================================================================
565
+
566
+ @inverse-logo-color: @inverse-global-emphasis-color;
567
+ @inverse-logo-hover-color: @inverse-global-emphasis-color;
568
+
569
+ .hook-inverse() {
570
+
571
+ .uk-dropcap::first-letter,
572
+ .uk-dropcap p:first-of-type::first-letter {
573
+ .hook-inverse-dropcap();
574
+ }
575
+
576
+ .uk-logo {
577
+ color: @inverse-logo-color;
578
+ .hook-inverse-logo();
579
+ }
580
+
581
+ .uk-logo:hover {
582
+ color: @inverse-logo-hover-color;
583
+ .hook-inverse-logo-hover();
584
+ }
585
+
586
+ .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { display: none; }
587
+ .uk-logo-inverse { display: block; }
588
+
589
+ }
590
+
591
+ .hook-inverse-dropcap() {}
592
+ .hook-inverse-logo() {}
593
+ .hook-inverse-logo-hover() {}
package/src/less/theme/_import.less CHANGED
@@ -12,7 +12,6 @@
12
12
  @import "icon.less";
13
13
  @import "form-range.less";
14
14
  @import "form.less";
15
- @import "search.less";
16
15
  @import "button.less";
17
16
  @import "progress.less";
18
17
 
@@ -31,11 +30,10 @@
31
30
  @import "placeholder.less";
32
31
  @import "badge.less";
33
32
  @import "label.less";
34
- @import "dropcap.less";
35
- @import "floating-shadow.less";
36
33
  @import "overlay.less";
37
34
  @import "article.less";
38
35
  @import "comment.less";
36
+ @import "search.less";
39
37
 
40
38
  // JavaScript
41
39
  @import "accordion.less";
@@ -43,7 +41,6 @@
43
41
  @import "dropbar.less";
44
42
  @import "modal.less";
45
43
  @import "slider.less";
46
- @import "marquee.less";
47
44
  @import "sticky.less";
48
45
  @import "offcanvas.less";
49
46
  @import "leader.less";
@@ -68,7 +65,6 @@
68
65
 
69
66
  @import "dropdown.less";
70
67
  @import "lightbox.less";
71
- @import "logo.less";
72
68
 
73
69
  // Utilities
74
70
  @import "animation.less";