uikit 3.25.1-dev.654105d0 → 3.25.1-dev.82aa7933

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 (54) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/build/release.js +8 -1
  3. package/dist/css/uikit-core-rtl.css +2 -3
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +2 -3
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +2 -3
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +2 -3
  10. package/dist/css/uikit.min.css +1 -1
  11. package/dist/js/components/countdown.js +1 -1
  12. package/dist/js/components/countdown.min.js +1 -1
  13. package/dist/js/components/filter.js +1 -1
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +1 -1
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +1 -1
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +1 -1
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +1 -1
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +1 -1
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +1 -1
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +1 -1
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +1 -1
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +1 -1
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +1 -1
  34. package/dist/js/components/tooltip.min.js +1 -1
  35. package/dist/js/components/upload.js +1 -1
  36. package/dist/js/components/upload.min.js +1 -1
  37. package/dist/js/uikit-core.js +7 -10
  38. package/dist/js/uikit-core.min.js +1 -1
  39. package/dist/js/uikit-icons.js +1 -1
  40. package/dist/js/uikit-icons.min.js +1 -1
  41. package/dist/js/uikit.js +7 -10
  42. package/dist/js/uikit.min.js +1 -1
  43. package/package.json +1 -1
  44. package/src/js/core/accordion.js +5 -7
  45. package/src/less/components/form.less +10 -7
  46. package/src/scss/components/form.scss +4 -4
  47. package/src/scss/variables-theme.scss +6 -3
  48. package/src/scss/variables.scss +6 -3
  49. package/tests/card.html +3 -3
  50. package/tests/index.html +3 -3
  51. package/tests/navbar.html +1 -1
  52. package/tests/overlay.html +12 -12
  53. package/tests/position.html +16 -16
  54. package/tests/transition.html +19 -19
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit",
3
3
  "title": "UIkit",
4
4
  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
5
- "version": "3.25.1-dev.654105d0",
5
+ "version": "3.25.1-dev.82aa7933",
6
6
  "main": "dist/js/uikit.js",
7
7
  "style": "dist/css/uikit.css",
8
8
  "sideEffects": [
package/src/js/core/accordion.js CHANGED
@@ -104,17 +104,15 @@ export default {
104
104
 
105
105
  delegate: ({ targets, $props }) => `${targets} ${$props.toggle}`,
106
106
 
107
- async handler(e) {
107
+ handler(e) {
108
108
  if (e.type === 'keydown' && e.keyCode !== keyMap.SPACE) {
109
109
  return;
110
110
  }
111
111
 
112
112
  maybeDefaultPreventClick(e);
113
113
 
114
- this._off?.();
115
- this._off = keepScrollPosition(e.target);
116
- await this.toggle(index(this.toggles, e.current));
117
- this._off();
114
+ const off = keepScrollPosition(e.target);
115
+ this.toggle(index(this.toggles, e.current)).finally(off);
118
116
  },
119
117
  },
120
118
  {
@@ -170,7 +168,7 @@ export default {
170
168
  }
171
169
 
172
170
  if (!this.collapsible && activeItems.length < 2 && includes(activeItems, item)) {
173
- return;
171
+ items = [];
174
172
  }
175
173
 
176
174
  return Promise.all(
@@ -214,7 +212,7 @@ async function transition(el, show, { content, duration, velocity, transition })
214
212
  dimensions(content).height;
215
213
 
216
214
  const percent = currentHeight / endHeight;
217
- duration = (velocity * endHeight + duration) * (show ? 1 - percent : percent);
215
+ duration = endHeight ? (velocity * endHeight + duration) * (show ? 1 - percent : percent) : 0;
218
216
  css(wrapper, 'height', currentHeight);
219
217
 
220
218
  await Transition.start(wrapper, { height: show ? endHeight : 0 }, duration, transition);
package/src/less/components/form.less CHANGED
@@ -37,8 +37,10 @@
37
37
 
38
38
  @form-height: @global-control-height;
39
39
  @form-line-height: @form-height;
40
+
40
41
  @form-padding-horizontal: 10px;
41
- @form-padding-vertical: round(@form-padding-horizontal * 0.6);
42
+ @form-multi-line-padding-horizontal: @form-padding-horizontal;
43
+ @form-multi-line-padding-vertical: round(@form-multi-line-padding-horizontal * 0.6);
42
44
 
43
45
  @form-background: @global-muted-background;
44
46
  @form-color: @global-color;
@@ -84,14 +86,16 @@
84
86
  @form-small-font-size: @global-small-font-size;
85
87
  @form-small-height: @global-control-small-height;
86
88
  @form-small-padding-horizontal: 8px;
87
- @form-small-padding-vertical: round(@form-small-padding-horizontal * 0.6);
89
+ @form-small-multi-line-padding-horizontal: @form-small-padding-horizontal;
90
+ @form-small-multi-line-padding-vertical: round(@form-small-multi-line-padding-horizontal * 0.6);
88
91
  @form-small-line-height: @form-small-height;
89
92
  @form-small-radio-size: 14px;
90
93
 
91
94
  @form-large-font-size: @global-medium-font-size;
92
95
  @form-large-height: @global-control-large-height;
93
96
  @form-large-padding-horizontal: 12px;
94
- @form-large-padding-vertical: round(@form-large-padding-horizontal * 0.6);
97
+ @form-large-multi-line-padding-horizontal: @form-large-padding-horizontal;
98
+ @form-large-multi-line-padding-vertical: round(@form-large-multi-line-padding-horizontal * 0.6);
95
99
  @form-large-line-height: @form-large-height;
96
100
  @form-large-radio-size: 22px;
97
101
 
@@ -304,8 +308,7 @@
304
308
  .uk-select[multiple],
305
309
  .uk-select[size],
306
310
  .uk-textarea {
307
- padding-top: @form-padding-vertical;
308
- padding-bottom: @form-padding-vertical;
311
+ padding: @form-multi-line-padding-vertical @form-multi-line-padding-horizontal;
309
312
  vertical-align: top;
310
313
  .hook-form-multi-line();
311
314
  }
@@ -549,7 +552,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
549
552
  }
550
553
 
551
554
  /* Multi-line */
552
- .uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: @form-small-padding-vertical @form-small-padding-horizontal; }
555
+ .uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: @form-small-multi-line-padding-vertical @form-small-multi-line-padding-horizontal; }
553
556
 
554
557
  /* Any element */
555
558
  .uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { line-height: @form-small-line-height; }
@@ -574,7 +577,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
574
577
  }
