uikit 3.24.2 → 3.24.3-dev.63b12446

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 (65) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/css/uikit-core-rtl.css +72 -42
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +72 -42
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +100 -82
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +100 -82
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +8 -8
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -1
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +9 -5
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +16 -12
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +6 -6
  43. package/src/images/components/accordion-icon.svg +20 -0
  44. package/src/js/components/internal/slider-transitioner.js +1 -1
  45. package/src/js/components/slider.js +6 -7
  46. package/src/js/core/accordion.js +3 -3
  47. package/src/js/core/icon.js +2 -0
  48. package/src/js/core/index.js +1 -0
  49. package/src/less/components/accordion.less +109 -46
  50. package/src/less/components/card.less +1 -1
  51. package/src/less/components/nav.less +1 -0
  52. package/src/less/components/overlay.less +2 -2
  53. package/src/less/theme/accordion.less +31 -38
  54. package/src/scss/components/accordion.scss +77 -30
  55. package/src/scss/components/nav.scss +1 -0
  56. package/src/scss/mixins-theme.scss +39 -23
  57. package/src/scss/mixins.scss +38 -15
  58. package/src/scss/variables-theme.scss +13 -15
  59. package/src/scss/variables.scss +11 -11
  60. package/tests/accordion.html +76 -17
  61. package/tests/card.html +86 -0
  62. package/tests/index.html +4 -4
  63. package/tests/overlay.html +177 -9
  64. package/src/images/backgrounds/accordion-close.svg +0 -4
  65. package/src/images/backgrounds/accordion-open.svg +0 -3
package/tests/overlay.html CHANGED
@@ -14,7 +14,9 @@
14
14
 
15
15
  <h1>Overlay</h1>
16
16
 
17
- <div class="uk-child-width-1-2@m" uk-grid>
17
+ <h2>Default</h2>
18
+
19
+ <div class="uk-child-width-1-3@m" uk-grid>
18
20
  <div>
19
21
 
20
22
  <div class="uk-inline">
@@ -24,41 +26,139 @@
24
26
  </div>
25
27
  </div>
26
28
 
29
+ </div>
30
+ <div>
31
+
32
+ <div class="uk-inline">
33
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
34
+ <div class="uk-overlay uk-overlay-default uk-position-bottom">
35
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
36
+ </div>
37
+ </div>
38
+
39
+ </div>
40
+ <div>
41
+
42
+ <div class="uk-inline">
43
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
44
+ <div class="uk-overlay uk-overlay-default uk-position-bottom">
45
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
46
+ </div>
47
+ </div>
48
+
27
49
  </div>
28
50
  <div>
29
51
 
30
52
  <div class="uk-inline">
31
53
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
32
- <div class="uk-overlay uk-overlay-primary uk-position-bottom">
33
- <p>Primary Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
54
+ <div class="uk-overlay-default uk-position-cover">
55
+ <div class="uk-overlay uk-position-bottom">
56
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
57
+ </div>
58
+ </div>
59
+ </div>
60
+
61
+ </div>
62
+ <div>
63
+
64
+ <div class="uk-inline">
65
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
66
+ <div class="uk-overlay-default uk-position-cover">
67
+ <div class="uk-overlay uk-position-bottom">
68
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
69
+ </div>
70
+ </div>
71
+ </div>
72
+
73
+ </div>
74
+ <div>
75
+
76
+ <div class="uk-inline">
77
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
78
+ <div class="uk-overlay-default uk-position-cover">
79
+ <div class="uk-overlay uk-position-bottom">
80
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
81
+ </div>
34
82
  </div>
35
83
  </div>
36
84
 
37
85
  </div>
86
+ </div>
87
+
88
+ <h2>Primary</h2>
89
+
90
+ <div class="uk-child-width-1-3@m" uk-grid>
38
91
  <div>
39
92
 
40
93
  <div class="uk-inline">
41
94
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
42
- <div class="uk-overlay-default uk-position-cover"></div>
43
- <div class="uk-overlay uk-position-bottom uk-dark">
95
+ <div class="uk-overlay uk-overlay-primary uk-position-bottom">
44
96
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
45
97
  </div>
46
98
  </div>
47
99
 
48
100
  </div>
