uikit 3.17.12-dev.f1425d280 → 3.18.1-dev.0856bd8a6

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 (260) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/css/uikit-core-rtl.css +577 -504
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +577 -504
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +600 -527
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +600 -527
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +2 -4
  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 +96 -60
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +96 -60
  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 +11 -6
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +8 -3
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +735 -37
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +8 -3
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +792 -129
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +7 -7
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +2 -8
  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 +299 -273
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +9 -4
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +505 -365
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +3 -3
  43. package/src/images/components/navbar-toggle-icon.svg +1 -1
  44. package/src/images/icons/arrow-up-right.svg +4 -0
  45. package/src/images/icons/git-branch.svg +4 -4
  46. package/src/images/icons/git-fork.svg +4 -4
  47. package/src/images/icons/link-external.svg +5 -0
  48. package/src/images/icons/signal.svg +3 -0
  49. package/src/images/icons/telegram.svg +3 -0
  50. package/src/images/icons/threads.svg +3 -0
  51. package/src/images/icons/x.svg +3 -0
  52. package/src/js/components/countdown.js +1 -3
  53. package/src/js/components/internal/slider-preload.js +6 -0
  54. package/src/js/components/lightbox-panel.js +2 -6
  55. package/src/js/components/parallax.js +1 -20
  56. package/src/js/components/slider.js +38 -18
  57. package/src/js/components/slideshow.js +14 -46
  58. package/src/js/components/sortable.js +7 -6
  59. package/src/js/components/tooltip.js +1 -7
  60. package/src/js/core/accordion.js +1 -1
  61. package/src/js/core/drop.js +3 -5
  62. package/src/js/core/dropnav.js +24 -20
  63. package/src/js/core/height-match.js +7 -3
  64. package/src/js/core/height-placeholder.js +32 -0
  65. package/src/js/core/icon.js +12 -5
  66. package/src/js/core/index.js +2 -0
  67. package/src/js/core/inverse.js +103 -0
  68. package/src/js/core/modal.js +13 -0
  69. package/src/js/core/navbar.js +32 -172
  70. package/src/js/core/responsive.js +2 -29
  71. package/src/js/core/sticky.js +45 -29
  72. package/src/js/core/video.js +5 -1
  73. package/src/js/mixin/modal.js +1 -1
  74. package/src/js/mixin/parallax.js +19 -0
  75. package/src/js/mixin/slider-autoplay.js +1 -3
  76. package/src/js/mixin/slider-drag.js +22 -19
  77. package/src/js/mixin/slider-nav.js +10 -1
  78. package/src/js/mixin/slider-parallax.js +138 -0
  79. package/src/js/mixin/slider-reactive.js +1 -1
  80. package/src/js/mixin/slider.js +25 -3
  81. package/src/js/util/animation.js +14 -14
  82. package/src/js/util/dom.js +2 -2
  83. package/src/js/util/mouse.js +8 -11
  84. package/src/js/util/scroll.js +58 -0
  85. package/src/js/util/selector.js +4 -2
  86. package/src/js/util/style.js +3 -3
  87. package/src/js/util/viewport.js +8 -4
  88. package/src/less/components/align.less +2 -2
  89. package/src/less/components/animation.less +2 -2
  90. package/src/less/components/article.less +2 -2
  91. package/src/less/components/base.less +3 -3
  92. package/src/less/components/card.less +13 -6
  93. package/src/less/components/column.less +3 -3
  94. package/src/less/components/container.less +3 -3
  95. package/src/less/components/divider.less +2 -2
  96. package/src/less/components/dropbar.less +1 -1
  97. package/src/less/components/dropdown.less +1 -1
  98. package/src/less/components/dropnav.less +1 -1
  99. package/src/less/components/form.less +1 -1
  100. package/src/less/components/grid.less +3 -3
  101. package/src/less/components/height.less +1 -1
  102. package/src/less/components/icon.less +3 -3
  103. package/src/less/components/inverse.less +12 -0
  104. package/src/less/components/link.less +1 -1
  105. package/src/less/components/modal.less +3 -3
  106. package/src/less/components/nav.less +66 -0
  107. package/src/less/components/navbar.less +7 -11
  108. package/src/less/components/overlay.less +5 -0
  109. package/src/less/components/position.less +7 -7
  110. package/src/less/components/section.less +6 -5
  111. package/src/less/components/sticky.less +1 -1
  112. package/src/less/components/svg.less +3 -3
  113. package/src/less/components/tile.less +10 -0
  114. package/src/less/components/transition.less +9 -9
  115. package/src/less/components/utility.less +4 -4
  116. package/src/less/components/width.less +7 -7
  117. package/src/less/theme/alert.less +1 -1
  118. package/src/less/theme/align.less +1 -1
  119. package/src/less/theme/animation.less +1 -1
  120. package/src/less/theme/article.less +1 -1
  121. package/src/less/theme/background.less +1 -1
  122. package/src/less/theme/badge.less +1 -1
  123. package/src/less/theme/base.less +1 -1
  124. package/src/less/theme/breadcrumb.less +1 -1
  125. package/src/less/theme/button.less +1 -1
  126. package/src/less/theme/card.less +1 -1
  127. package/src/less/theme/close.less +1 -1
  128. package/src/less/theme/column.less +1 -1
  129. package/src/less/theme/comment.less +1 -1
  130. package/src/less/theme/container.less +1 -1
  131. package/src/less/theme/description-list.less +1 -1
  132. package/src/less/theme/divider.less +1 -1
  133. package/src/less/theme/dotnav.less +1 -1
  134. package/src/less/theme/drop.less +1 -1
  135. package/src/less/theme/dropbar.less +1 -1
  136. package/src/less/theme/dropdown.less +1 -1
  137. package/src/less/theme/form-range.less +1 -1
  138. package/src/less/theme/height.less +1 -1
  139. package/src/less/theme/icon.less +1 -1
  140. package/src/less/theme/iconnav.less +1 -1
  141. package/src/less/theme/inverse.less +1 -1
  142. package/src/less/theme/label.less +1 -1
  143. package/src/less/theme/leader.less +1 -1
  144. package/src/less/theme/lightbox.less +1 -1
  145. package/src/less/theme/margin.less +1 -1
  146. package/src/less/theme/modal.less +1 -1
  147. package/src/less/theme/nav.less +1 -1
  148. package/src/less/theme/navbar.less +3 -3
  149. package/src/less/theme/notification.less +1 -1
  150. package/src/less/theme/offcanvas.less +1 -1
  151. package/src/less/theme/overlay.less +1 -1
  152. package/src/less/theme/padding.less +1 -1
  153. package/src/less/theme/pagination.less +1 -1
  154. package/src/less/theme/position.less +1 -1
  155. package/src/less/theme/search.less +1 -1
  156. package/src/less/theme/spinner.less +1 -1
  157. package/src/less/theme/sticky.less +1 -1
  158. package/src/less/theme/tab.less +2 -2
  159. package/src/less/theme/table.less +1 -1
  160. package/src/less/theme/thumbnav.less +1 -1
  161. package/src/less/theme/tile.less +1 -1
  162. package/src/less/theme/tooltip.less +1 -1
  163. package/src/less/theme/totop.less +1 -1
  164. package/src/less/theme/transition.less +1 -1
  165. package/src/less/theme/utility.less +1 -1
  166. package/src/less/theme/variables.less +1 -1
  167. package/src/less/theme/width.less +1 -1
  168. package/src/less/uikit.less +1 -1
  169. package/src/scss/components/align.scss +2 -2
  170. package/src/scss/components/animation.scss +2 -2
  171. package/src/scss/components/base.scss +2 -2
  172. package/src/scss/components/card.scss +12 -6
  173. package/src/scss/components/column.scss +3 -3
  174. package/src/scss/components/container.scss +3 -3
  175. package/src/scss/components/divider.scss +2 -2
  176. package/src/scss/components/dropnav.scss +1 -1
  177. package/src/scss/components/form.scss +1 -1
  178. package/src/scss/components/grid.scss +3 -3
  179. package/src/scss/components/height.scss +1 -1
  180. package/src/scss/components/icon.scss +3 -3
  181. package/src/scss/components/inverse.scss +12 -0
  182. package/src/scss/components/modal.scss +3 -3
  183. package/src/scss/components/nav.scss +63 -0
  184. package/src/scss/components/navbar.scss +5 -8
  185. package/src/scss/components/overlay.scss +4 -0
  186. package/src/scss/components/position.scss +7 -7
  187. package/src/scss/components/section.scss +6 -5
  188. package/src/scss/components/sticky.scss +1 -1
  189. package/src/scss/components/svg.scss +3 -3
  190. package/src/scss/components/tile.scss +8 -0
  191. package/src/scss/components/transition.scss +9 -9
  192. package/src/scss/components/utility.scss +4 -4
  193. package/src/scss/components/width.scss +7 -7
  194. package/src/scss/mixins-theme.scss +10 -7
  195. package/src/scss/mixins.scss +7 -4
  196. package/src/scss/theme/alert.scss +1 -0
  197. package/src/scss/theme/align.scss +1 -1
  198. package/src/scss/theme/animation.scss +1 -1
  199. package/src/scss/theme/article.scss +1 -1
  200. package/src/scss/theme/background.scss +1 -1
  201. package/src/scss/theme/badge.scss +1 -1
  202. package/src/scss/theme/base.scss +1 -1
  203. package/src/scss/theme/breadcrumb.scss +1 -1
  204. package/src/scss/theme/button.scss +1 -1
  205. package/src/scss/theme/card.scss +1 -0
  206. package/src/scss/theme/close.scss +1 -1
  207. package/src/scss/theme/column.scss +1 -1
  208. package/src/scss/theme/comment.scss +1 -1
  209. package/src/scss/theme/container.scss +1 -1
  210. package/src/scss/theme/description-list.scss +1 -1
  211. package/src/scss/theme/divider.scss +1 -1
  212. package/src/scss/theme/dotnav.scss +1 -0
  213. package/src/scss/theme/drop.scss +1 -1
  214. package/src/scss/theme/dropbar.scss +1 -1
  215. package/src/scss/theme/dropdown.scss +1 -1
  216. package/src/scss/theme/form-range.scss +1 -1
  217. package/src/scss/theme/height.scss +1 -1
  218. package/src/scss/theme/icon.scss +1 -1
  219. package/src/scss/theme/iconnav.scss +1 -1
  220. package/src/scss/theme/inverse.scss +1 -1
  221. package/src/scss/theme/label.scss +1 -1
  222. package/src/scss/theme/leader.scss +1 -1
  223. package/src/scss/theme/lightbox.scss +1 -1
  224. package/src/scss/theme/margin.scss +1 -1
  225. package/src/scss/theme/modal.scss +1 -0
  226. package/src/scss/theme/nav.scss +1 -1
  227. package/src/scss/theme/navbar.scss +1 -1
  228. package/src/scss/theme/notification.scss +1 -1
  229. package/src/scss/theme/offcanvas.scss +1 -1
  230. package/src/scss/theme/overlay.scss +1 -1
  231. package/src/scss/theme/padding.scss +1 -1
  232. package/src/scss/theme/pagination.scss +1 -1
  233. package/src/scss/theme/position.scss +1 -1
  234. package/src/scss/theme/search.scss +1 -1
  235. package/src/scss/theme/spinner.scss +1 -1
  236. package/src/scss/theme/sticky.scss +1 -1
  237. package/src/scss/theme/tab.scss +1 -1
  238. package/src/scss/theme/table.scss +1 -0
  239. package/src/scss/theme/thumbnav.scss +1 -1
  240. package/src/scss/theme/tile.scss +1 -1
  241. package/src/scss/theme/tooltip.scss +1 -1
  242. package/src/scss/theme/totop.scss +1 -1
  243. package/src/scss/theme/transition.scss +1 -1
  244. package/src/scss/theme/utility.scss +1 -1
  245. package/src/scss/theme/variables.scss +1 -1
  246. package/src/scss/theme/width.scss +1 -1
  247. package/src/scss/uikit.scss +1 -1
  248. package/src/scss/variables-theme.scss +20 -5
  249. package/src/scss/variables.scss +20 -5
  250. package/tests/height.html +58 -1
  251. package/tests/icon.html +38 -10
  252. package/tests/nav.html +42 -0
  253. package/tests/navbar.html +1 -1
  254. package/tests/offcanvas.html +8 -8
  255. package/tests/search.html +300 -202
  256. package/tests/slider.html +58 -0
  257. package/tests/slideshow.html +66 -0
  258. package/tests/sticky-navbar.html +381 -23
  259. package/src/images/icons/pagekit.svg +0 -3
  260. package/src/js/mixin/internal/scroll.js +0 -39