575
578
 
576
579
  /* Multi-line */
577
- .uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: @form-large-padding-vertical @form-large-padding-horizontal; }
580
+ .uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: @form-large-multi-line-padding-vertical @form-large-multi-line-padding-horizontal; }
578
581
 
579
582
  /* Any element */
580
583
  .uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { line-height: @form-large-line-height; }
package/src/scss/components/form.scss CHANGED
@@ -57,6 +57,7 @@
57
57
 
58
58
 
59
59
 
60
+
60
61
 
61
62
 
62
63
  /* ========================================================================
@@ -247,8 +248,7 @@
247
248
  .uk-select[multiple],
248
249
  .uk-select[size],
249
250
  .uk-textarea {
250
- padding-top: $form-padding-vertical;
251
- padding-bottom: $form-padding-vertical;
251
+ padding: $form-multi-line-padding-vertical $form-multi-line-padding-horizontal;
252
252
  vertical-align: top;
253
253
  @if(meta.mixin-exists(hook-form-multi-line)) {@include hook-form-multi-line();}
254
254
  }
@@ -492,7 +492,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
492
492
  }
493
493
 
494
494
  /* Multi-line */
495
- .uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: $form-small-padding-vertical $form-small-padding-horizontal; }
495
+ .uk-form-small:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: $form-small-multi-line-padding-vertical $form-small-multi-line-padding-horizontal; }
496
496
 
497
497
  /* Any element */
498
498
  .uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { line-height: $form-small-line-height; }
@@ -517,7 +517,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
517
517
  }
518
518
 
519
519
  /* Multi-line */
520
- .uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: $form-large-padding-vertical $form-large-padding-horizontal; }
520
+ .uk-form-large:is(.uk-select[multiple], .uk-select[size], .uk-textarea) { padding: $form-large-multi-line-padding-vertical $form-large-multi-line-padding-horizontal; }
521
521
 
522
522
  /* Any element */
523
523
  .uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) { line-height: $form-large-line-height; }
package/src/scss/variables-theme.scss CHANGED
@@ -428,7 +428,8 @@ $form-height: $global-control-height !default;
428
428
  $form-border-width: $global-border-width !default;
