uikit 3.21.13 → 3.21.14-dev.2e8a07c7e

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 (142) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/css/uikit-core-rtl.css +233 -85
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +233 -85
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +237 -81
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +237 -81
  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 +2 -11
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +432 -127
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +449 -132
  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 +2 -2
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +2 -2
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +20 -28
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +2 -2
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +25 -34
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +4 -2
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +8 -12
  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 +242 -241
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +20 -17
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +668 -549
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +3 -3
  43. package/src/images/icons/arrow-down-arrow-up.svg +6 -0
  44. package/src/images/icons/arrow-down.svg +3 -3
  45. package/src/images/icons/arrow-left.svg +3 -3
  46. package/src/images/icons/arrow-right.svg +3 -3
  47. package/src/images/icons/arrow-up-right.svg +3 -3
  48. package/src/images/icons/arrow-up.svg +3 -3
  49. package/src/images/icons/close-circle.svg +5 -0
  50. package/src/images/icons/cloud-download.svg +4 -4
  51. package/src/images/icons/cloud-upload.svg +4 -4
  52. package/src/images/icons/download.svg +4 -4
  53. package/src/images/icons/expand.svg +5 -5
  54. package/src/images/icons/link-external.svg +4 -4
  55. package/src/images/icons/pull.svg +4 -4
  56. package/src/images/icons/push.svg +3 -3
  57. package/src/images/icons/shrink.svg +5 -5
  58. package/src/images/icons/sign-in.svg +4 -3
  59. package/src/images/icons/sign-out.svg +4 -3
  60. package/src/images/icons/sorting.svg +6 -0
  61. package/src/images/icons/upload.svg +4 -4
  62. package/src/js/api/boot.js +16 -20
  63. package/src/js/api/events.js +12 -13
  64. package/src/js/api/instance.js +1 -1
  65. package/src/js/components/internal/lightbox-animations.js +2 -1
  66. package/src/js/components/internal/slideshow-animations.js +5 -5
  67. package/src/js/components/lightbox-panel.js +184 -45
  68. package/src/js/components/lightbox.js +59 -6
  69. package/src/js/components/slideshow.js +1 -2
  70. package/src/js/components/sortable.js +3 -1
  71. package/src/js/core/drop.js +3 -1
  72. package/src/js/core/grid.js +1 -1
  73. package/src/js/core/icon.js +2 -2
  74. package/src/js/core/img.js +3 -5
  75. package/src/js/core/navbar.js +6 -2
  76. package/src/js/core/scrollspy-nav.js +1 -1
  77. package/src/js/core/svg.js +8 -10
  78. package/src/js/core/video.js +4 -3
  79. package/src/js/mixin/internal/slideshow-animations.js +1 -6
  80. package/src/js/mixin/modal.js +1 -4
  81. package/src/js/mixin/slider-drag.js +5 -6
  82. package/src/js/mixin/slider-nav.js +4 -2
  83. package/src/js/mixin/slider.js +11 -13
  84. package/src/js/mixin/slideshow.js +1 -1
  85. package/src/js/mixin/togglable.js +7 -2
  86. package/src/js/util/dom.js +3 -1
  87. package/src/js/util/filter.js +3 -1
  88. package/src/js/util/player.js +0 -4
  89. package/src/less/components/background.less +1 -9
  90. package/src/less/components/breadcrumb.less +6 -2
  91. package/src/less/components/button.less +1 -1
  92. package/src/less/components/form-range.less +52 -0
  93. package/src/less/components/form.less +1 -1
  94. package/src/less/components/lightbox.less +57 -89
  95. package/src/less/components/margin.less +14 -0
  96. package/src/less/components/search.less +49 -23
  97. package/src/less/components/sticky.less +1 -10
  98. package/src/less/components/totop.less +1 -1
  99. package/src/less/components/transition.less +4 -4
  100. package/src/less/components/visibility.less +3 -2
  101. package/src/less/theme/form-range.less +12 -0
  102. package/src/less/theme/lightbox.less +2 -20
  103. package/src/less/theme/search.less +24 -10
  104. package/src/scss/components/background.scss +1 -9
  105. package/src/scss/components/breadcrumb.scss +6 -2
  106. package/src/scss/components/button.scss +1 -1
  107. package/src/scss/components/form-range.scss +12 -0
  108. package/src/scss/components/form.scss +1 -1
  109. package/src/scss/components/lightbox.scss +50 -77
  110. package/src/scss/components/margin.scss +13 -0
  111. package/src/scss/components/search.scss +30 -12
  112. package/src/scss/components/sticky.scss +1 -10
  113. package/src/scss/components/totop.scss +1 -1
  114. package/src/scss/components/transition.scss +4 -4
  115. package/src/scss/components/visibility.scss +3 -2
  116. package/src/scss/mixins-theme.scss +51 -12
  117. package/src/scss/mixins.scss +45 -6
  118. package/src/scss/theme/form-range.scss +10 -0
  119. package/src/scss/theme/lightbox.scss +2 -20
  120. package/src/scss/theme/search.scss +10 -6
  121. package/src/scss/variables-theme.scss +32 -20
  122. package/src/scss/variables.scss +29 -24
  123. package/tests/badge.html +2 -2
  124. package/tests/base.html +1 -1
  125. package/tests/breadcrumb.html +23 -5
  126. package/tests/card.html +24 -24
  127. package/tests/dropbar.html +15 -15
  128. package/tests/dropdown.html +6 -6
  129. package/tests/dropnav.html +100 -100
  130. package/tests/icon.html +8 -0
  131. package/tests/index.html +15 -15
  132. package/tests/lightbox.html +379 -28
  133. package/tests/margin.html +19 -0
  134. package/tests/nav.html +21 -21
  135. package/tests/navbar.html +292 -292
  136. package/tests/offcanvas.html +27 -27
  137. package/tests/placeholder.html +2 -2
  138. package/tests/slider.html +0 -1
  139. package/tests/slideshow.html +1 -1
  140. package/tests/sortable.html +5 -5
  141. package/tests/sticky-navbar.html +114 -114
  142. package/tests/transition.html +2 -1