package/src/scss/theme/width.scss CHANGED
@@ -11,4 +11,4 @@
11
11
  // Miscellaneous
12
12
  // ========================================================================
13
13
 
14
- // @mixin hook-width-misc(){}
14
+ // @mixin hook-width-misc(){}
package/src/scss/uikit.scss CHANGED
@@ -2,4 +2,4 @@
2
2
  // Core
3
3
  //
4
4
 
5
- @import "components/_import.scss";
5
+ @import "components/_import.scss";
package/src/scss/variables-theme.scss CHANGED
@@ -268,6 +268,7 @@ $card-default-background: $global-background !default;
268
268
  $card-default-color: $global-color !default;
269
269
  $card-default-title-color: $global-emphasis-color !default;
270
270
  $card-default-hover-background: $card-default-background !default;
271
+ $card-default-color-mode: dark !default;
271
272
  $card-primary-background: $global-primary-background !default;
272
273
  $card-primary-color: $global-inverse-color !default;
273
274
  $card-primary-title-color: $card-primary-color !default;
@@ -378,7 +379,7 @@ $dropbar-padding-horizontal-s: $global-gutter !default;
378
379
  $dropbar-padding-horizontal-m: $global-medium-gutter !default;
379
380
  $dropbar-background: $global-background !default;