429
429
  $form-line-height: $form-height - (2* $form-border-width) !default;
430
430
  $form-padding-horizontal: 10px !default;
431
- $form-padding-vertical: math.round($form-padding-horizontal * 0.6) !default;
431
+ $form-multi-line-padding-horizontal: $form-padding-horizontal !default;
432
+ $form-multi-line-padding-vertical: math.round($form-multi-line-padding-horizontal * 0.6) !default;
432
433
  $form-background: $global-background !default;
433
434
  $form-color: $global-color !default;
434
435
  $form-focus-background: $global-background !default;
@@ -460,13 +461,15 @@ $form-radio-disabled-icon-color: $global-muted-color !default;
460
461
  $form-small-font-size: $global-small-font-size !default;
461
462
  $form-small-height: $global-control-small-height !default;
462
463
  $form-small-padding-horizontal: 8px !default;
463
- $form-small-padding-vertical: math.round($form-small-padding-horizontal * 0.6) !default;
464
+ $form-small-multi-line-padding-horizontal: $form-small-padding-horizontal !default;
465
+ $form-small-multi-line-padding-vertical: math.round($form-small-multi-line-padding-horizontal * 0.6) !default;
464
466
  $form-small-line-height: $form-small-height - (2* $form-border-width) !default;
465
467
  $form-small-radio-size: 14px !default;
466
468
  $form-large-font-size: $global-medium-font-size !default;
467
469
  $form-large-height: $global-control-large-height !default;
468
470
  $form-large-padding-horizontal: 12px !default;
469
- $form-large-padding-vertical: math.round($form-large-padding-horizontal * 0.6) !default;
471
+ $form-large-multi-line-padding-horizontal: $form-large-padding-horizontal !default;
472
+ $form-large-multi-line-padding-vertical: math.round($form-large-multi-line-padding-horizontal * 0.6) !default;
470
473
  $form-large-line-height: $form-large-height - (2* $form-border-width) !default;
471
474
  $form-large-radio-size: 22px !default;
472
475
  $form-legend-font-size: $global-large-font-size !default;