101
+ <div>
102
+
103
+ <div class="uk-inline">
104
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
105
+ <div class="uk-overlay uk-overlay-primary uk-position-bottom">
106
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
107
+ </div>
108
+ </div>
109
+
110
+ </div>
111
+ <div>
112
+
113
+ <div class="uk-inline">
114
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
115
+ <div class="uk-overlay uk-overlay-primary uk-position-bottom">
116
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
117
+ </div>
118
+ </div>
119
+
120
+ </div>
121
+
49
122
  <div>
50
123
 
51
124
  <div class="uk-inline">
52
125
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
53
- <div class="uk-overlay-primary uk-position-cover"></div>
54
- <div class="uk-overlay uk-position-bottom uk-light">
55
- <p>Primary Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
126
+ <div class="uk-overlay-primary uk-position-cover">
127
+ <div class="uk-overlay uk-position-bottom">
128
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+ </div>
134
+ <div>
135
+
136
+ <div class="uk-inline">
137
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
138
+ <div class="uk-overlay-primary uk-position-cover">
139
+ <div class="uk-overlay uk-position-bottom">
140
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
141
+ </div>
142
+ </div>
143
+ </div>
144
+
145
+ </div>
146
+ <div>
147
+
148
+ <div class="uk-inline">
149
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
150
+ <div class="uk-overlay-primary uk-position-cover">
151
+ <div class="uk-overlay uk-position-bottom">
152
+ <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
153
+ </div>
56
154
  </div>
57
155
  </div>
58
156
 
59
157
  </div>
60
158
  </div>
61
159
 
160
+ <h2>Icon</h2>
161
+
62
162
  <div class="uk-child-width-1-3@m" uk-grid>
63
163
  <div>
64
164
 
@@ -69,10 +169,30 @@
69
169
  </div>
70
170
  </div>
71
171
 
172
+ </div>
173
+ <div>
174
+
175
+ <div class="uk-inline uk-dark">
176
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
177
+ <div class="uk-position-center">
178
+ <span uk-overlay-icon></span>
179
+ </div>
180
+ </div>
181
+
72
182
  </div>
73
183
  <div>
74
184
 
75
185
  <div class="uk-inline uk-light">
186
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
187
+ <div class="uk-position-center">
188
+ <span uk-overlay-icon></span>
189
+ </div>
190
+ </div>
191
+
192
+ </div>
193
+ <div>
194
+
195
+ <div class="uk-inline">
76
196
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
77
197
  <div class="uk-overlay-default uk-position-cover">
78
198
  <div class="uk-position-center">
@@ -84,7 +204,31 @@
84
204
  </div>
85
205
  <div>
86
206
 
87
- <div class="uk-inline uk-light">
207
+ <div class="uk-inline">
208
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
209
+ <div class="uk-overlay-default uk-position-cover">
210
+ <div class="uk-position-center">
211
+ <span uk-overlay-icon></span>
212
+ </div>
213
+ </div>
214
+ </div>
215
+
216
+ </div>
217
+ <div>
218
+
219
+ <div class="uk-inline">
220
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
221
+ <div class="uk-overlay-default uk-position-cover">
222
+ <div class="uk-position-center">
223
+ <span uk-overlay-icon></span>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ </div>
229
+ <div>
230
+
231
+ <div class="uk-inline">
88
232
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
89
233
  <div class="uk-overlay-primary uk-position-cover">
90
234
  <div class="uk-position-center">
@@ -94,6 +238,30 @@
94
238
  </div>
95
239
 
96
240
  </div>
241
+ <div>
242
+
243
+ <div class="uk-inline">
244
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
245
+ <div class="uk-overlay-primary uk-position-cover">
246
+ <div class="uk-position-center">
247
+ <span uk-overlay-icon></span>
248
+ </div>
249
+ </div>
250
+ </div>
251
+
252
+ </div>
253
+ <div>
254
+
255
+ <div class="uk-inline">
256
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
257
+ <div class="uk-overlay-primary uk-position-cover">
258
+ <div class="uk-position-center">
259
+ <span uk-overlay-icon></span>
260
+ </div>
261
+ </div>
262
+ </div>
263
+
264
+ </div>
97
265
  </div>
98
266
 
99
267
  </div>
package/src/images/backgrounds/accordion-close.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
2
- <rect fill="#000" width="13" height="1" x="0" y="6" />
3
- <rect fill="#000" width="1" height="13" x="6" y="0" />
4
- </svg>
package/src/images/backgrounds/accordion-open.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
2
- <rect fill="#000" width="13" height="1" x="0" y="6" />
3
- </svg>