380
381
  $dropbar-color: $global-color !default;
381
- $dropbar-color-mode: none !default;
382
+ $dropbar-color-mode: dark !default;
382
383
  $dropbar-focus-outline: $base-focus-outline !default;
383
384
  $dropbar-large-padding-top: 40px !default;
384
385
  $dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
@@ -388,7 +389,7 @@ $dropdown-min-width: 200px !default;
388
389
  $dropdown-padding: 25px !default;
389
390
  $dropdown-background: $global-background !default;
390
391
  $dropdown-color: $global-color !default;
391
- $dropdown-color-mode: none !default;
392
+ $dropdown-color-mode: dark !default;
392
393
  $dropdown-focus-outline: $base-focus-outline !default;
393
394
  $dropdown-large-padding: 40px !default;
394
395
  $dropdown-dropbar-padding-top: 5px !default;
@@ -759,6 +760,18 @@ $nav-secondary-sublist-line-height: $global-line-height !default;
759
760
  $nav-secondary-sublist-item-color: $global-muted-color !default;
760
761
  $nav-secondary-sublist-item-hover-color: $global-color !default;
761
762
  $nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
763
+ $nav-medium-line-height: 1 !default;
764
+ $nav-medium-font-size-l: 4rem !default;
765
+ $nav-medium-font-size-m: $nav-medium-font-size-l * 0.875 !default;
766
+ $nav-medium-font-size: $nav-medium-font-size-m * 0.825 !default;
767
+ $nav-large-line-height: 1 !default;
768
+ $nav-large-font-size-m: 4rem !default;
769
+ $nav-large-font-size: $nav-large-font-size-m * 0.85 !default;
770
+ $nav-large-font-size-l: 6rem !default;
771
+ $nav-xlarge-line-height: 1 !default;
772
+ $nav-xlarge-font-size: 4rem !default;
773
+ $nav-xlarge-font-size-m: 6rem !default;
774
+ $nav-xlarge-font-size-l: 8rem !default;
762
775
  $nav-dividers-margin-top: 5px !default;
763
776
  $nav-dividers-border-width: $global-border-width !default;
764
777
  $nav-dividers-border: $global-border !default;
@@ -792,7 +805,7 @@ $inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color
792
805
  $inverse-nav-dividers-border: $inverse-global-border !default;
793
806
  $navbar-background: $global-muted-background !default;
794
807
  $navbar-gap: 15px !default;
795
- $navbar-color-mode: none !default;
808
+ $navbar-color-mode: dark !default;
796
809
  $navbar-nav-gap: 15px !default;
797
810
  $navbar-nav-item-height: 80px !default;
798
811
  $navbar-nav-item-padding-horizontal: 0 !default;
@@ -815,7 +828,7 @@ $navbar-dropdown-width: 200px !default;
815
828
  $navbar-dropdown-padding: 25px !default;
816
829
  $navbar-dropdown-background: $global-background !default;
817
830
  $navbar-dropdown-color: $global-color !default;
818
- $navbar-dropdown-color-mode: none !default;
831
+ $navbar-dropdown-color-mode: dark !default;
819
832
  $navbar-dropdown-focus-outline: $base-focus-outline !default;
820
833
  $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
821
834
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
@@ -841,7 +854,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
841
854
  $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
842
855
  $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
843
856
  $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
844
- $navbar-dropbar-behind-color-mode: dark !default;
845
857
  $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
846
858
  $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
847
859
  $inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default;
@@ -880,6 +892,7 @@ $offcanvas-overlay-background: rgba(0,0,0,0.1) !default;
880
892
  $overlay-padding-horizontal: $global-gutter !default;