package/src/scss/variables.scss CHANGED
@@ -414,6 +414,10 @@ $form-range-thumb-height: 15px !default;
414
414
  $form-range-thumb-width: $form-range-thumb-height !default;
415
415
  $form-range-thumb-border-radius: 500px !default;
416
416
  $form-range-thumb-background: $global-color !default;
417
+ $inverse-global-muted-background: rgba($global-inverse-color, 0.1) !default;
418
+ $inverse-form-range-track-background: darken($inverse-global-muted-background; 5%) !default;
419
+ $inverse-form-range-track-focus-background: fade-in($inverse-form-range-track-background, 0.05) !default;
420
+ $inverse-form-range-thumb-background: fade-in($inverse-global-color, 1) !default;
417
421
  $form-height: $global-control-height !default;
418
422
  $form-line-height: $form-height !default;
419
423
  $form-padding-horizontal: 10px !default;
@@ -471,7 +475,6 @@ $internal-form-datalist-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%
471
475
  $internal-form-radio-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
472
476
  $internal-form-checkbox-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default;
473
477
  $internal-form-checkbox-indeterminate-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
474
- $inverse-global-muted-background: rgba($global-inverse-color, 0.1) !default;
475
478
  $inverse-form-background: $inverse-global-muted-background !default;
476
479
  $inverse-form-color: $inverse-global-color !default;
477
480
  $inverse-form-focus-background: fade-in($inverse-form-background, 0.05) !default;
@@ -602,21 +605,16 @@ $leader-fill-content: unquote('.') !default;
602
605
  $leader-fill-margin-left: $global-small-gutter !default;
603
606
  $lightbox-z-index: $global-z-index + 10 !default;
604
607
  $lightbox-background: #000 !default;
608
+ $lightbox-color-mode: light !default;
605
609
  $lightbox-focus-outline: rgba(255,255,255,0.7) !default;
606
- $lightbox-item-color: rgba(255,255,255,0.7) !default;
607
610
  $lightbox-item-max-width: 100vw !default;
608
611
  $lightbox-item-max-height: 100vh !default;