package/src/scss/variables.scss CHANGED
@@ -426,7 +426,8 @@ $inverse-form-range-thumb-background: color.adjust($inverse-global-color, $alpha
426
426
  $form-height: $global-control-height !default;
427
427
  $form-line-height: $form-height !default;
428
428
  $form-padding-horizontal: 10px !default;
429
- $form-padding-vertical: math.round($form-padding-horizontal * 0.6) !default;
429
+ $form-multi-line-padding-horizontal: $form-padding-horizontal !default;
430
+ $form-multi-line-padding-vertical: math.round($form-multi-line-padding-horizontal * 0.6) !default;
430
431
  $form-background: $global-muted-background !default;
431
432
  $form-color: $global-color !default;
432
433
  $form-focus-background: color.adjust($form-background, $lightness: -5%) !default;
@@ -458,13 +459,15 @@ $form-radio-disabled-icon-color: $global-muted-color !default;
458
459
  $form-small-font-size: $global-small-font-size !default;
459
460
  $form-small-height: $global-control-small-height !default;
460
461
  $form-small-padding-horizontal: 8px !default;
461
- $form-small-padding-vertical: math.round($form-small-padding-horizontal * 0.6) !default;
462
+ $form-small-multi-line-padding-horizontal: $form-small-padding-horizontal !default;
463
+ $form-small-multi-line-padding-vertical: math.round($form-small-multi-line-padding-horizontal * 0.6) !default;
462
464
  $form-small-line-height: $form-small-height !default;
463
465
  $form-small-radio-size: 14px !default;
464
466
  $form-large-font-size: $global-medium-font-size !default;
465
467
  $form-large-height: $global-control-large-height !default;
466
468
  $form-large-padding-horizontal: 12px !default;
467
- $form-large-padding-vertical: math.round($form-large-padding-horizontal * 0.6) !default;
469
+ $form-large-multi-line-padding-horizontal: $form-large-padding-horizontal !default;
470
+ $form-large-multi-line-padding-vertical: math.round($form-large-multi-line-padding-horizontal * 0.6) !default;
468
471
  $form-large-line-height: $form-large-height !default;
469
472
  $form-large-radio-size: 22px !default;
470
473
  $form-legend-font-size: $global-large-font-size !default;
package/tests/card.html CHANGED
@@ -181,7 +181,7 @@
181
181
  </div>
182
182
 
183
183
  <div class="uk-section-default ">
184
- <div class="uk-section uk-section-small uk-background-cover" style="background-image: url('images/photo.jpg');">
184
+ <div class="uk-section uk-section-small uk-background-cover uk-inverse-light" style="background-image: url('images/photo.jpg');">
185
185
  <div class="uk-container">
186
186
 
187
187
  <div class="uk-child-width-1-4@m uk-grid-match" uk-grid>
@@ -224,7 +224,7 @@
224
224
  </div>
225
225
 
226
226
  <div class="uk-section-default ">
227
- <div class="uk-section uk-section-small uk-background-cover" style="background-image: url('images/light.jpg');">
227
+ <div class="uk-section uk-section-small uk-background-cover uk-inverse-dark" style="background-image: url('images/light.jpg');">
228
228
  <div class="uk-container">
229
229
 
230
230
  <div class="uk-child-width-1-4@m uk-grid-match" uk-grid>
@@ -267,7 +267,7 @@
267
267
  </div>
268
268
 
269
269
  <div class="uk-section-default ">
270
- <div class="uk-section uk-section-small uk-background-cover" style="background-image: url('images/dark.jpg');">
270
+ <div class="uk-section uk-section-small uk-background-cover uk-inverse-light" style="background-image: url('images/dark.jpg');">
271
271
  <div class="uk-container">
272
272
 
273
273
  <div class="uk-child-width-1-4@m uk-grid-match" uk-grid>
package/tests/index.html CHANGED
@@ -663,7 +663,7 @@
663
663
  </div>
664
664
  <div>
665
665
 
666
- <div class="uk-inline-clip">
666
+ <div class="uk-inline-clip uk-inverse-light">
667
667
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
668
668
  <div class="uk-overlay uk-overlay-default uk-position-bottom">
669
669
  <p>Default Lorem ipsum dolor sit amet, consectetur.</p>
@@ -673,7 +673,7 @@
673
673
  </div>
674
674
  <div>
675
675
 
676
- <div class="uk-inline-clip">
676
+ <div class="uk-inline-clip uk-inverse-light">
677
677
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
678
678
  <div class="uk-overlay uk-overlay-primary uk-position-bottom">
679
679
  <p>Primary Lorem ipsum dolor sit amet, consectetur.</p>
@@ -683,7 +683,7 @@
683
683
  </div>
684
684
  <div>
685
685
 
686
- <div class="uk-inline-clip">
686
+ <div class="uk-inline-clip uk-inverse-light">
687
687
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
688
688
  <div class="uk-card uk-card-body uk-card-overlay uk-card-hover uk-position-cover uk-position-medium">
689
689
  <h3 class="uk-card-title">Card Overlay</h3>
package/tests/navbar.html CHANGED
@@ -2697,7 +2697,7 @@
2697
2697
 
2698
2698
  <h2>Mouse Tracker</h2>
2699
2699
 
2700
- <div id="js-mousetracker" class="uk-position-relative">
2700
+ <div id="js-mousetracker" class="uk-position-relative uk-inverse-light">
2701
2701
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
2702
2702
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center" style="height: 150px; width: 150px;">
2703
2703
  <div id="js-mousetarget" class="uk-position-center"></div>
package/tests/overlay.html CHANGED
@@ -19,7 +19,7 @@
19
19
  <div class="uk-child-width-1-3@m" uk-grid>
20
20
  <div>
21
21
 
22
- <div class="uk-inline">
22
+ <div class="uk-inline uk-inverse-light">
23
23
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
24
24
  <div class="uk-overlay uk-overlay-default uk-position-bottom">
25
25
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -29,7 +29,7 @@
29
29
  </div>
30
30
  <div>
31
31
 
32
- <div class="uk-inline">
32
+ <div class="uk-inline uk-inverse-dark">
33
33
  <img src="images/light.jpg" width="1800" height="1200" alt="">
34
34
  <div class="uk-overlay uk-overlay-default uk-position-bottom">
35
35
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -39,7 +39,7 @@
39
39
  </div>
40
40
  <div>
41
41
 
42
- <div class="uk-inline">
42
+ <div class="uk-inline uk-inverse-light">
43
43
  <img src="images/dark.jpg" width="1800" height="1200" alt="">
44
44
  <div class="uk-overlay uk-overlay-default uk-position-bottom">
45
45
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -49,7 +49,7 @@
49
49
  </div>
50
50
  <div>
51
51
 
52
- <div class="uk-inline">
52
+ <div class="uk-inline uk-inverse-light">
53
53
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
54
54
  <div class="uk-overlay-default uk-position-cover">
55
55
  <div class="uk-overlay uk-position-bottom">
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  <div>
63
63
 
64
- <div class="uk-inline">
64
+ <div class="uk-inline uk-inverse-dark">
65
65
  <img src="images/light.jpg" width="1800" height="1200" alt="">
66
66
  <div class="uk-overlay-default uk-position-cover">
67
67
  <div class="uk-overlay uk-position-bottom">
@@ -73,7 +73,7 @@
73
73
  </div>
74
74
  <div>
75
75
 
76
- <div class="uk-inline">
76
+ <div class="uk-inline uk-inverse-light">
77
77
  <img src="images/dark.jpg" width="1800" height="1200" alt="">
78
78
  <div class="uk-overlay-default uk-position-cover">
79
79
  <div class="uk-overlay uk-position-bottom">
@@ -90,7 +90,7 @@
90
90
  <div class="uk-child-width-1-3@m" uk-grid>
91
91
  <div>
92
92
 
93
- <div class="uk-inline">
93
+ <div class="uk-inline uk-inverse-light">
94
94
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
95
95
  <div class="uk-overlay uk-overlay-primary uk-position-bottom">
96
96
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -100,7 +100,7 @@
100
100
  </div>
101
101
  <div>
102
102
 
103
- <div class="uk-inline">
103
+ <div class="uk-inline uk-inverse-dark">
104
104
  <img src="images/light.jpg" width="1800" height="1200" alt="">
105
105
  <div class="uk-overlay uk-overlay-primary uk-position-bottom">
106
106
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -110,7 +110,7 @@
110
110
  </div>
111
111
  <div>
112
112
 
113
- <div class="uk-inline">
113
+ <div class="uk-inline uk-inverse-light">
114
114
  <img src="images/dark.jpg" width="1800" height="1200" alt="">
115
115
  <div class="uk-overlay uk-overlay-primary uk-position-bottom">
116
116
  <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
@@ -121,7 +121,7 @@
121
121
 
122
122
  <div>
123
123
 
124
- <div class="uk-inline">
124
+ <div class="uk-inline uk-inverse-light">
125
125
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
126
126
  <div class="uk-overlay-primary uk-position-cover">
127
127
  <div class="uk-overlay uk-position-bottom">
@@ -133,7 +133,7 @@
133
133
  </div>
134
134
  <div>
135
135
 
136
- <div class="uk-inline">
136
+ <div class="uk-inline uk-inverse-dark">
137
137
  <img src="images/light.jpg" width="1800" height="1200" alt="">
138
138
  <div class="uk-overlay-primary uk-position-cover">
139
139
  <div class="uk-overlay uk-position-bottom">
@@ -145,7 +145,7 @@
145
145
  </div>
146
146
  <div>
147
147
 
148
- <div class="uk-inline">
148
+ <div class="uk-inline uk-inverse-light">
149
149
  <img src="images/dark.jpg" width="1800" height="1200" alt="">
150
150
  <div class="uk-overlay-primary uk-position-cover">
151
151
  <div class="uk-overlay uk-position-bottom">
package/tests/position.html CHANGED
@@ -45,7 +45,7 @@
45
45
  <div class="uk-child-width-1-2@s" uk-grid>
46
46
  <div>
47
47
 
48
- <div class="uk-inline">
48
+ <div class="uk-inline uk-inverse-light">
49
49
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
50
50
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top-left">Top Left</div>
51
51
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top-center">Top Center</div>
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  <div>
63
63
 
64
- <div class="uk-inline">
64
+ <div class="uk-inline uk-inverse-light">
65
65
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
66
66
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top uk-text-center">Top</div>
67
67
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-bottom uk-text-center">Bottom</div>
@@ -85,7 +85,7 @@
85
85
  <div class="uk-child-width-1-2@s" uk-grid>
86
86
  <div>
87
87
 
88
- <div class="uk-inline">
88
+ <div class="uk-inline uk-inverse-light">
89
89
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
90
90
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top-left">Top Left</div>
91
91
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top-center">Top Center</div>
@@ -101,7 +101,7 @@
101
101
  </div>
102
102
  <div>
103
103
 
104
- <div class="uk-inline">
104
+ <div class="uk-inline uk-inverse-light">
105
105
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
106
106
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top uk-text-center">Top</div>
107
107
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-bottom uk-text-center">Bottom</div>
@@ -127,7 +127,7 @@
127
127
  <div class="uk-child-width-1-2@s" uk-grid>
128
128
  <div>
129
129
 
130
- <div class="uk-inline">
130
+ <div class="uk-inline uk-inverse-light">
131
131
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
132
132
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top-left">Top Left</div>
133
133
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top-center">Top Center</div>
@@ -143,7 +143,7 @@
143
143
  </div>
144
144
  <div>
145
145
 
146
- <div class="uk-inline">
146
+ <div class="uk-inline uk-inverse-light">
147
147
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
148
148
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top uk-text-center">Top</div>
149
149
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-bottom uk-text-center">Bottom</div>
@@ -166,7 +166,7 @@
166
166
  <div class="uk-child-width-1-2@s" uk-grid>
167
167
  <div>
168
168
 
169
- <div class="uk-inline">
169
+ <div class="uk-inline uk-inverse-light">
170
170
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
171
171
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top-left">Top Left</div>
172
172
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top-center">Top Center</div>
@@ -182,7 +182,7 @@
182
182
  </div>
183
183
  <div>
184
184
 
185
- <div class="uk-inline">
185
+ <div class="uk-inline uk-inverse-light">
186
186
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
187
187
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top uk-text-center">Top</div>
188
188
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-bottom uk-text-center">Bottom</div>
@@ -203,7 +203,7 @@
203
203
  <div class="uk-child-width-1-4@s" uk-grid>
204
204
  <div>
205
205
 
206
- <div class="uk-inline">
206
+ <div class="uk-inline uk-inverse-light">
207
207
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
208
208
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center-horizontal uk-text-center">Horizontal</div>
209
209
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center-vertical uk-text-center">Vertical</div>
@@ -212,7 +212,7 @@
212
212
  </div>
213
213
  <div>
214
214
 
215
- <div class="uk-inline">
215
+ <div class="uk-inline uk-inverse-light">
216
216
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
217
217
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-center-horizontal uk-text-center">Horizontal</div>
218
218
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-center-vertical uk-text-center">Vertical</div>
@@ -221,7 +221,7 @@
221
221
  </div>
222
222
  <div>
223
223
 
224
- <div class="uk-inline">
224
+ <div class="uk-inline uk-inverse-light">
225
225
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
226
226
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-center-horizontal uk-text-center">Horizontal</div>
227
227
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-center-vertical uk-text-center">Vertical</div>
@@ -230,7 +230,7 @@
230
230
  </div>
231
231
  <div>
232
232
 
233
- <div class="uk-inline">
233
+ <div class="uk-inline uk-inverse-light">
234
234
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
235
235
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-center-horizontal uk-text-center">Horizontal</div>
236
236
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-center-vertical uk-text-center">Vertical</div>
@@ -244,7 +244,7 @@
244
244
  <div class="uk-child-width-1-4@s" uk-grid>
245
245
  <div>
246
246
 
247
- <div class="uk-inline">
247
+ <div class="uk-inline uk-inverse-light">
248
248
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
249
249
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
250
250
  </div>
@@ -252,7 +252,7 @@
252
252
  </div>
253
253
  <div>
254
254
 
255
- <div class="uk-inline">
255
+ <div class="uk-inline uk-inverse-light">
256
256
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
257
257
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
258
258
  </div>
@@ -260,7 +260,7 @@
260
260
  </div>
261
261
  <div>
262
262
 
263
- <div class="uk-inline">
263
+ <div class="uk-inline uk-inverse-light">
264
264
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
265
265
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
266
266
  </div>
@@ -268,7 +268,7 @@
268
268
  </div>
269
269
  <div>
270
270
 
271
- <div class="uk-inline">
271
+ <div class="uk-inline uk-inverse-light">
272
272
  <a class="uk-display-block" href="#"><img src="images/photo.jpg" width="1800" height="1200" alt=""></a>
273
273
  <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
274
274
  </div>