881
893
  $overlay-padding-vertical: $global-gutter !default;
882
894
  $overlay-default-background: rgba($global-background, 0.8) !default;
895
+ $overlay-default-color-mode: dark !default;
883
896
  $overlay-primary-background: rgba($global-secondary-background, 0.8) !default;
884
897
  $overlay-primary-color-mode: light !default;
885
898
  $padding-padding: $global-gutter !default;
@@ -1093,7 +1106,9 @@ $tile-large-padding-vertical-m: $global-xlarge-margin !default;
1093
1106
  $tile-xlarge-padding-vertical: $global-xlarge-margin !default;
1094
1107
  $tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
1095
1108
  $tile-default-background: $global-background !default;
1109
+ $tile-default-color-mode: dark !default;
1096
1110
  $tile-muted-background: $global-muted-background !default;
1111
+ $tile-muted-color-mode: dark !default;
1097
1112
  $tile-primary-background: $global-primary-background !default;
1098
1113
  $tile-primary-color-mode: light !default;
1099
1114
  $tile-secondary-background: $global-secondary-background !default;
package/src/scss/variables.scss CHANGED
@@ -267,6 +267,7 @@ $card-default-background: $global-muted-background !default;
267
267
  $card-default-color: $global-color !default;
268
268
  $card-default-title-color: $global-emphasis-color !default;
269
269
  $card-default-hover-background: darken($card-default-background, 5%) !default;
270
+ $card-default-color-mode: dark !default;
270
271
  $card-primary-background: $global-primary-background !default;
271
272
  $card-primary-color: $global-inverse-color !default;
272
273
  $card-primary-title-color: $card-primary-color !default;
@@ -377,7 +378,7 @@ $dropbar-padding-horizontal-s: $global-gutter !default;
377
378
  $dropbar-padding-horizontal-m: $global-medium-gutter !default;
378
379
  $dropbar-background: $global-muted-background !default;
379
380
  $dropbar-color: $global-color !default;
380
- $dropbar-color-mode: none !default;
381
+ $dropbar-color-mode: dark !default;
381
382
  $dropbar-focus-outline: $base-focus-outline !default;
382
383
  $dropbar-large-padding-top: 40px !default;
383
384
  $dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
@@ -387,7 +388,7 @@ $dropdown-min-width: 200px !default;
387
388
  $dropdown-padding: 15px !default;
388
389
  $dropdown-background: $global-muted-background !default;
389
390
  $dropdown-color: $global-color !default;
390
- $dropdown-color-mode: none !default;
391
+ $dropdown-color-mode: dark !default;
391
392
  $dropdown-focus-outline: $base-focus-outline !default;
392
393
  $dropdown-large-padding: 40px !default;
393
394
  $dropdown-dropbar-padding-top: $dropdown-padding !default;
@@ -757,6 +758,18 @@ $nav-secondary-sublist-line-height: $global-line-height !default;
757
758
  $nav-secondary-sublist-item-color: $global-muted-color !default;
758
759
  $nav-secondary-sublist-item-hover-color: $global-color !default;
759
760
  $nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
761
+ $nav-medium-line-height: 1 !default;
762
+ $nav-medium-font-size-l: 4rem !default;
763
+ $nav-medium-font-size-m: $nav-medium-font-size-l * 0.875 !default;
764
+ $nav-medium-font-size: $nav-medium-font-size-m * 0.825 !default;
765
+ $nav-large-line-height: 1 !default;
766
+ $nav-large-font-size-m: 4rem !default;
767
+ $nav-large-font-size: $nav-large-font-size-m * 0.85 !default;
768
+ $nav-large-font-size-l: 6rem !default;
769
+ $nav-xlarge-line-height: 1 !default;
770
+ $nav-xlarge-font-size: 4rem !default;
771
+ $nav-xlarge-font-size-m: 6rem !default;
772
+ $nav-xlarge-font-size-l: 8rem !default;
760
773
  $nav-dividers-margin-top: 5px !default;
761
774
  $nav-dividers-border-width: $global-border-width !default;
762
775
  $nav-dividers-border: $global-border !default;
@@ -790,7 +803,7 @@ $inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color
790
803
  $inverse-nav-dividers-border: $inverse-global-border !default;
791
804
  $navbar-background: $global-muted-background !default;
792
805
  $navbar-gap: 0px !default;
793
- $navbar-color-mode: none !default;
806
+ $navbar-color-mode: dark !default;
794
807
  $navbar-nav-gap: 0px !default;
795
808
  $navbar-nav-item-height: 80px !default;
796
809
  $navbar-nav-item-padding-horizontal: 15px !default;
@@ -813,7 +826,7 @@ $navbar-dropdown-width: 200px !default;
813
826
  $navbar-dropdown-padding: 15px !default;
814
827
  $navbar-dropdown-background: $global-muted-background !default;
815
828
  $navbar-dropdown-color: $global-color !default;
816
- $navbar-dropdown-color-mode: none !default;
829
+ $navbar-dropdown-color-mode: dark !default;
817
830
  $navbar-dropdown-focus-outline: $base-focus-outline !default;
818
831
  $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
819
832
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
@@ -839,7 +852,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
839
852
  $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
840
853
  $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
841
854
  $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
842
- $navbar-dropbar-behind-color-mode: dark !default;
843
855
  $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
844
856
  $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
845
857
  $inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default;
@@ -878,6 +890,7 @@ $offcanvas-overlay-background: rgba(0,0,0,0.1) !default;
878
890
  $overlay-padding-horizontal: $global-gutter !default;
879
891
  $overlay-padding-vertical: $global-gutter !default;
880
892
  $overlay-default-background: rgba($global-background, 0.8) !default;
893
+ $overlay-default-color-mode: dark !default;
881
894
  $overlay-primary-background: rgba($global-secondary-background, 0.8) !default;
882
895
  $overlay-primary-color-mode: light !default;