609
- $lightbox-toolbar-padding-vertical: 10px !default;
610
- $lightbox-toolbar-padding-horizontal: 10px !default;
611
- $lightbox-toolbar-background: rgba(0,0,0,0.3) !default;
612
- $lightbox-toolbar-color: rgba(255,255,255,0.7) !default;
613
- $lightbox-toolbar-icon-padding: 5px !default;
614
- $lightbox-toolbar-icon-color: rgba(255,255,255,0.7) !default;
615
- $lightbox-toolbar-icon-hover-color: #fff !default;
616
- $lightbox-button-size: 50px !default;
617
- $lightbox-button-background: $lightbox-toolbar-background !default;
618
- $lightbox-button-color: rgba(255,255,255,0.7) !default;
619
- $lightbox-button-hover-color: #fff !default;
612
+ $lightbox-thumbnav-vertical-width: 100px !default;
613
+ $lightbox-thumbnav-height: 100px !default;
614
+ $lightbox-caption-padding-vertical: 10px !default;
615
+ $lightbox-caption-padding-horizontal: 10px !default;
616
+ $lightbox-caption-background: rgba(0,0,0,0.3) !default;
617
+ $lightbox-caption-color: rgba(255,255,255,0.7) !default;
620
618
  $link-muted-color: $global-muted-color !default;
621
619
  $link-muted-hover-color: $global-color !default;
622
620
  $link-text-hover-color: $global-muted-color !default;
@@ -653,6 +651,7 @@ $inverse-list-divider-border: $inverse-global-border !default;
653
651
  $inverse-list-striped-background: $inverse-global-muted-background !default;
654
652
  $inverse-list-bullet-icon-color: $inverse-global-color !default;
655
653
  $margin-margin: $global-margin !default;
654
+ $margin-xsmall-margin: 5px !default;
656
655
  $margin-small-margin: $global-small-margin !default;
657
656
  $margin-medium-margin: $global-medium-margin !default;
658
657
  $margin-large-margin: $global-medium-margin !default;
@@ -930,25 +929,29 @@ $search-default-height: $global-control-height !default;
930
929
  $search-default-padding-horizontal: 10px !default;
931
930
  $search-default-background: $global-muted-background !default;
932
931
  $search-default-focus-background: darken($search-default-background, 2%) !default;
933
- $search-default-icon-width: $global-control-height !default;
934
- $search-default-icon-padding: 0 !default;
932
+ $search-default-icon-width: 20px !default;
933
+ $search-default-icon-padding: 10px !default;
935
934
  $search-navbar-width: 240px !default;
936
935
  $search-navbar-height: $global-control-height !default;
937
936
  $search-navbar-padding-horizontal: 10px !default;
938
937
  $search-navbar-background: $global-background !default;
939
938
  $search-navbar-focus-background: darken($search-navbar-background, 1%) !default;
940
- $search-navbar-icon-width: $global-control-height !default;
941
- $search-navbar-icon-padding: 0 !default;
939
+ $search-navbar-icon-width: 20px !default;
940
+ $search-navbar-icon-padding: 10px !default;
942
941
  $search-medium-width: 400px !default;
943
- $search-medium-height: 40px !default;
944
- $search-medium-background: transparent !default;
942
+ $search-medium-height: $global-control-large-height !default;
943
+ $search-medium-padding-horizontal: 12px !default;
944
+ $search-medium-background: $search-default-background !default;
945
945
  $search-medium-font-size: $global-large-font-size !default;
946
+ $search-medium-focus-background: darken($search-medium-background, 2%) !default;
946
947
  $search-medium-icon-width: 24px !default;
947
- $search-medium-icon-padding: 10px !default;
948
+ $search-medium-icon-padding: 12px !default;
948
949
  $search-large-width: 500px !default;
949
- $search-large-height: 80px !default;
950
- $search-large-background: transparent !default;
950
+ $search-large-height: 90px !default;
951
+ $search-large-padding-horizontal: 20px !default;
952
+ $search-large-background: $search-default-background !default;
951
953
  $search-large-font-size: $global-2xlarge-font-size !default;
954
+ $search-large-focus-background: darken($search-large-background, 2%) !default;
952
955
  $search-large-icon-width: 40px !default;
953
956
  $search-large-icon-padding: 20px !default;
954
957
  $search-toggle-color: $global-muted-color !default;
@@ -960,8 +963,10 @@ $inverse-search-default-background: $inverse-global-muted-background !default;
960
963
  $inverse-search-default-focus-background: fade-in($inverse-search-default-background, 0.05) !default;
961
964
  $inverse-search-navbar-background: $inverse-global-muted-background !default;
962
965
  $inverse-search-navbar-focus-background: fade-in($inverse-search-navbar-background, 0.05) !default;
963
- $inverse-search-medium-background: transparent !default;
964
- $inverse-search-large-background: transparent !default;
966
+ $inverse-search-medium-background: $inverse-search-default-background !default;
967
+ $inverse-search-medium-focus-background: fade-in($inverse-search-medium-background, 0.05) !default;
968
+ $inverse-search-large-background: $inverse-search-default-background !default;
969
+ $inverse-search-large-focus-background: fade-in($inverse-search-large-background, 0.05) !default;
965
970
  $inverse-search-toggle-color: $inverse-global-muted-color !default;
966
971
  $inverse-search-toggle-hover-color: $inverse-global-color !default;
967
972
  $section-padding-vertical: $global-medium-margin !default;
package/tests/badge.html CHANGED
@@ -31,9 +31,9 @@
31
31
  <div class="uk-navbar-left">
32
32
 
33
33
  <ul class="uk-navbar-nav">
34
- <li class="uk-active"><a href="#">Active <span class="uk-badge uk-margin-small-left">2</span></a></li>
34
+ <li class="uk-active"><a href="#">Active <span class="uk-badge">2</span></a></li>
35
35
  <li><a href="#">Item</a></li>
36
- <li><a href="#">Item <span class="uk-badge uk-margin-small-left">2</span></a></li>
36
+ <li><a href="#">Item <span class="uk-badge">2</span></a></li>
37
37
  </ul>
38
38
 
39
39
  </div>
package/tests/base.html CHANGED
@@ -49,7 +49,7 @@
49
49
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
50
50
 
51
51
  <blockquote cite="#">
52
- <p class="uk-margin-small-bottom">The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.</p>
52
+ <p class="uk-margin-remove">The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.</p>
53
53
  <footer>Someone famous in <cite><a href="">Source Title</a></cite></footer>
54
54
  </blockquote>
55
55
 
package/tests/breadcrumb.html CHANGED
@@ -19,16 +19,25 @@
19
19
  <li><a href="#">Home</a></li>
20
20
  <li><a href="#">Linked Category</a></li>
21
21
  <li class="uk-disabled"><a>Disabled Category</a></li>
22
- <li><span aria-current="page">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></li>
22
+ <li><span aria-current="page">Current Span</span></li>
23
23
  </ul>
24
24
  </nav>
25
25
 
26
+ <!-- Test space -->
26
27
  <nav aria-label="Breadcrumb">
27
28
  <ul class="uk-breadcrumb uk-width-xlarge">
28
- <li><a href="#">Home</a></li>
29
- <li><a href="#">Linked Category</a></li>
30
- <li class="uk-disabled"><a>Disabled Category</a></li>
31
- <li class="uk-disabled"><a>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
29
+ <li>
30
+ <a href="#">Home</a>
31
+ </li>
32
+ <li>
33
+ <a href="#">Linked Category</a>
34
+ </li>
35
+ <li class="uk-disabled">
36
+ <a>Disabled Category</a>
37
+ </li>
38
+ <li class="uk-disabled">
39
+ <a>Current Link</a>
40
+ </li>
32
41
  </ul>
33
42
  </nav>
34
43
 
@@ -40,6 +49,15 @@
40
49
  </ul>
41
50
  </nav>
42
51
 
52
+ <nav aria-label="Breadcrumb">
53
+ <ul class="uk-breadcrumb uk-width-xlarge">
54
+ <li><a href="#">Home</a></li>
55
+ <li><a href="#">Linked Category</a></li>
56
+ <li class="uk-disabled"><a>Disabled Category</a></li>
57
+ <li><span aria-current="page">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></li>
58
+ </ul>
59
+ </nav>
60
+
43
61
  </div>
44
62
 
45
63
  </body>
package/tests/card.html CHANGED
@@ -374,10 +374,10 @@
374
374
  </ul>
375
375
  </li>
376
376
  <li class="uk-nav-header">Header</li>
377
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
378
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
377
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
378
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
379
379
  <li class="uk-nav-divider"></li>
380
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
380
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
381
381
  </ul>
382
382
  </div>
383
383
 
@@ -396,10 +396,10 @@
396
396
  </ul>
397
397
  </li>
398
398
  <li class="uk-nav-header">Header</li>
399
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
400
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
399
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
400
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
401
401
  <li class="uk-nav-divider"></li>
402
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
402
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
403
403
  </ul>
404
404
  </div>
405
405
 
@@ -421,10 +421,10 @@
421
421
  </ul>