883
896
  $padding-padding: $global-gutter !default;
@@ -1091,7 +1104,9 @@ $tile-large-padding-vertical-m: $global-xlarge-margin !default;
1091
1104
  $tile-xlarge-padding-vertical: $global-xlarge-margin !default;
1092
1105
  $tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
1093
1106
  $tile-default-background: $global-background !default;
1107
+ $tile-default-color-mode: dark !default;
1094
1108
  $tile-muted-background: $global-muted-background !default;
1109
+ $tile-muted-color-mode: dark !default;
1095
1110
  $tile-primary-background: $global-primary-background !default;
1096
1111
  $tile-primary-color-mode: light !default;
1097
1112
  $tile-secondary-background: $global-secondary-background !default;
package/tests/height.html CHANGED
@@ -70,7 +70,7 @@
70
70
  </div>
71
71
  </div>
72
72
 
73
- <h2>JavaScript Options</h2>
73
+ <h3>JavaScript Options</h3>
74
74
 
75
75
  <table class="uk-table uk-table-striped">
76
76
  <thead>
@@ -97,6 +97,63 @@
97
97
  </tbody>
98
98
  </table>
99
99
 
100
+ <h2>Height Placeholder</h2>
101
+
102
+ </div>
103
+
104
+ <div class="uk-position-relative uk-margin">
105
+
106
+ <div class="tm-header uk-position-top">
107
+ <nav class="uk-navbar-container uk-navbar-transparent" uk-inverse="sel-active: .uk-navbar-transparent">
108
+ <div class="uk-container">
109
+ <div uk-navbar>
110
+ <div class="uk-navbar-left">
111
+ <a class="uk-navbar-item uk-logo" href="#">Transparent Navbar</a>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </nav>
116
+ </div>
117
+
118
+ <div class="uk-section-muted">
119
+
120
+ <div uk-height-placeholder="!.uk-position-relative .tm-header"></div>
121
+
122
+ <div class="uk-section">
123
+
124
+ <div class="uk-container">
125
+ <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>
126
+ </div>
127
+
128
+ </div>
129
+
130
+ </div>
131
+
132
+ </div>
133
+
134
+ <div class="uk-container uk-margin">
135
+
136
+ <h3>JavaScript Options</h3>
137
+
138
+ <table class="uk-table uk-table-striped">
139
+ <thead>
140
+ <tr>
141
+ <th>Option</th>
142
+ <th>Value</th>
143
+ <th>Default</th>
144
+ <th>Description</th>
145
+ </tr>
146
+ </thead>
147
+ <tbody>
148
+ <tr>
149
+ <td><code>target</code></td>
150
+ <td>CSS selector</td>
151
+ <td></td>
152
+ <td>Element whose height will be used.</td>
153
+ </tr>
154
+ </tbody>
155
+ </table>
156
+
100
157
  </div>
101
158
 
102
159
  </body>
package/tests/icon.html CHANGED
@@ -87,6 +87,7 @@
87
87
  <li><span class="uk-margin-small-right" uk-icon="icon: trash"></span> trash</li>
88
88
  <li><span class="uk-margin-small-right" uk-icon="icon: move"></span> move</li>
89
89
  <li><span class="uk-margin-small-right" uk-icon="icon: link"></span> link</li>
90
+ <li><span class="uk-margin-small-right" uk-icon="icon: link-external"></span> link-external</li>
90
91
  <li><span class="uk-margin-small-right" uk-icon="icon: eye"></span> eye</li>
91
92
  <li><span class="uk-margin-small-right" uk-icon="icon: eye-slash"></span> eye-slash</li>
92
93
  <li><span class="uk-margin-small-right" uk-icon="icon: question"></span> question</li>
@@ -149,6 +150,7 @@
149
150
  <li><span class="uk-margin-small-right" uk-icon="icon: forward"></span> forward</li>
150
151
  <li><span class="uk-margin-small-right" uk-icon="icon: expand"></span> expand</li>
151
152
  <li><span class="uk-margin-small-right" uk-icon="icon: shrink"></span> shrink</li>
153
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-up-right"></span> arrow-up-right</li>
152
154
  <li><span class="uk-margin-small-right" uk-icon="icon: arrow-up"></span> arrow-up</li>
153
155
  <li><span class="uk-margin-small-right" uk-icon="icon: arrow-down"></span> arrow-down</li>
154
156
  <li><span class="uk-margin-small-right" uk-icon="icon: arrow-left"></span> arrow-left</li>
@@ -164,6 +166,12 @@
164
166
  <li><span class="uk-margin-small-right" uk-icon="icon: triangle-left"></span> triangle-left</li>
165
167
  <li><span class="uk-margin-small-right" uk-icon="icon: triangle-right"></span> triangle-right</li>
166
168
 
169
+ <!-- Editor -->
170
+ <li><span class="uk-margin-small-right" uk-icon="icon: bold"></span> bold</li>
171
+ <li><span class="uk-margin-small-right" uk-icon="icon: italic"></span> italic</li>
172
+ <li><span class="uk-margin-small-right" uk-icon="icon: strikethrough"></span> strikethrough</li>
173
+ <li><span class="uk-margin-small-right" uk-icon="icon: quote-right"></span> quote-right</li>
174
+
167
175
  </ul>
168
176
 
169
177
  </div>
@@ -171,12 +179,6 @@
171
179
 
172
180
  <ul class="uk-list">
173
181
 
174
- <!-- Editor -->
175
- <li><span class="uk-margin-small-right" uk-icon="icon: bold"></span> bold</li>
176
- <li><span class="uk-margin-small-right" uk-icon="icon: italic"></span> italic</li>
177
- <li><span class="uk-margin-small-right" uk-icon="icon: strikethrough"></span> strikethrough</li>
178
- <li><span class="uk-margin-small-right" uk-icon="icon: quote-right"></span> quote-right</li>
179
-
180
182
  <!-- Brands -->
181
183
  <li><span class="uk-margin-small-right" uk-icon="icon: 500px"></span> 500px</li>
182
184
  <li><span class="uk-margin-small-right" uk-icon="icon: android"></span> android</li>
@@ -196,22 +198,27 @@
196
198
  <li><span class="uk-margin-small-right" uk-icon="icon: instagram"></span> instagram</li>
197
199
  <li><span class="uk-margin-small-right" uk-icon="icon: joomla"></span> joomla</li>
198
200
  <li><span class="uk-margin-small-right" uk-icon="icon: linkedin"></span> linkedin</li>
201
+ <li><span class="uk-margin-small-right" uk-icon="icon: mastodon"></span> mastodon</li>
199
202
  <li><span class="uk-margin-small-right" uk-icon="icon: microsoft"></span> microsoft</li>
200
203
  <li><span class="uk-margin-small-right" uk-icon="icon: pagekit"></span> pagekit</li>
201
204
  <li><span class="uk-margin-small-right" uk-icon="icon: pinterest"></span> pinterest</li>
202
205
  <li><span class="uk-margin-small-right" uk-icon="icon: reddit"></span> reddit</li>
206
+ <li><span class="uk-margin-small-right" uk-icon="icon: signal"></span> signal</li>
203
207
  <li><span class="uk-margin-small-right" uk-icon="icon: soundcloud"></span> soundcloud</li>
208
+ <li><span class="uk-margin-small-right" uk-icon="icon: telegram"></span> telegram</li>
209
+ <li><span class="uk-margin-small-right" uk-icon="icon: threads"></span> threads</li>
204
210
  <li><span class="uk-margin-small-right" uk-icon="icon: tiktok"></span> tiktok</li>
205
211
  <li><span class="uk-margin-small-right" uk-icon="icon: tripadvisor"></span> tripadvisor</li>
206
212
  <li><span class="uk-margin-small-right" uk-icon="icon: tumblr"></span> tumblr</li>
207
213
  <li><span class="uk-margin-small-right" uk-icon="icon: twitch"></span> twitch</li>
208
- <li><span class="uk-margin-small-right" uk-icon="icon: twitter"></span> twitter</li>
209
214
  <li><span class="uk-margin-small-right" uk-icon="icon: uikit"></span> uikit</li>
210
215
  <li><span class="uk-margin-small-right" uk-icon="icon: vimeo"></span> vimeo</li>
211
216
  <li><span class="uk-margin-small-right" uk-icon="icon: whatsapp"></span> whatsapp</li>
212
217
  <li><span class="uk-margin-small-right" uk-icon="icon: wordpress"></span> wordpress</li>
218
+ <li><span class="uk-margin-small-right" uk-icon="icon: x"></span> x</li>
213
219
  <li><span class="uk-margin-small-right" uk-icon="icon: xing"></span> xing</li>
214
220
  <li><span class="uk-margin-small-right" uk-icon="icon: yelp"></span> yelp</li>
221
+ <li><span class="uk-margin-small-right" uk-icon="icon: yootheme"></span> yootheme</li>
215
222
  <li><span class="uk-margin-small-right" uk-icon="icon: youtube"></span> youtube</li>
216
223
  </ul>
217
224
 
@@ -272,6 +279,7 @@
272
279
  <li><a class="uk-icon-link" href="#" uk-icon="icon: trash"></a></li>
273
280
  <li><a class="uk-icon-link" href="#" uk-icon="icon: move"></a></li>
274
281
  <li><a class="uk-icon-link" href="#" uk-icon="icon: link"></a></li>
282
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: link-external"></a></li>
275
283
  <li><a class="uk-icon-link" href="#" uk-icon="icon: eye"></a></li>
276
284
  <li><a class="uk-icon-link" href="#" uk-icon="icon: eye-slash"></a></li>
277
285
  <li><a class="uk-icon-link" href="#" uk-icon="icon: question"></a></li>
@@ -327,6 +335,7 @@
327
335
  <li><a class="uk-icon-link" href="#" uk-icon="icon: forward"></a></li>
328
336
  <li><a class="uk-icon-link" href="#" uk-icon="icon: expand"></a></li>
329
337
  <li><a class="uk-icon-link" href="#" uk-icon="icon: shrink"></a></li>
338
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-up-right"></a></li>
330
339
  <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-up"></a></li>
331
340
  <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-down"></a></li>
332
341
  <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-left"></a></li>
@@ -367,22 +376,27 @@
367
376
  <li><a class="uk-icon-link" href="#" uk-icon="icon: instagram"></a></li>
368
377
  <li><a class="uk-icon-link" href="#" uk-icon="icon: joomla"></a></li>
369
378
  <li><a class="uk-icon-link" href="#" uk-icon="icon: linkedin"></a></li>
379
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: mastodon"></a></li>
370
380
  <li><a class="uk-icon-link" href="#" uk-icon="icon: microsoft"></a></li>
371
381
  <li><a class="uk-icon-link" href="#" uk-icon="icon: pagekit"></a></li>
372
382
  <li><a class="uk-icon-link" href="#" uk-icon="icon: pinterest"></a></li>
373
383
  <li><a class="uk-icon-link" href="#" uk-icon="icon: reddit"></a></li>
384
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: signal"></a></li>
374
385
  <li><a class="uk-icon-link" href="#" uk-icon="icon: soundcloud"></a></li>
386
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: telegram"></a></li>
387
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: threads"></a></li>
375
388
  <li><a class="uk-icon-link" href="#" uk-icon="icon: tiktok"></a></li>
376
389
  <li><a class="uk-icon-link" href="#" uk-icon="icon: tripadvisor"></a></li>
377
390
  <li><a class="uk-icon-link" href="#" uk-icon="icon: tumblr"></a></li>
378
391
  <li><a class="uk-icon-link" href="#" uk-icon="icon: twitch"></a></li>