422
422
  </li>
423
423
  <li class="uk-nav-header">Header</li>
424
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
425
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
424
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
425
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
426
426
  <li class="uk-nav-divider"></li>
427
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
427
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
428
428
  </ul>
429
429
  </div>
430
430
  <div class="uk-card-footer">
@@ -450,10 +450,10 @@
450
450
  </ul>
451
451
  </li>
452
452
  <li class="uk-nav-header">Header</li>
453
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
454
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
453
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
454
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
455
455
  <li class="uk-nav-divider"></li>
456
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
456
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
457
457
  </ul>
458
458
  </div>
459
459
  <div class="uk-card-media-bottom">
@@ -508,10 +508,10 @@
508
508
  </ul>
509
509
  </li>
510
510
  <li class="uk-nav-header">Header</li>
511
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
512
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
511
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
512
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
513
513
  <li class="uk-nav-divider"></li>
514
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
514
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
515
515
  </ul>
516
516
  </div>
517
517
 
@@ -530,10 +530,10 @@
530
530
  </ul>
531
531
  </li>
532
532
  <li class="uk-nav-header">Header</li>
533
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
534
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
533
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
534
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
535
535
  <li class="uk-nav-divider"></li>
536
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
536
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
537
537
  </ul>
538
538
  </div>
539
539
 
@@ -584,10 +584,10 @@
584
584
  </ul>
585
585
  </li>
586
586
  <li class="uk-nav-header">Header</li>
587
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
588
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
587
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
588
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
589
589
  <li class="uk-nav-divider"></li>
590
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
590
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
591
591
  </ul>
592
592
  </div>
593
593
 
@@ -606,10 +606,10 @@
606
606
  </ul>
607
607
  </li>
608
608
  <li class="uk-nav-header">Header</li>
609
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
610
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
609
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
610
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
611
611
  <li class="uk-nav-divider"></li>
612
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
612
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
613
613
  </ul>
614
614
  </div>
615
615
 
package/tests/dropbar.html CHANGED
@@ -116,10 +116,10 @@
116
116
  </ul>
117
117
  </li>
118
118
  <li class="uk-nav-header">Header</li>
119
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
120
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
119
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
120
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
121
121
  <li class="uk-nav-divider"></li>
122
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
122
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
123
123
  </ul>
124
124
  </div>
125
125
  <div>
@@ -275,10 +275,10 @@
275
275
  </ul>
276
276
  </li>
277
277
  <li class="uk-nav-header">Header</li>
278
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
279
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
278
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
279
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
280
280
  <li class="uk-nav-divider"></li>
281
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
281
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
282
282
  </ul>
283
283
 
284
284
  </div>
@@ -323,10 +323,10 @@
323
323
  </ul>
324
324
  </li>
325
325
  <li class="uk-nav-header">Header</li>
326
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
327
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
326
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
327
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
328
328
  <li class="uk-nav-divider"></li>
329
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
329
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
330
330
  </ul>
331
331
 
332
332
  </div>
@@ -371,10 +371,10 @@
371
371
  </ul>
372
372
  </li>
373
373
  <li class="uk-nav-header">Header</li>
374
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
375
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
374
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
375
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
376
376
  <li class="uk-nav-divider"></li>
377
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
377
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
378
378
  </ul>
379
379
 
380
380
  </div>
@@ -419,10 +419,10 @@
419
419
  </ul>
420
420
  </li>
421
421
  <li class="uk-nav-header">Header</li>
422
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
423
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
422
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
423
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
424
424
  <li class="uk-nav-divider"></li>
425
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
425
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
426
426
  </ul>
427
427
 
428
428
  </div>
package/tests/dropdown.html CHANGED
@@ -63,10 +63,10 @@
63
63
  </ul>
64
64
  </li>
65
65
  <li class="uk-nav-header">Header</li>
66
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
67
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
66
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
67
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
68
68
  <li class="uk-nav-divider"></li>
69
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
69
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
70
70
  </ul>
71
71
 
72
72
  </div>
@@ -103,10 +103,10 @@
103
103
  </ul>
104
104
  </li>
105
105
  <li class="uk-nav-header">Header</li>
106
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
107
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
106
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
107
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
108
108
  <li class="uk-nav-divider"></li>
109
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
109
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
110
110
  </ul>
111
111
  </div>
112
112
  </div>