379
- <li><a class="uk-icon-link" href="#" uk-icon="icon: twitter"></a></li>
380
392
  <li><a class="uk-icon-link" href="#" uk-icon="icon: uikit"></a></li>
381
393
  <li><a class="uk-icon-link" href="#" uk-icon="icon: vimeo"></a></li>
382
394
  <li><a class="uk-icon-link" href="#" uk-icon="icon: whatsapp"></a></li>
383
395
  <li><a class="uk-icon-link" href="#" uk-icon="icon: wordpress"></a></li>
396
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: x"></a></li>
384
397
  <li><a class="uk-icon-link" href="#" uk-icon="icon: xing"></a></li>
385
398
  <li><a class="uk-icon-link" href="#" uk-icon="icon: yelp"></a></li>
399
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: yootheme"></a></li>
386
400
  <li><a class="uk-icon-link" href="#" uk-icon="icon: youtube"></a></li>
387
401
 
388
402
  </ul>
@@ -441,6 +455,7 @@
441
455
  <li><a class="uk-icon-button" href="#" uk-icon="icon: trash"></a></li>
442
456
  <li><a class="uk-icon-button" href="#" uk-icon="icon: move"></a></li>
443
457
  <li><a class="uk-icon-button" href="#" uk-icon="icon: link"></a></li>
458
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: link-external"></a></li>
444
459
  <li><a class="uk-icon-button" href="#" uk-icon="icon: eye"></a></li>
445
460
  <li><a class="uk-icon-button" href="#" uk-icon="icon: eye-slash"></a></li>
446
461
  <li><a class="uk-icon-button" href="#" uk-icon="icon: question"></a></li>
@@ -496,6 +511,7 @@
496
511
  <li><a class="uk-icon-button" href="#" uk-icon="icon: forward"></a></li>
497
512
  <li><a class="uk-icon-button" href="#" uk-icon="icon: expand"></a></li>
498
513
  <li><a class="uk-icon-button" href="#" uk-icon="icon: shrink"></a></li>
514
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-up-right"></a></li>
499
515
  <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-up"></a></li>
500
516
  <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-down"></a></li>
501
517
  <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-left"></a></li>
@@ -536,22 +552,27 @@
536
552
  <li><a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a></li>
537
553
  <li><a class="uk-icon-button" href="#" uk-icon="icon: joomla"></a></li>
538
554
  <li><a class="uk-icon-button" href="#" uk-icon="icon: linkedin"></a></li>
555
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: mastodon"></a></li>
539
556
  <li><a class="uk-icon-button" href="#" uk-icon="icon: microsoft"></a></li>
540
557
  <li><a class="uk-icon-button" href="#" uk-icon="icon: pagekit"></a></li>
541
558
  <li><a class="uk-icon-button" href="#" uk-icon="icon: pinterest"></a></li>
542
559
  <li><a class="uk-icon-button" href="#" uk-icon="icon: reddit"></a></li>
560
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: signal"></a></li>
543
561
  <li><a class="uk-icon-button" href="#" uk-icon="icon: soundcloud"></a></li>
562
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: telegram"></a></li>
563
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: threads"></a></li>
544
564
  <li><a class="uk-icon-button" href="#" uk-icon="icon: tiktok"></a></li>
545
565
  <li><a class="uk-icon-button" href="#" uk-icon="icon: tripadvisor"></a></li>
546
566
  <li><a class="uk-icon-button" href="#" uk-icon="icon: tumblr"></a></li>
547
567
  <li><a class="uk-icon-button" href="#" uk-icon="icon: twitch"></a></li>
548
- <li><a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a></li>
549
568
  <li><a class="uk-icon-button" href="#" uk-icon="icon: uikit"></a></li>
550
569
  <li><a class="uk-icon-button" href="#" uk-icon="icon: vimeo"></a></li>
551
570
  <li><a class="uk-icon-button" href="#" uk-icon="icon: whatsapp"></a></li>
552
571
  <li><a class="uk-icon-button" href="#" uk-icon="icon: wordpress"></a></li>
572
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: x"></a></li>
553
573
  <li><a class="uk-icon-button" href="#" uk-icon="icon: xing"></a></li>
554
574
  <li><a class="uk-icon-button" href="#" uk-icon="icon: yelp"></a></li>
575
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: yootheme"></a></li>
555
576
  <li><a class="uk-icon-button" href="#" uk-icon="icon: youtube"></a></li>
556
577
 
557
578
  </ul>
@@ -609,6 +630,7 @@
609
630
  <li><span uk-icon="ratio: 2; icon: trash"></span></li>
610
631
  <li><span uk-icon="ratio: 2; icon: move"></span></li>
611
632
  <li><span uk-icon="ratio: 2; icon: link"></span></li>
633
+ <li><span uk-icon="ratio: 2; icon: link-external"></span></li>
612
634
  <li><span uk-icon="ratio: 2; icon: eye"></span></li>
613
635
  <li><span uk-icon="ratio: 2; icon: eye-slash"></span></li>
614
636
  <li><span uk-icon="ratio: 2; icon: question"></span></li>
@@ -664,6 +686,7 @@
664
686
  <li><span uk-icon="ratio: 2; icon: forward"></span></li>
665
687
  <li><span uk-icon="ratio: 2; icon: expand"></span></li>
666
688
  <li><span uk-icon="ratio: 2; icon: shrink"></span></li>
689
+ <li><span uk-icon="ratio: 2; icon: arrow-up-right"></span></li>
667
690
  <li><span uk-icon="ratio: 2; icon: arrow-up"></span></li>
668
691
  <li><span uk-icon="ratio: 2; icon: arrow-down"></span></li>
669
692
  <li><span uk-icon="ratio: 2; icon: arrow-left"></span></li>
@@ -704,22 +727,27 @@
704
727
  <li><span uk-icon="ratio: 2; icon: instagram"></span></li>
705
728
  <li><span uk-icon="ratio: 2; icon: joomla"></span></li>
706
729
  <li><span uk-icon="ratio: 2; icon: linkedin"></span></li>
730
+ <li><span uk-icon="ratio: 2; icon: mastodon"></span></li>
707
731
  <li><span uk-icon="ratio: 2; icon: microsoft"></span></li>
708
732
  <li><span uk-icon="ratio: 2; icon: pagekit"></span></li>
709
733
  <li><span uk-icon="ratio: 2; icon: pinterest"></span></li>
710
734
  <li><span uk-icon="ratio: 2; icon: reddit"></span></li>
735
+ <li><span uk-icon="ratio: 2; icon: signal"></span></li>
711
736
  <li><span uk-icon="ratio: 2; icon: soundcloud"></span></li>
737
+ <li><span uk-icon="ratio: 2; icon: telegram"></span></li>
738
+ <li><span uk-icon="ratio: 2; icon: threads"></span></li>
712
739
  <li><span uk-icon="ratio: 2; icon: tiktok"></span></li>
713
740
  <li><span uk-icon="ratio: 2; icon: tripadvisor"></span></li>
714
741
  <li><span uk-icon="ratio: 2; icon: tumblr"></span></li>
715
742
  <li><span uk-icon="ratio: 2; icon: twitch"></span></li>
716
- <li><span uk-icon="ratio: 2; icon: twitter"></span></li>
717
743
  <li><span uk-icon="ratio: 2; icon: uikit"></span></li>
718
744
  <li><span uk-icon="ratio: 2; icon: vimeo"></span></li>
719
745
  <li><span uk-icon="ratio: 2; icon: whatsapp"></span></li>
720
746
  <li><span uk-icon="ratio: 2; icon: wordpress"></span></li>
747
+ <li><span uk-icon="ratio: 2; icon: x"></span></li>
721
748
  <li><span uk-icon="ratio: 2; icon: xing"></span></li>
722
749
  <li><span uk-icon="ratio: 2; icon: yelp"></span></li>
750
+ <li><span uk-icon="ratio: 2; icon: yootheme"></span></li>
723
751
  <li><span uk-icon="ratio: 2; icon: youtube"></span></li>
724
752
 
725
753
  </ul>
package/tests/nav.html CHANGED
@@ -356,6 +356,48 @@
356
356
  </div>
357
357
  </div>
358
358
 
359
+ <div class="uk-child-width-1-3@m" uk-grid>
360
+ <div>
361
+
362
+ <h2>Primary + Medium</h2>
363
+
364
+ <ul class="uk-nav uk-nav-primary uk-nav-medium">
365
+ <li class="uk-active"><a href="#">Active</a></li>
366
+ <li><a href="#">Item</a></li>
367
+ <li><a href="#">Item</a></li>
368
+ <li><a href="#">Item</a></li>
369
+ <li><a href="#">Item</a></li>
370
+ </ul>
371
+
372
+ </div>
373
+ <div>
374
+
375
+ <h2>Primary + Large</h2>
376
+
377
+ <ul class="uk-nav uk-nav-primary uk-nav-large">
378
+ <li class="uk-active"><a href="#">Active</a></li>
379
+ <li><a href="#">Item</a></li>
380
+ <li><a href="#">Item</a></li>
381
+ <li><a href="#">Item</a></li>
382
+ <li><a href="#">Item</a></li>
383
+ </ul>
384
+
385
+ </div>
386
+ <div>
387
+
388
+ <h2>Primary + XLarge</h2>
389
+
390
+ <ul class="uk-nav uk-nav-primary uk-nav-xlarge">
391
+ <li class="uk-active"><a href="#">Active</a></li>
392
+ <li><a href="#">Item</a></li>
393
+ <li><a href="#">Item</a></li>
394
+ <li><a href="#">Item</a></li>
395
+ <li><a href="#">Item</a></li>
396
+ </ul>
397
+
398
+ </div>
399
+ </div>
400
+
359
401
  <h2>JavaScript Options</h2>
360
402
 
361
403
  <table class="uk-table uk-table-striped">
package/tests/navbar.html CHANGED
@@ -1660,7 +1660,7 @@
1660
1660
  <div class="uk-navbar-item">
1661
1661
  <ul class="uk-grid uk-grid-small">
1662
1662
  <li>
1663
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
1663
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
1664
1664
  </li>
1665
1665
  <li>
1666
1666
  <a class="uk-icon-button" href="#" uk-icon="icon: github"></a>
package/tests/offcanvas.html CHANGED
@@ -170,7 +170,7 @@
170
170
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
171
171
  </div>
172
172
  <div>
173
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
173
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
174
174
  </div>
175
175
  <div>
176
176
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -217,7 +217,7 @@
217
217
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
218
218
  </div>
219
219
  <div>
220
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
220
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
221
221
  </div>
222
222
  <div>
223
223
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -264,7 +264,7 @@
264
264
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
265
265
  </div>
266
266
  <div>
267
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
267
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
268
268
  </div>
269
269
  <div>
270
270
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -311,7 +311,7 @@
311
311
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
312
312
  </div>
313
313
  <div>
314
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
314
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
315
315
  </div>
316
316
  <div>
317
317
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -358,7 +358,7 @@
358
358
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
359
359
  </div>
360
360
  <div>
361
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
361
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
362
362
  </div>
363
363
  <div>
364
364
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -405,7 +405,7 @@
405
405
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
406
406
  </div>
407
407
  <div>
408
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
408
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
409
409
  </div>
410
410
  <div>
411
411
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -452,7 +452,7 @@
452
452
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
453
453
  </div>
454
454
  <div>
455
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
455
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
456
456
  </div>
457
457
  <div>
458
458
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>
@@ -499,7 +499,7 @@
499
499
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
500
500
  </div>
501
501
  <div>
502
- <a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a>
502
+ <a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a>
503
503
  </div>
504
504
  <div>
505
505
  <a class="uk-icon-button" href="#" uk-icon="icon: mail"></a>