jekyll-uikit 0.1.7 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (640) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +28 -5
  3. data/_includes/disqus.html +1 -1
  4. data/_includes/footer.html +3 -2
  5. data/_includes/google_analytics.html +1 -3
  6. data/_includes/head.html +2 -2
  7. data/_includes/header.html +5 -5
  8. data/_layouts/default.html +2 -2
  9. data/_layouts/feed.html +1 -1
  10. data/assets/css/uikit.min.css +1 -1
  11. data/assets/js/uikit-icons.min.js +2 -2
  12. data/assets/js/uikit.min.js +2 -2
  13. data/assets/{img/thisisfine.gif → thisisfine.gif} +0 -0
  14. data/assets/update.sh +3 -0
  15. metadata +4 -628
  16. data/assets/node_modules/uikit/.github/ISSUE_TEMPLATE.md +0 -28
  17. data/assets/node_modules/uikit/CHANGELOG.md +0 -603
  18. data/assets/node_modules/uikit/CONTRIBUTING.md +0 -80
  19. data/assets/node_modules/uikit/LICENSE.md +0 -7
  20. data/assets/node_modules/uikit/README.md +0 -88
  21. data/assets/node_modules/uikit/build/build.js +0 -25
  22. data/assets/node_modules/uikit/build/icons.js +0 -23
  23. data/assets/node_modules/uikit/build/less.js +0 -69
  24. data/assets/node_modules/uikit/build/prefix.js +0 -27
  25. data/assets/node_modules/uikit/build/release.js +0 -20
  26. data/assets/node_modules/uikit/build/scope.js +0 -16
  27. data/assets/node_modules/uikit/build/scss.js +0 -291
  28. data/assets/node_modules/uikit/build/util.js +0 -131
  29. data/assets/node_modules/uikit/circle.yml +0 -11
  30. data/assets/node_modules/uikit/dist/css/uikit-rtl.css +0 -12344
  31. data/assets/node_modules/uikit/dist/css/uikit-rtl.min.css +0 -1
  32. data/assets/node_modules/uikit/dist/css/uikit.css +0 -12344
  33. data/assets/node_modules/uikit/dist/css/uikit.min.css +0 -1
  34. data/assets/node_modules/uikit/dist/js/uikit-icons.js +0 -262
  35. data/assets/node_modules/uikit/dist/js/uikit-icons.min.js +0 -3
  36. data/assets/node_modules/uikit/dist/js/uikit.js +0 -10491
  37. data/assets/node_modules/uikit/dist/js/uikit.min.js +0 -3
  38. data/assets/node_modules/uikit/package.json +0 -87
  39. data/assets/node_modules/uikit/src/images/backgrounds/accordion-close.svg +0 -4
  40. data/assets/node_modules/uikit/src/images/backgrounds/accordion-open.svg +0 -3
  41. data/assets/node_modules/uikit/src/images/backgrounds/divider-icon.svg +0 -3
  42. data/assets/node_modules/uikit/src/images/backgrounds/form-checkbox-indeterminate.svg +0 -3
  43. data/assets/node_modules/uikit/src/images/backgrounds/form-checkbox.svg +0 -3
  44. data/assets/node_modules/uikit/src/images/backgrounds/form-radio.svg +0 -3
  45. data/assets/node_modules/uikit/src/images/backgrounds/form-select.svg +0 -4
  46. data/assets/node_modules/uikit/src/images/backgrounds/list-bullet.svg +0 -3
  47. data/assets/node_modules/uikit/src/images/backgrounds/nav-parent-close.svg +0 -3
  48. data/assets/node_modules/uikit/src/images/backgrounds/nav-parent-open.svg +0 -3
  49. data/assets/node_modules/uikit/src/images/components/close-icon.svg +0 -4
  50. data/assets/node_modules/uikit/src/images/components/close-large.svg +0 -4
  51. data/assets/node_modules/uikit/src/images/components/marker.svg +0 -4
  52. data/assets/node_modules/uikit/src/images/components/navbar-toggle-icon.svg +0 -5
  53. data/assets/node_modules/uikit/src/images/components/overlay-icon.svg +0 -4
  54. data/assets/node_modules/uikit/src/images/components/pagination-next.svg +0 -3
  55. data/assets/node_modules/uikit/src/images/components/pagination-previous.svg +0 -3
  56. data/assets/node_modules/uikit/src/images/components/search-icon.svg +0 -4
  57. data/assets/node_modules/uikit/src/images/components/search-large.svg +0 -4
  58. data/assets/node_modules/uikit/src/images/components/search-navbar.svg +0 -4
  59. data/assets/node_modules/uikit/src/images/components/slidenav-next-large.svg +0 -3
  60. data/assets/node_modules/uikit/src/images/components/slidenav-next.svg +0 -3
  61. data/assets/node_modules/uikit/src/images/components/slidenav-previous-large.svg +0 -3
  62. data/assets/node_modules/uikit/src/images/components/slidenav-previous.svg +0 -3
  63. data/assets/node_modules/uikit/src/images/components/spinner.svg +0 -3
  64. data/assets/node_modules/uikit/src/images/components/totop.svg +0 -3
  65. data/assets/node_modules/uikit/src/images/icons/500px.svg +0 -30
  66. data/assets/node_modules/uikit/src/images/icons/album.svg +0 -5
  67. data/assets/node_modules/uikit/src/images/icons/arrow-down.svg +0 -4
  68. data/assets/node_modules/uikit/src/images/icons/arrow-left.svg +0 -4
  69. data/assets/node_modules/uikit/src/images/icons/arrow-right.svg +0 -4
  70. data/assets/node_modules/uikit/src/images/icons/arrow-up.svg +0 -4
  71. data/assets/node_modules/uikit/src/images/icons/ban.svg +0 -4
  72. data/assets/node_modules/uikit/src/images/icons/behance.svg +0 -5
  73. data/assets/node_modules/uikit/src/images/icons/bell.svg +0 -4
  74. data/assets/node_modules/uikit/src/images/icons/bold.svg +0 -3
  75. data/assets/node_modules/uikit/src/images/icons/bolt.svg +0 -3
  76. data/assets/node_modules/uikit/src/images/icons/bookmark.svg +0 -3
  77. data/assets/node_modules/uikit/src/images/icons/calendar.svg +0 -5
  78. data/assets/node_modules/uikit/src/images/icons/camera.svg +0 -4
  79. data/assets/node_modules/uikit/src/images/icons/cart.svg +0 -5
  80. data/assets/node_modules/uikit/src/images/icons/check.svg +0 -3
  81. data/assets/node_modules/uikit/src/images/icons/chevron-down.svg +0 -3
  82. data/assets/node_modules/uikit/src/images/icons/chevron-left.svg +0 -3
  83. data/assets/node_modules/uikit/src/images/icons/chevron-right.svg +0 -3
  84. data/assets/node_modules/uikit/src/images/icons/chevron-up.svg +0 -3
  85. data/assets/node_modules/uikit/src/images/icons/clock.svg +0 -5
  86. data/assets/node_modules/uikit/src/images/icons/close.svg +0 -4
  87. data/assets/node_modules/uikit/src/images/icons/cloud-download.svg +0 -5
  88. data/assets/node_modules/uikit/src/images/icons/cloud-upload.svg +0 -5
  89. data/assets/node_modules/uikit/src/images/icons/code.svg +0 -4
  90. data/assets/node_modules/uikit/src/images/icons/cog.svg +0 -4
  91. data/assets/node_modules/uikit/src/images/icons/comment.svg +0 -3
  92. data/assets/node_modules/uikit/src/images/icons/commenting.svg +0 -6
  93. data/assets/node_modules/uikit/src/images/icons/comments.svg +0 -4
  94. data/assets/node_modules/uikit/src/images/icons/copy.svg +0 -4
  95. data/assets/node_modules/uikit/src/images/icons/credit-card.svg +0 -4
  96. data/assets/node_modules/uikit/src/images/icons/database.svg +0 -6
  97. data/assets/node_modules/uikit/src/images/icons/desktop.svg +0 -6
  98. data/assets/node_modules/uikit/src/images/icons/download.svg +0 -5
  99. data/assets/node_modules/uikit/src/images/icons/dribbble.svg +0 -6
  100. data/assets/node_modules/uikit/src/images/icons/expand.svg +0 -6
  101. data/assets/node_modules/uikit/src/images/icons/facebook.svg +0 -3
  102. data/assets/node_modules/uikit/src/images/icons/file-edit.svg +0 -4
  103. data/assets/node_modules/uikit/src/images/icons/file.svg +0 -3
  104. data/assets/node_modules/uikit/src/images/icons/flickr.svg +0 -4
  105. data/assets/node_modules/uikit/src/images/icons/folder.svg +0 -3
  106. data/assets/node_modules/uikit/src/images/icons/forward.svg +0 -3
  107. data/assets/node_modules/uikit/src/images/icons/foursquare.svg +0 -3
  108. data/assets/node_modules/uikit/src/images/icons/future.svg +0 -6
  109. data/assets/node_modules/uikit/src/images/icons/git-branch.svg +0 -6
  110. data/assets/node_modules/uikit/src/images/icons/git-fork.svg +0 -6
  111. data/assets/node_modules/uikit/src/images/icons/github-alt.svg +0 -3
  112. data/assets/node_modules/uikit/src/images/icons/github.svg +0 -3
  113. data/assets/node_modules/uikit/src/images/icons/gitter.svg +0 -6
  114. data/assets/node_modules/uikit/src/images/icons/google-plus.svg +0 -4
  115. data/assets/node_modules/uikit/src/images/icons/google.svg +0 -3
  116. data/assets/node_modules/uikit/src/images/icons/grid.svg +0 -11
  117. data/assets/node_modules/uikit/src/images/icons/happy.svg +0 -6
  118. data/assets/node_modules/uikit/src/images/icons/hashtag.svg +0 -3
  119. data/assets/node_modules/uikit/src/images/icons/heart.svg +0 -3
  120. data/assets/node_modules/uikit/src/images/icons/history.svg +0 -6
  121. data/assets/node_modules/uikit/src/images/icons/home.svg +0 -5
  122. data/assets/node_modules/uikit/src/images/icons/image.svg +0 -6
  123. data/assets/node_modules/uikit/src/images/icons/info.svg +0 -4
  124. data/assets/node_modules/uikit/src/images/icons/instagram.svg +0 -5
  125. data/assets/node_modules/uikit/src/images/icons/italic.svg +0 -3
  126. data/assets/node_modules/uikit/src/images/icons/joomla.svg +0 -6
  127. data/assets/node_modules/uikit/src/images/icons/laptop.svg +0 -4
  128. data/assets/node_modules/uikit/src/images/icons/lifesaver.svg +0 -3
  129. data/assets/node_modules/uikit/src/images/icons/link.svg +0 -5
  130. data/assets/node_modules/uikit/src/images/icons/linkedin.svg +0 -4
  131. data/assets/node_modules/uikit/src/images/icons/list.svg +0 -8
  132. data/assets/node_modules/uikit/src/images/icons/location.svg +0 -4
  133. data/assets/node_modules/uikit/src/images/icons/lock.svg +0 -4
  134. data/assets/node_modules/uikit/src/images/icons/mail.svg +0 -4
  135. data/assets/node_modules/uikit/src/images/icons/menu.svg +0 -5
  136. data/assets/node_modules/uikit/src/images/icons/minus-circle.svg +0 -4
  137. data/assets/node_modules/uikit/src/images/icons/minus.svg +0 -3
  138. data/assets/node_modules/uikit/src/images/icons/more-vertical.svg +0 -5
  139. data/assets/node_modules/uikit/src/images/icons/more.svg +0 -5
  140. data/assets/node_modules/uikit/src/images/icons/move.svg +0 -8
  141. data/assets/node_modules/uikit/src/images/icons/nut.svg +0 -4
  142. data/assets/node_modules/uikit/src/images/icons/pagekit.svg +0 -3
  143. data/assets/node_modules/uikit/src/images/icons/paint-bucket.svg +0 -5
  144. data/assets/node_modules/uikit/src/images/icons/pencil.svg +0 -4
  145. data/assets/node_modules/uikit/src/images/icons/phone-landscape.svg +0 -4
  146. data/assets/node_modules/uikit/src/images/icons/phone.svg +0 -4
  147. data/assets/node_modules/uikit/src/images/icons/pinterest.svg +0 -3
  148. data/assets/node_modules/uikit/src/images/icons/play-circle.svg +0 -4
  149. data/assets/node_modules/uikit/src/images/icons/play.svg +0 -3
  150. data/assets/node_modules/uikit/src/images/icons/plus-circle.svg +0 -5
  151. data/assets/node_modules/uikit/src/images/icons/plus.svg +0 -4
  152. data/assets/node_modules/uikit/src/images/icons/pull.svg +0 -5
  153. data/assets/node_modules/uikit/src/images/icons/push.svg +0 -5
  154. data/assets/node_modules/uikit/src/images/icons/question.svg +0 -5
  155. data/assets/node_modules/uikit/src/images/icons/quote-right.svg +0 -4
  156. data/assets/node_modules/uikit/src/images/icons/receiver.svg +0 -3
  157. data/assets/node_modules/uikit/src/images/icons/refresh.svg +0 -4
  158. data/assets/node_modules/uikit/src/images/icons/reply.svg +0 -3
  159. data/assets/node_modules/uikit/src/images/icons/rss.svg +0 -5
  160. data/assets/node_modules/uikit/src/images/icons/search.svg +0 -4
  161. data/assets/node_modules/uikit/src/images/icons/server.svg +0 -15
  162. data/assets/node_modules/uikit/src/images/icons/settings.svg +0 -11
  163. data/assets/node_modules/uikit/src/images/icons/shrink.svg +0 -6
  164. data/assets/node_modules/uikit/src/images/icons/sign-in.svg +0 -4
  165. data/assets/node_modules/uikit/src/images/icons/sign-out.svg +0 -4
  166. data/assets/node_modules/uikit/src/images/icons/social.svg +0 -7
  167. data/assets/node_modules/uikit/src/images/icons/soundcloud.svg +0 -6
  168. data/assets/node_modules/uikit/src/images/icons/star.svg +0 -3
  169. data/assets/node_modules/uikit/src/images/icons/strikethrough.svg +0 -4
  170. data/assets/node_modules/uikit/src/images/icons/table.svg +0 -6
  171. data/assets/node_modules/uikit/src/images/icons/tablet-landscape.svg +0 -4
  172. data/assets/node_modules/uikit/src/images/icons/tablet.svg +0 -4
  173. data/assets/node_modules/uikit/src/images/icons/tag.svg +0 -4
  174. data/assets/node_modules/uikit/src/images/icons/thumbnails.svg +0 -6
  175. data/assets/node_modules/uikit/src/images/icons/trash.svg +0 -7
  176. data/assets/node_modules/uikit/src/images/icons/triangle-down.svg +0 -3
  177. data/assets/node_modules/uikit/src/images/icons/triangle-left.svg +0 -3
  178. data/assets/node_modules/uikit/src/images/icons/triangle-right.svg +0 -3
  179. data/assets/node_modules/uikit/src/images/icons/triangle-up.svg +0 -3
  180. data/assets/node_modules/uikit/src/images/icons/tripadvisor.svg +0 -19
  181. data/assets/node_modules/uikit/src/images/icons/tumblr.svg +0 -3
  182. data/assets/node_modules/uikit/src/images/icons/tv.svg +0 -4
  183. data/assets/node_modules/uikit/src/images/icons/twitter.svg +0 -3
  184. data/assets/node_modules/uikit/src/images/icons/uikit.svg +0 -4
  185. data/assets/node_modules/uikit/src/images/icons/unlock.svg +0 -4
  186. data/assets/node_modules/uikit/src/images/icons/upload.svg +0 -5
  187. data/assets/node_modules/uikit/src/images/icons/user.svg +0 -4
  188. data/assets/node_modules/uikit/src/images/icons/users.svg +0 -5
  189. data/assets/node_modules/uikit/src/images/icons/video-camera.svg +0 -4
  190. data/assets/node_modules/uikit/src/images/icons/vimeo.svg +0 -3
  191. data/assets/node_modules/uikit/src/images/icons/warning.svg +0 -5
  192. data/assets/node_modules/uikit/src/images/icons/whatsapp.svg +0 -3
  193. data/assets/node_modules/uikit/src/images/icons/wordpress.svg +0 -3
  194. data/assets/node_modules/uikit/src/images/icons/world.svg +0 -7
  195. data/assets/node_modules/uikit/src/images/icons/xing.svg +0 -4
  196. data/assets/node_modules/uikit/src/images/icons/yelp.svg +0 -15
  197. data/assets/node_modules/uikit/src/images/icons/youtube.svg +0 -3
  198. data/assets/node_modules/uikit/src/js/api/boot.js +0 -82
  199. data/assets/node_modules/uikit/src/js/api/component.js +0 -84
  200. data/assets/node_modules/uikit/src/js/api/global.js +0 -119
  201. data/assets/node_modules/uikit/src/js/api/hooks.js +0 -121
  202. data/assets/node_modules/uikit/src/js/api/index.js +0 -25
  203. data/assets/node_modules/uikit/src/js/api/instance.js +0 -71
  204. data/assets/node_modules/uikit/src/js/api/state.js +0 -283
  205. data/assets/node_modules/uikit/src/js/components/countdown.js +0 -167
  206. data/assets/node_modules/uikit/src/js/components/grid-parallax.js +0 -122
  207. data/assets/node_modules/uikit/src/js/components/internal/lightbox-animations.js +0 -56
  208. data/assets/node_modules/uikit/src/js/components/internal/slideshow-animations.js +0 -126
  209. data/assets/node_modules/uikit/src/js/components/lightbox.js +0 -469
  210. data/assets/node_modules/uikit/src/js/components/notification.js +0 -128
  211. data/assets/node_modules/uikit/src/js/components/parallax.js +0 -395
  212. data/assets/node_modules/uikit/src/js/components/slideshow.js +0 -179
  213. data/assets/node_modules/uikit/src/js/components/sortable.js +0 -333
  214. data/assets/node_modules/uikit/src/js/components/tooltip.js +0 -127
  215. data/assets/node_modules/uikit/src/js/components/upload.js +0 -208
  216. data/assets/node_modules/uikit/src/js/core/accordion.js +0 -124
  217. data/assets/node_modules/uikit/src/js/core/alert.js +0 -54
  218. data/assets/node_modules/uikit/src/js/core/cover.js +0 -61
  219. data/assets/node_modules/uikit/src/js/core/drop.js +0 -416
  220. data/assets/node_modules/uikit/src/js/core/dropdown.js +0 -5
  221. data/assets/node_modules/uikit/src/js/core/form-custom.js +0 -88
  222. data/assets/node_modules/uikit/src/js/core/gif.js +0 -25
  223. data/assets/node_modules/uikit/src/js/core/grid.js +0 -31
  224. data/assets/node_modules/uikit/src/js/core/height-match.js +0 -104
  225. data/assets/node_modules/uikit/src/js/core/height-viewport.js +0 -98
  226. data/assets/node_modules/uikit/src/js/core/hover.js +0 -31
  227. data/assets/node_modules/uikit/src/js/core/icon.js +0 -180
  228. data/assets/node_modules/uikit/src/js/core/index.js +0 -85
  229. data/assets/node_modules/uikit/src/js/core/leader.js +0 -68
  230. data/assets/node_modules/uikit/src/js/core/margin.js +0 -100
  231. data/assets/node_modules/uikit/src/js/core/modal.js +0 -184
  232. data/assets/node_modules/uikit/src/js/core/nav.js +0 -15
  233. data/assets/node_modules/uikit/src/js/core/navbar.js +0 -205
  234. data/assets/node_modules/uikit/src/js/core/offcanvas.js +0 -224
  235. data/assets/node_modules/uikit/src/js/core/responsive.js +0 -37
  236. data/assets/node_modules/uikit/src/js/core/scroll.js +0 -76
  237. data/assets/node_modules/uikit/src/js/core/scrollspy-nav.js +0 -108
  238. data/assets/node_modules/uikit/src/js/core/scrollspy.js +0 -140
  239. data/assets/node_modules/uikit/src/js/core/sticky.js +0 -308
  240. data/assets/node_modules/uikit/src/js/core/svg.js +0 -193
  241. data/assets/node_modules/uikit/src/js/core/switcher.js +0 -149
  242. data/assets/node_modules/uikit/src/js/core/tab.js +0 -36
  243. data/assets/node_modules/uikit/src/js/core/toggle.js +0 -116
  244. data/assets/node_modules/uikit/src/js/core/video.js +0 -46
  245. data/assets/node_modules/uikit/src/js/icons.js +0 -17
  246. data/assets/node_modules/uikit/src/js/mixin/class.js +0 -9
  247. data/assets/node_modules/uikit/src/js/mixin/container.js +0 -21
  248. data/assets/node_modules/uikit/src/js/mixin/index.js +0 -17
  249. data/assets/node_modules/uikit/src/js/mixin/internal/slideshow-animations.js +0 -45
  250. data/assets/node_modules/uikit/src/js/mixin/modal.js +0 -229
  251. data/assets/node_modules/uikit/src/js/mixin/position.js +0 -68
  252. data/assets/node_modules/uikit/src/js/mixin/slideshow.js +0 -613
  253. data/assets/node_modules/uikit/src/js/mixin/togglable.js +0 -207
  254. data/assets/node_modules/uikit/src/js/uikit-core.js +0 -15
  255. data/assets/node_modules/uikit/src/js/uikit.js +0 -27
  256. data/assets/node_modules/uikit/src/js/util/attr.js +0 -55
  257. data/assets/node_modules/uikit/src/js/util/class.js +0 -75
  258. data/assets/node_modules/uikit/src/js/util/dom.js +0 -414
  259. data/assets/node_modules/uikit/src/js/util/env.js +0 -54
  260. data/assets/node_modules/uikit/src/js/util/event.js +0 -104
  261. data/assets/node_modules/uikit/src/js/util/fastdom.js +0 -62
  262. data/assets/node_modules/uikit/src/js/util/index.js +0 -14
  263. data/assets/node_modules/uikit/src/js/util/lang.js +0 -276
  264. data/assets/node_modules/uikit/src/js/util/mouse.js +0 -88
  265. data/assets/node_modules/uikit/src/js/util/options.js +0 -85
  266. data/assets/node_modules/uikit/src/js/util/player.js +0 -139
  267. data/assets/node_modules/uikit/src/js/util/position.js +0 -298
  268. data/assets/node_modules/uikit/src/js/util/promise.js +0 -175
  269. data/assets/node_modules/uikit/src/js/util/selector.js +0 -204
  270. data/assets/node_modules/uikit/src/js/util/style.js +0 -120
  271. data/assets/node_modules/uikit/src/js/util/touch.js +0 -109
  272. data/assets/node_modules/uikit/src/less/components/_import.less +0 -90
  273. data/assets/node_modules/uikit/src/less/components/accordion.less +0 -112
  274. data/assets/node_modules/uikit/src/less/components/alert.less +0 -147
  275. data/assets/node_modules/uikit/src/less/components/align.less +0 -142
  276. data/assets/node_modules/uikit/src/less/components/animation.less +0 -638
  277. data/assets/node_modules/uikit/src/less/components/article.less +0 -113
  278. data/assets/node_modules/uikit/src/less/components/background.less +0 -136
  279. data/assets/node_modules/uikit/src/less/components/badge.less +0 -104
  280. data/assets/node_modules/uikit/src/less/components/base.less +0 -740
  281. data/assets/node_modules/uikit/src/less/components/breadcrumb.less +0 -162
  282. data/assets/node_modules/uikit/src/less/components/button.less +0 -560
  283. data/assets/node_modules/uikit/src/less/components/card.less +0 -363
  284. data/assets/node_modules/uikit/src/less/components/close.less +0 -70
  285. data/assets/node_modules/uikit/src/less/components/column.less +0 -285
  286. data/assets/node_modules/uikit/src/less/components/comment.less +0 -171
  287. data/assets/node_modules/uikit/src/less/components/container.less +0 -106
  288. data/assets/node_modules/uikit/src/less/components/countdown.less +0 -145
  289. data/assets/node_modules/uikit/src/less/components/cover.less +0 -58
  290. data/assets/node_modules/uikit/src/less/components/description-list.less +0 -71
  291. data/assets/node_modules/uikit/src/less/components/divider.less +0 -147
  292. data/assets/node_modules/uikit/src/less/components/dotnav.less +0 -188
  293. data/assets/node_modules/uikit/src/less/components/drop.less +0 -74
  294. data/assets/node_modules/uikit/src/less/components/dropdown.less +0 -150
  295. data/assets/node_modules/uikit/src/less/components/flex.less +0 -476
  296. data/assets/node_modules/uikit/src/less/components/form-range.less +0 -185
  297. data/assets/node_modules/uikit/src/less/components/form.less +0 -848
  298. data/assets/node_modules/uikit/src/less/components/grid.less +0 -367
  299. data/assets/node_modules/uikit/src/less/components/heading.less +0 -238
  300. data/assets/node_modules/uikit/src/less/components/icon.less +0 -275
  301. data/assets/node_modules/uikit/src/less/components/iconnav.less +0 -166
  302. data/assets/node_modules/uikit/src/less/components/inverse.less +0 -52
  303. data/assets/node_modules/uikit/src/less/components/label.less +0 -110
  304. data/assets/node_modules/uikit/src/less/components/lightbox.less +0 -247
  305. data/assets/node_modules/uikit/src/less/components/link.less +0 -122
  306. data/assets/node_modules/uikit/src/less/components/list.less +0 -205
  307. data/assets/node_modules/uikit/src/less/components/margin.less +0 -163
  308. data/assets/node_modules/uikit/src/less/components/marker.less +0 -77
  309. data/assets/node_modules/uikit/src/less/components/mixin.less +0 -20
  310. data/assets/node_modules/uikit/src/less/components/modal.less +0 -376
  311. data/assets/node_modules/uikit/src/less/components/nav.less +0 -440
  312. data/assets/node_modules/uikit/src/less/components/navbar.less +0 -601
  313. data/assets/node_modules/uikit/src/less/components/notification.less +0 -190
  314. data/assets/node_modules/uikit/src/less/components/offcanvas.less +0 -313
  315. data/assets/node_modules/uikit/src/less/components/overlay.less +0 -85
  316. data/assets/node_modules/uikit/src/less/components/padding.less +0 -81
  317. data/assets/node_modules/uikit/src/less/components/pagination.less +0 -157
  318. data/assets/node_modules/uikit/src/less/components/placeholder.less +0 -45
  319. data/assets/node_modules/uikit/src/less/components/position.less +0 -279
  320. data/assets/node_modules/uikit/src/less/components/print.less +0 -61
  321. data/assets/node_modules/uikit/src/less/components/progress.less +0 -102
  322. data/assets/node_modules/uikit/src/less/components/search.less +0 -394
  323. data/assets/node_modules/uikit/src/less/components/section.less +0 -224
  324. data/assets/node_modules/uikit/src/less/components/slidenav.less +0 -142
  325. data/assets/node_modules/uikit/src/less/components/slideshow.less +0 -90
  326. data/assets/node_modules/uikit/src/less/components/sortable.less +0 -101
  327. data/assets/node_modules/uikit/src/less/components/spinner.less +0 -95
  328. data/assets/node_modules/uikit/src/less/components/sticky.less +0 -59
  329. data/assets/node_modules/uikit/src/less/components/subnav.less +0 -307
  330. data/assets/node_modules/uikit/src/less/components/switcher.less +0 -47
  331. data/assets/node_modules/uikit/src/less/components/tab.less +0 -226
  332. data/assets/node_modules/uikit/src/less/components/table.less +0 -343
  333. data/assets/node_modules/uikit/src/less/components/text.less +0 -276
  334. data/assets/node_modules/uikit/src/less/components/thumbnav.less +0 -146
  335. data/assets/node_modules/uikit/src/less/components/tile.less +0 -224
  336. data/assets/node_modules/uikit/src/less/components/tooltip.less +0 -84
  337. data/assets/node_modules/uikit/src/less/components/totop.less +0 -89
  338. data/assets/node_modules/uikit/src/less/components/transition.less +0 -195
  339. data/assets/node_modules/uikit/src/less/components/utility.less +0 -632
  340. data/assets/node_modules/uikit/src/less/components/variables.less +0 -117
  341. data/assets/node_modules/uikit/src/less/components/visibility.less +0 -136
  342. data/assets/node_modules/uikit/src/less/components/width.less +0 -418
  343. data/assets/node_modules/uikit/src/less/theme/_import.less +0 -78
  344. data/assets/node_modules/uikit/src/less/theme/accordion.less +0 -76
  345. data/assets/node_modules/uikit/src/less/theme/alert.less +0 -76
  346. data/assets/node_modules/uikit/src/less/theme/align.less +0 -14
  347. data/assets/node_modules/uikit/src/less/theme/animation.less +0 -14
  348. data/assets/node_modules/uikit/src/less/theme/article.less +0 -60
  349. data/assets/node_modules/uikit/src/less/theme/background.less +0 -14
  350. data/assets/node_modules/uikit/src/less/theme/badge.less +0 -29
  351. data/assets/node_modules/uikit/src/less/theme/base.less +0 -134
  352. data/assets/node_modules/uikit/src/less/theme/breadcrumb.less +0 -45
  353. data/assets/node_modules/uikit/src/less/theme/button.less +0 -219
  354. data/assets/node_modules/uikit/src/less/theme/card.less +0 -193
  355. data/assets/node_modules/uikit/src/less/theme/close.less +0 -34
  356. data/assets/node_modules/uikit/src/less/theme/column.less +0 -14
  357. data/assets/node_modules/uikit/src/less/theme/comment.less +0 -72
  358. data/assets/node_modules/uikit/src/less/theme/container.less +0 -14
  359. data/assets/node_modules/uikit/src/less/theme/countdown.less +0 -53
  360. data/assets/node_modules/uikit/src/less/theme/description-list.less +0 -36
  361. data/assets/node_modules/uikit/src/less/theme/divider.less +0 -41
  362. data/assets/node_modules/uikit/src/less/theme/dotnav.less +0 -59
  363. data/assets/node_modules/uikit/src/less/theme/drop.less +0 -14
  364. data/assets/node_modules/uikit/src/less/theme/dropdown.less +0 -45
  365. data/assets/node_modules/uikit/src/less/theme/form-range.less +0 -45
  366. data/assets/node_modules/uikit/src/less/theme/form.less +0 -150
  367. data/assets/node_modules/uikit/src/less/theme/grid.less +0 -14
  368. data/assets/node_modules/uikit/src/less/theme/heading.less +0 -59
  369. data/assets/node_modules/uikit/src/less/theme/icon.less +0 -55
  370. data/assets/node_modules/uikit/src/less/theme/iconnav.less +0 -34
  371. data/assets/node_modules/uikit/src/less/theme/inverse.less +0 -14
  372. data/assets/node_modules/uikit/src/less/theme/label.less +0 -46
  373. data/assets/node_modules/uikit/src/less/theme/lightbox.less +0 -48
  374. data/assets/node_modules/uikit/src/less/theme/link.less +0 -45
  375. data/assets/node_modules/uikit/src/less/theme/list.less +0 -53
  376. data/assets/node_modules/uikit/src/less/theme/margin.less +0 -14
  377. data/assets/node_modules/uikit/src/less/theme/marker.less +0 -31
  378. data/assets/node_modules/uikit/src/less/theme/modal.less +0 -89
  379. data/assets/node_modules/uikit/src/less/theme/nav.less +0 -94
  380. data/assets/node_modules/uikit/src/less/theme/navbar.less +0 -179
  381. data/assets/node_modules/uikit/src/less/theme/notification.less +0 -44
  382. data/assets/node_modules/uikit/src/less/theme/offcanvas.less +0 -32
  383. data/assets/node_modules/uikit/src/less/theme/overlay.less +0 -33
  384. data/assets/node_modules/uikit/src/less/theme/padding.less +0 -14
  385. data/assets/node_modules/uikit/src/less/theme/pagination.less +0 -44
  386. data/assets/node_modules/uikit/src/less/theme/placeholder.less +0 -29
  387. data/assets/node_modules/uikit/src/less/theme/position.less +0 -14
  388. data/assets/node_modules/uikit/src/less/theme/progress.less +0 -27
  389. data/assets/node_modules/uikit/src/less/theme/search.less +0 -73
  390. data/assets/node_modules/uikit/src/less/theme/section.less +0 -32
  391. data/assets/node_modules/uikit/src/less/theme/slidenav.less +0 -55
  392. data/assets/node_modules/uikit/src/less/theme/sortable.less +0 -38
  393. data/assets/node_modules/uikit/src/less/theme/spinner.less +0 -14
  394. data/assets/node_modules/uikit/src/less/theme/sticky.less +0 -14
  395. data/assets/node_modules/uikit/src/less/theme/subnav.less +0 -81
  396. data/assets/node_modules/uikit/src/less/theme/tab.less +0 -139
  397. data/assets/node_modules/uikit/src/less/theme/table.less +0 -79
  398. data/assets/node_modules/uikit/src/less/theme/text.less +0 -59
  399. data/assets/node_modules/uikit/src/less/theme/thumbnav.less +0 -62
  400. data/assets/node_modules/uikit/src/less/theme/tile.less +0 -32
  401. data/assets/node_modules/uikit/src/less/theme/tooltip.less +0 -20
  402. data/assets/node_modules/uikit/src/less/theme/totop.less +0 -35
  403. data/assets/node_modules/uikit/src/less/theme/transition.less +0 -14
  404. data/assets/node_modules/uikit/src/less/theme/utility.less +0 -60
  405. data/assets/node_modules/uikit/src/less/theme/variables.less +0 -36
  406. data/assets/node_modules/uikit/src/less/theme/width.less +0 -14
  407. data/assets/node_modules/uikit/src/less/uikit.less +0 -5
  408. data/assets/node_modules/uikit/src/less/uikit.theme.less +0 -11
  409. data/assets/node_modules/uikit/src/scss/components/_import.components.scss +0 -56
  410. data/assets/node_modules/uikit/src/scss/components/_import.scss +0 -90
  411. data/assets/node_modules/uikit/src/scss/components/_import.utilities.scss +0 -19
  412. data/assets/node_modules/uikit/src/scss/components/accordion.scss +0 -102
  413. data/assets/node_modules/uikit/src/scss/components/alert.scss +0 -147
  414. data/assets/node_modules/uikit/src/scss/components/align.scss +0 -142
  415. data/assets/node_modules/uikit/src/scss/components/animation.scss +0 -638
  416. data/assets/node_modules/uikit/src/scss/components/article.scss +0 -102
  417. data/assets/node_modules/uikit/src/scss/components/background.scss +0 -136
  418. data/assets/node_modules/uikit/src/scss/components/badge.scss +0 -90
  419. data/assets/node_modules/uikit/src/scss/components/base.scss +0 -641
  420. data/assets/node_modules/uikit/src/scss/components/breadcrumb.scss +0 -130
  421. data/assets/node_modules/uikit/src/scss/components/button.scss +0 -453
  422. data/assets/node_modules/uikit/src/scss/components/card.scss +0 -363
  423. data/assets/node_modules/uikit/src/scss/components/close.scss +0 -57
  424. data/assets/node_modules/uikit/src/scss/components/column.scss +0 -276
  425. data/assets/node_modules/uikit/src/scss/components/comment.scss +0 -171
  426. data/assets/node_modules/uikit/src/scss/components/container.scss +0 -106
  427. data/assets/node_modules/uikit/src/scss/components/countdown.scss +0 -126
  428. data/assets/node_modules/uikit/src/scss/components/cover.scss +0 -58
  429. data/assets/node_modules/uikit/src/scss/components/description-list.scss +0 -71
  430. data/assets/node_modules/uikit/src/scss/components/divider.scss +0 -129
  431. data/assets/node_modules/uikit/src/scss/components/dotnav.scss +0 -165
  432. data/assets/node_modules/uikit/src/scss/components/drop.scss +0 -74
  433. data/assets/node_modules/uikit/src/scss/components/dropdown.scss +0 -150
  434. data/assets/node_modules/uikit/src/scss/components/flex.scss +0 -476
  435. data/assets/node_modules/uikit/src/scss/components/form-range.scss +0 -185
  436. data/assets/node_modules/uikit/src/scss/components/form.scss +0 -771
  437. data/assets/node_modules/uikit/src/scss/components/grid.scss +0 -362
  438. data/assets/node_modules/uikit/src/scss/components/heading.scss +0 -212
  439. data/assets/node_modules/uikit/src/scss/components/icon.scss +0 -229
  440. data/assets/node_modules/uikit/src/scss/components/iconnav.scss +0 -148
  441. data/assets/node_modules/uikit/src/scss/components/inverse.scss +0 -46
  442. data/assets/node_modules/uikit/src/scss/components/label.scss +0 -102
  443. data/assets/node_modules/uikit/src/scss/components/lightbox.scss +0 -247
  444. data/assets/node_modules/uikit/src/scss/components/link.scss +0 -102
  445. data/assets/node_modules/uikit/src/scss/components/list.scss +0 -187
  446. data/assets/node_modules/uikit/src/scss/components/margin.scss +0 -163
  447. data/assets/node_modules/uikit/src/scss/components/marker.scss +0 -63
  448. data/assets/node_modules/uikit/src/scss/components/mixin.scss +0 -32
  449. data/assets/node_modules/uikit/src/scss/components/modal.scss +0 -376
  450. data/assets/node_modules/uikit/src/scss/components/nav.scss +0 -357
  451. data/assets/node_modules/uikit/src/scss/components/navbar.scss +0 -560
  452. data/assets/node_modules/uikit/src/scss/components/notification.scss +0 -190
  453. data/assets/node_modules/uikit/src/scss/components/offcanvas.scss +0 -313
  454. data/assets/node_modules/uikit/src/scss/components/overlay.scss +0 -85
  455. data/assets/node_modules/uikit/src/scss/components/padding.scss +0 -81
  456. data/assets/node_modules/uikit/src/scss/components/pagination.scss +0 -134
  457. data/assets/node_modules/uikit/src/scss/components/placeholder.scss +0 -45
  458. data/assets/node_modules/uikit/src/scss/components/position.scss +0 -279
  459. data/assets/node_modules/uikit/src/scss/components/print.scss +0 -61
  460. data/assets/node_modules/uikit/src/scss/components/progress.scss +0 -102
  461. data/assets/node_modules/uikit/src/scss/components/search.scss +0 -335
  462. data/assets/node_modules/uikit/src/scss/components/section.scss +0 -224
  463. data/assets/node_modules/uikit/src/scss/components/slidenav.scss +0 -124
  464. data/assets/node_modules/uikit/src/scss/components/slideshow.scss +0 -90
  465. data/assets/node_modules/uikit/src/scss/components/sortable.scss +0 -101
  466. data/assets/node_modules/uikit/src/scss/components/spinner.scss +0 -95
  467. data/assets/node_modules/uikit/src/scss/components/sticky.scss +0 -59
  468. data/assets/node_modules/uikit/src/scss/components/subnav.scss +0 -242
  469. data/assets/node_modules/uikit/src/scss/components/switcher.scss +0 -47
  470. data/assets/node_modules/uikit/src/scss/components/tab.scss +0 -199
  471. data/assets/node_modules/uikit/src/scss/components/table.scss +0 -306
  472. data/assets/node_modules/uikit/src/scss/components/text.scss +0 -261
  473. data/assets/node_modules/uikit/src/scss/components/thumbnav.scss +0 -131
  474. data/assets/node_modules/uikit/src/scss/components/tile.scss +0 -224
  475. data/assets/node_modules/uikit/src/scss/components/tooltip.scss +0 -84
  476. data/assets/node_modules/uikit/src/scss/components/totop.scss +0 -71
  477. data/assets/node_modules/uikit/src/scss/components/transition.scss +0 -195
  478. data/assets/node_modules/uikit/src/scss/components/utility.scss +0 -607
  479. data/assets/node_modules/uikit/src/scss/components/variables.scss +0 -117
  480. data/assets/node_modules/uikit/src/scss/components/visibility.scss +0 -136
  481. data/assets/node_modules/uikit/src/scss/components/width.scss +0 -418
  482. data/assets/node_modules/uikit/src/scss/mixins-theme.scss +0 -2060
  483. data/assets/node_modules/uikit/src/scss/mixins.scss +0 -1630
  484. data/assets/node_modules/uikit/src/scss/theme/_import.scss +0 -78
  485. data/assets/node_modules/uikit/src/scss/theme/accordion.scss +0 -54
  486. data/assets/node_modules/uikit/src/scss/theme/alert.scss +0 -46
  487. data/assets/node_modules/uikit/src/scss/theme/align.scss +0 -14
  488. data/assets/node_modules/uikit/src/scss/theme/animation.scss +0 -14
  489. data/assets/node_modules/uikit/src/scss/theme/article.scss +0 -51
  490. data/assets/node_modules/uikit/src/scss/theme/background.scss +0 -14
  491. data/assets/node_modules/uikit/src/scss/theme/badge.scss +0 -29
  492. data/assets/node_modules/uikit/src/scss/theme/base.scss +0 -116
  493. data/assets/node_modules/uikit/src/scss/theme/breadcrumb.scss +0 -45
  494. data/assets/node_modules/uikit/src/scss/theme/button.scss +0 -161
  495. data/assets/node_modules/uikit/src/scss/theme/card.scss +0 -125
  496. data/assets/node_modules/uikit/src/scss/theme/close.scss +0 -29
  497. data/assets/node_modules/uikit/src/scss/theme/column.scss +0 -14
  498. data/assets/node_modules/uikit/src/scss/theme/comment.scss +0 -69
  499. data/assets/node_modules/uikit/src/scss/theme/container.scss +0 -14
  500. data/assets/node_modules/uikit/src/scss/theme/countdown.scss +0 -53
  501. data/assets/node_modules/uikit/src/scss/theme/description-list.scss +0 -32
  502. data/assets/node_modules/uikit/src/scss/theme/divider.scss +0 -41
  503. data/assets/node_modules/uikit/src/scss/theme/dotnav.scss +0 -52
  504. data/assets/node_modules/uikit/src/scss/theme/drop.scss +0 -14
  505. data/assets/node_modules/uikit/src/scss/theme/dropdown.scss +0 -45
  506. data/assets/node_modules/uikit/src/scss/theme/form-range.scss +0 -45
  507. data/assets/node_modules/uikit/src/scss/theme/form.scss +0 -131
  508. data/assets/node_modules/uikit/src/scss/theme/grid.scss +0 -14
  509. data/assets/node_modules/uikit/src/scss/theme/heading.scss +0 -59
  510. data/assets/node_modules/uikit/src/scss/theme/icon.scss +0 -50
  511. data/assets/node_modules/uikit/src/scss/theme/iconnav.scss +0 -34
  512. data/assets/node_modules/uikit/src/scss/theme/inverse.scss +0 -14
  513. data/assets/node_modules/uikit/src/scss/theme/label.scss +0 -43
  514. data/assets/node_modules/uikit/src/scss/theme/lightbox.scss +0 -48
  515. data/assets/node_modules/uikit/src/scss/theme/link.scss +0 -45
  516. data/assets/node_modules/uikit/src/scss/theme/list.scss +0 -39
  517. data/assets/node_modules/uikit/src/scss/theme/margin.scss +0 -14
  518. data/assets/node_modules/uikit/src/scss/theme/marker.scss +0 -29
  519. data/assets/node_modules/uikit/src/scss/theme/modal.scss +0 -84
  520. data/assets/node_modules/uikit/src/scss/theme/nav.scss +0 -94
  521. data/assets/node_modules/uikit/src/scss/theme/navbar.scss +0 -136
  522. data/assets/node_modules/uikit/src/scss/theme/notification.scss +0 -44
  523. data/assets/node_modules/uikit/src/scss/theme/offcanvas.scss +0 -32
  524. data/assets/node_modules/uikit/src/scss/theme/overlay.scss +0 -33
  525. data/assets/node_modules/uikit/src/scss/theme/padding.scss +0 -14
  526. data/assets/node_modules/uikit/src/scss/theme/pagination.scss +0 -41
  527. data/assets/node_modules/uikit/src/scss/theme/placeholder.scss +0 -29
  528. data/assets/node_modules/uikit/src/scss/theme/position.scss +0 -14
  529. data/assets/node_modules/uikit/src/scss/theme/progress.scss +0 -24
  530. data/assets/node_modules/uikit/src/scss/theme/search.scss +0 -73
  531. data/assets/node_modules/uikit/src/scss/theme/section.scss +0 -32
  532. data/assets/node_modules/uikit/src/scss/theme/slidenav.scss +0 -52
  533. data/assets/node_modules/uikit/src/scss/theme/sortable.scss +0 -38
  534. data/assets/node_modules/uikit/src/scss/theme/spinner.scss +0 -14
  535. data/assets/node_modules/uikit/src/scss/theme/sticky.scss +0 -14
  536. data/assets/node_modules/uikit/src/scss/theme/subnav.scss +0 -74
  537. data/assets/node_modules/uikit/src/scss/theme/tab.scss +0 -74
  538. data/assets/node_modules/uikit/src/scss/theme/table.scss +0 -66
  539. data/assets/node_modules/uikit/src/scss/theme/text.scss +0 -50
  540. data/assets/node_modules/uikit/src/scss/theme/thumbnav.scss +0 -42
  541. data/assets/node_modules/uikit/src/scss/theme/tile.scss +0 -32
  542. data/assets/node_modules/uikit/src/scss/theme/tooltip.scss +0 -20
  543. data/assets/node_modules/uikit/src/scss/theme/totop.scss +0 -32
  544. data/assets/node_modules/uikit/src/scss/theme/transition.scss +0 -14
  545. data/assets/node_modules/uikit/src/scss/theme/utility.scss +0 -57
  546. data/assets/node_modules/uikit/src/scss/theme/variables.scss +0 -36
  547. data/assets/node_modules/uikit/src/scss/theme/width.scss +0 -14
  548. data/assets/node_modules/uikit/src/scss/uikit-theme.scss +0 -9
  549. data/assets/node_modules/uikit/src/scss/uikit.scss +0 -5
  550. data/assets/node_modules/uikit/src/scss/variables-theme.scss +0 -1080
  551. data/assets/node_modules/uikit/src/scss/variables.scss +0 -973
  552. data/assets/node_modules/uikit/tests/accordion.html +0 -209
  553. data/assets/node_modules/uikit/tests/alert.html +0 -125
  554. data/assets/node_modules/uikit/tests/align.html +0 -134
  555. data/assets/node_modules/uikit/tests/animation.html +0 -240
  556. data/assets/node_modules/uikit/tests/article.html +0 -168
  557. data/assets/node_modules/uikit/tests/background.html +0 -68
  558. data/assets/node_modules/uikit/tests/badge.html +0 -95
  559. data/assets/node_modules/uikit/tests/base.html +0 -234
  560. data/assets/node_modules/uikit/tests/breadcrumb.html +0 -35
  561. data/assets/node_modules/uikit/tests/button.html +0 -253
  562. data/assets/node_modules/uikit/tests/card.html +0 -623
  563. data/assets/node_modules/uikit/tests/close.html +0 -31
  564. data/assets/node_modules/uikit/tests/column.html +0 -72
  565. data/assets/node_modules/uikit/tests/comment.html +0 -208
  566. data/assets/node_modules/uikit/tests/container.html +0 -63
  567. data/assets/node_modules/uikit/tests/countdown.html +0 -122
  568. data/assets/node_modules/uikit/tests/cover.html +0 -183
  569. data/assets/node_modules/uikit/tests/description-list.html +0 -52
  570. data/assets/node_modules/uikit/tests/divider.html +0 -50
  571. data/assets/node_modules/uikit/tests/dotnav.html +0 -140
  572. data/assets/node_modules/uikit/tests/drop.html +0 -409
  573. data/assets/node_modules/uikit/tests/dropdown.html +0 -434
  574. data/assets/node_modules/uikit/tests/flex.html +0 -183
  575. data/assets/node_modules/uikit/tests/form.html +0 -615
  576. data/assets/node_modules/uikit/tests/grid-parallax.html +0 -118
  577. data/assets/node_modules/uikit/tests/grid.html +0 -622
  578. data/assets/node_modules/uikit/tests/heading.html +0 -154
  579. data/assets/node_modules/uikit/tests/height-expand.html +0 -33
  580. data/assets/node_modules/uikit/tests/height-viewport.html +0 -186
  581. data/assets/node_modules/uikit/tests/icon.html +0 -770
  582. data/assets/node_modules/uikit/tests/iconnav.html +0 -39
  583. data/assets/node_modules/uikit/tests/images/animated.gif +0 -0
  584. data/assets/node_modules/uikit/tests/images/avatar.jpg +0 -0
  585. data/assets/node_modules/uikit/tests/images/dark.jpg +0 -0
  586. data/assets/node_modules/uikit/tests/images/icons.svg +0 -24
  587. data/assets/node_modules/uikit/tests/images/light.jpg +0 -0
  588. data/assets/node_modules/uikit/tests/images/photo.jpg +0 -0
  589. data/assets/node_modules/uikit/tests/images/size-h.jpg +0 -0
  590. data/assets/node_modules/uikit/tests/images/size-v.jpg +0 -0
  591. data/assets/node_modules/uikit/tests/images/size1.jpg +0 -0
  592. data/assets/node_modules/uikit/tests/images/size2.jpg +0 -0
  593. data/assets/node_modules/uikit/tests/index.html +0 -814
  594. data/assets/node_modules/uikit/tests/js/index.js +0 -210
  595. data/assets/node_modules/uikit/tests/js/uikit.js +0 -1
  596. data/assets/node_modules/uikit/tests/label.html +0 -29
  597. data/assets/node_modules/uikit/tests/lightbox.html +0 -297
  598. data/assets/node_modules/uikit/tests/link.html +0 -36
  599. data/assets/node_modules/uikit/tests/list.html +0 -223
  600. data/assets/node_modules/uikit/tests/margin.html +0 -190
  601. data/assets/node_modules/uikit/tests/marker.html +0 -44
  602. data/assets/node_modules/uikit/tests/modal.html +0 -500
  603. data/assets/node_modules/uikit/tests/nav.html +0 -356
  604. data/assets/node_modules/uikit/tests/navbar.html +0 -2005
  605. data/assets/node_modules/uikit/tests/notification.html +0 -132
  606. data/assets/node_modules/uikit/tests/offcanvas.html +0 -771
  607. data/assets/node_modules/uikit/tests/overlay.html +0 -103
  608. data/assets/node_modules/uikit/tests/padding.html +0 -53
  609. data/assets/node_modules/uikit/tests/pagination.html +0 -87
  610. data/assets/node_modules/uikit/tests/parallax.html +0 -229
  611. data/assets/node_modules/uikit/tests/placeholder.html +0 -34
  612. data/assets/node_modules/uikit/tests/position.html +0 -366
  613. data/assets/node_modules/uikit/tests/progress.html +0 -61
  614. data/assets/node_modules/uikit/tests/scroll.html +0 -65
  615. data/assets/node_modules/uikit/tests/scrollspy.html +0 -528
  616. data/assets/node_modules/uikit/tests/search.html +0 -376
  617. data/assets/node_modules/uikit/tests/section.html +0 -377
  618. data/assets/node_modules/uikit/tests/slidenav.html +0 -342
  619. data/assets/node_modules/uikit/tests/slideshow.html +0 -463
  620. data/assets/node_modules/uikit/tests/sortable.html +0 -317
  621. data/assets/node_modules/uikit/tests/spinner.html +0 -26
  622. data/assets/node_modules/uikit/tests/sticky-navbar.html +0 -582
  623. data/assets/node_modules/uikit/tests/sticky.html +0 -146
  624. data/assets/node_modules/uikit/tests/subnav.html +0 -114
  625. data/assets/node_modules/uikit/tests/switcher.html +0 -377
  626. data/assets/node_modules/uikit/tests/tab.html +0 -219
  627. data/assets/node_modules/uikit/tests/table.html +0 -310
  628. data/assets/node_modules/uikit/tests/text.html +0 -136
  629. data/assets/node_modules/uikit/tests/thumbnav.html +0 -65
  630. data/assets/node_modules/uikit/tests/tile.html +0 -227
  631. data/assets/node_modules/uikit/tests/toggle.html +0 -181
  632. data/assets/node_modules/uikit/tests/tooltip.html +0 -121
  633. data/assets/node_modules/uikit/tests/totop.html +0 -25
  634. data/assets/node_modules/uikit/tests/transition.html +0 -252
  635. data/assets/node_modules/uikit/tests/upload.html +0 -257
  636. data/assets/node_modules/uikit/tests/utility.html +0 -572
  637. data/assets/node_modules/uikit/tests/visibility.html +0 -113
  638. data/assets/node_modules/uikit/tests/width.html +0 -131
  639. data/assets/node_modules/uikit/webpack.config.js +0 -102
  640. data/assets/node_modules/uikit/yarn.lock +0 -3849
@@ -1,356 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-gb" dir="ltr">
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <title>Nav - UIkit tests</title>
8
- <script src="../dist/js/uikit.js"></script>
9
- <script src="js/test.js"></script>
10
- </head>
11
-
12
- <body>
13
-
14
- <div class="uk-container">
15
-
16
- <h1>Nav</h1>
17
-
18
- <div class="uk-child-width-1-4@m" uk-grid>
19
- <div>
20
-
21
- <h2>Default</h2>
22
-
23
- <ul class="uk-nav uk-nav-default">
24
- <li class="uk-active"><a href="#">Active</a></li>
25
- <li class="uk-parent">
26
- <a href="#">Parent</a>
27
- <ul class="uk-nav-sub">
28
- <li><a href="#">Sub item</a></li>
29
- <li><a href="#">Sub item</a>
30
- <ul>
31
- <li><a href="#">Sub item</a></li>
32
- <li><a href="#">Sub item</a></li>
33
- </ul>
34
- </li>
35
- </ul>
36
- </li>
37
- <li class="uk-parent">
38
- <a href="#">Parent</a>
39
- <ul class="uk-nav-sub">
40
- <li><a href="#">Sub item</a></li>
41
- <li><a href="#">Sub item</a></li>
42
- </ul>
43
- </li>
44
- <li class="uk-nav-header">Header</li>
45
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
46
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
47
- <li class="uk-nav-divider"></li>
48
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
49
- </ul>
50
-
51
- </div>
52
- <div>
53
-
54
- <h2>Accordion</h2>
55
- <ul class="uk-nav-default uk-nav-parent-icon" uk-nav>
56
- <li class="uk-active"><a href="#">Active</a></li>
57
- <li class="uk-parent">
58
- <a href="#">Parent</a>
59
- <ul class="uk-nav-sub">
60
- <li><a href="#">Sub item</a></li>
61
- <li><a href="#">Sub item</a>
62
- <ul>
63
- <li><a href="#">Sub item</a></li>
64
- <li><a href="#">Sub item</a></li>
65
- </ul>
66
- </li>
67
- </ul>
68
- </li>
69
- <li class="uk-parent">
70
- <a href="#">Parent</a>
71
- <ul class="uk-nav-sub">
72
- <li><a href="#">Sub item</a></li>
73
- <li><a href="#">Sub item</a></li>
74
- </ul>
75
- </li>
76
- <li class="uk-nav-header">Header</li>
77
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
78
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
79
- <li class="uk-nav-divider"></li>
80
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
81
- </ul>
82
-
83
- </div>
84
- <div>
85
-
86
- <h2>Multiple</h2>
87
- <ul class="uk-nav-default uk-nav-parent-icon" uk-nav="multiple: true">
88
- <li class="uk-active"><a href="#">Active</a></li>
89
- <li class="uk-parent">
90
- <a href="#">Parent</a>
91
- <ul class="uk-nav-sub">
92
- <li><a href="#">Sub item</a></li>
93
- <li><a href="#">Sub item</a>
94
- <ul>
95
- <li><a href="#">Sub item</a></li>
96
- <li><a href="#">Sub item</a></li>
97
- </ul>
98
- </li>
99
- </ul>
100
- </li>
101
- <li class="uk-parent">
102
- <a href="#">Parent</a>
103
- <ul class="uk-nav-sub">
104
- <li><a href="#">Sub item</a></li>
105
- <li><a href="#">Sub item</a></li>
106
- </ul>
107
- </li>
108
- <li class="uk-nav-header">Header</li>
109
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
110
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
111
- <li class="uk-nav-divider"></li>
112
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
113
- </ul>
114
-
115
- </div>
116
- <div>
117
-
118
- <h2 class="uk-text-center">Center</h2>
119
-
120
- <ul class="uk-nav-default uk-nav-center uk-nav-parent-icon" uk-nav>
121
- <li class="uk-active"><a href="#">Active</a></li>
122
- <li class="uk-parent">
123
- <a href="#">Parent</a>
124
- <ul class="uk-nav-sub">
125
- <li><a href="#">Sub item</a></li>
126
- <li><a href="#">Sub item</a>
127
- <ul>
128
- <li><a href="#">Sub item</a></li>
129
- <li><a href="#">Sub item</a></li>
130
- </ul>
131
- </li>
132
- </ul>
133
- </li>
134
- <li class="uk-parent">
135
- <a href="#">Parent</a>
136
- <ul class="uk-nav-sub">
137
- <li><a href="#">Sub item</a></li>
138
- <li><a href="#">Sub item</a></li>
139
- </ul>
140
- </li>
141
- <li class="uk-nav-header">Header</li>
142
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
143
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
144
- <li class="uk-nav-divider"></li>
145
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
146
- </ul>
147
-
148
- </div>
149
- </div>
150
-
151
- <div class="uk-child-width-1-4@m" uk-grid>
152
- <div>
153
-
154
- <h2>Primary</h2>
155
-
156
- <ul class="uk-nav uk-nav-primary">
157
- <li class="uk-active"><a href="#">Active</a></li>
158
- <li class="uk-parent">
159
- <a href="#">Parent</a>
160
- <ul class="uk-nav-sub">
161
- <li><a href="#">Sub item</a></li>
162
- <li><a href="#">Sub item</a>
163
- <ul>
164
- <li><a href="#">Sub item</a></li>
165
- <li><a href="#">Sub item</a></li>
166
- </ul>
167
- </li>
168
- </ul>
169
- </li>
170
- <li class="uk-parent">
171
- <a href="#">Parent</a>
172
- <ul class="uk-nav-sub">
173
- <li><a href="#">Sub item</a></li>
174
- <li><a href="#">Sub item</a></li>
175
- </ul>
176
- </li>
177
- <li class="uk-nav-header">Header</li>
178
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
179
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
180
- <li class="uk-nav-divider"></li>
181
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
182
- </ul>
183
-
184
- </div>
185
- <div>
186
-
187
- <h2>Accordion</h2>
188
- <ul class="uk-nav-primary uk-nav-parent-icon" uk-nav>
189
- <li class="uk-active"><a href="#">Active</a></li>
190
- <li class="uk-parent">
191
- <a href="#">Parent</a>
192
- <ul class="uk-nav-sub">
193
- <li><a href="#">Sub item</a></li>
194
- <li><a href="#">Sub item</a>
195
- <ul>
196
- <li><a href="#">Sub item</a></li>
197
- <li><a href="#">Sub item</a></li>
198
- </ul>
199
- </li>
200
- </ul>
201
- </li>
202
- <li class="uk-parent">
203
- <a href="#">Parent</a>
204
- <ul class="uk-nav-sub">
205
- <li><a href="#">Sub item</a></li>
206
- <li><a href="#">Sub item</a></li>
207
- </ul>
208
- </li>
209
- <li class="uk-nav-header">Header</li>
210
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
211
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
212
- <li class="uk-nav-divider"></li>
213
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
214
- </ul>
215
-
216
- </div>
217
- <div>
218
-
219
- <h2>Multiple</h2>
220
- <ul class="uk-nav-primary uk-nav-parent-icon" uk-nav="multiple: true">
221
- <li class="uk-active"><a href="#">Active</a></li>
222
- <li class="uk-parent">
223
- <a href="#">Parent</a>
224
- <ul class="uk-nav-sub">
225
- <li><a href="#">Sub item</a></li>
226
- <li><a href="#">Sub item</a>
227
- <ul>
228
- <li><a href="#">Sub item</a></li>
229
- <li><a href="#">Sub item</a></li>
230
- </ul>
231
- </li>
232
- </ul>
233
- </li>
234
- <li class="uk-parent">
235
- <a href="#">Parent</a>
236
- <ul class="uk-nav-sub">
237
- <li><a href="#">Sub item</a></li>
238
- <li><a href="#">Sub item</a></li>
239
- </ul>
240
- </li>
241
- <li class="uk-nav-header">Header</li>
242
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
243
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
244
- <li class="uk-nav-divider"></li>
245
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
246
- </ul>
247
-
248
- </div>
249
- <div>
250
-
251
- <h2 class="uk-text-center">Center</h2>
252
-
253
- <ul class="uk-nav-primary uk-nav-center uk-nav-parent-icon" uk-nav>
254
- <li class="uk-active"><a href="#">Active</a></li>
255
- <li class="uk-parent">
256
- <a href="#">Parent</a>
257
- <ul class="uk-nav-sub">
258
- <li><a href="#">Sub item</a></li>
259
- <li><a href="#">Sub item</a>
260
- <ul>
261
- <li><a href="#">Sub item</a></li>
262
- <li><a href="#">Sub item</a></li>
263
- </ul>
264
- </li>
265
- </ul>
266
- </li>
267
- <li class="uk-parent">
268
- <a href="#">Parent</a>
269
- <ul class="uk-nav-sub">
270
- <li><a href="#">Sub item</a></li>
271
- <li><a href="#">Sub item</a></li>
272
- </ul>
273
- </li>
274
- <li class="uk-nav-header">Header</li>
275
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
276
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
277
- <li class="uk-nav-divider"></li>
278
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
279
- </ul>
280
-
281
- </div>
282
- </div>
283
-
284
- <h2>Javascript Options</h2>
285
-
286
- <table class="uk-table uk-table-striped">
287
- <thead>
288
- <tr>
289
- <th>Option</th>
290
- <th>Value</th>
291
- <th>Default</th>
292
- <th>Description</th>
293
- </tr>
294
- </thead>
295
- <tbody>
296
- <tr>
297
- <td><code>targets</code></td>
298
- <td>CSS selector</td>
299
- <td>> .uk-parent</td>
300
- <td>The element(s) to toggle.</td>
301
- </tr>
302
- <tr>
303
- <td><code>toggle</code></td>
304
- <td>CSS selector</td>
305
- <td>> a</td>
306
- <td>The toggle element(s).</td>
307
- </tr>
308
- <tr>
309
- <td><code>content</code></td>
310
- <td>CSS selector</td>
311
- <td>> ul</td>
312
- <td>The content element(s).</td>
313
- </tr>
314
- <tr>
315
- <td><code>active</code></td>
316
- <td>Number</td>
317
- <td>false</td>
318
- <td>The element(s) to toggle.</td>
319
- </tr>
320
- <tr>
321
- <td><code>collapsible</code></td>
322
- <td>Boolean</td>
323
- <td>true</td>
324
- <td>Allow all items to be closed.</td>
325
- </tr>
326
- <tr>
327
- <td><code>multiple</code></td>
328
- <td>Boolean</td>
329
- <td>false</td>
330
- <td>Allow multiple open items.</td>
331
- </tr>
332
- <tr>
333
- <td><code>transition</code></td>
334
- <td>String</td>
335
- <td>ease</td>
336
- <td>The transition to use.</td>
337
- </tr>
338
- <tr>
339
- <td><code>animation</code></td>
340
- <td>String</td>
341
- <td>true</td>
342
- <td>The space separated names of animations to use. (Comma separate for animation out)</td>
343
- </tr>
344
- <tr>
345
- <td><code>duration</code></td>
346
- <td>Number</td>
347
- <td>200</td>
348
- <td>The animation duration.</td>
349
- </tr>
350
- </tbody>
351
- </table>
352
-
353
- </div>
354
-
355
- </body>
356
- </html>
@@ -1,2005 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-gb" dir="ltr">
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <title>Navbar - UIkit tests</title>
8
- <script src="../dist/js/uikit.js"></script>
9
- <script src="js/test.js"></script>
10
- <style type="text/css">
11
-
12
- .test {
13
- display: block;
14
- position: relative;
15
- z-index: 1;
16
- width: 100%;
17
- margin-left: 0;
18
- }
19
-
20
- </style>
21
- </head>
22
-
23
- <body>
24
-
25
- <div class="uk-container uk-margin">
26
-
27
- <h1>Navbar</h1>
28
-
29
- <div uk-grid>
30
- <div class="uk-width-2-3@m">
31
-
32
- <nav class="uk-navbar-container uk-margin" uk-navbar>
33
- <div class="uk-navbar-left">
34
-
35
- <ul class="uk-navbar-nav">
36
- <li class="uk-active"><a href="#">Active</a></li>
37
- <li>
38
- <a href="#">Parent</a>
39
- <div class="uk-navbar-dropdown">
40
- <ul class="uk-nav uk-navbar-dropdown-nav">
41
- <li class="uk-active"><a href="#">Active</a></li>
42
- <li class="uk-parent">
43
- <a href="#">Parent</a>
44
- <ul class="uk-nav-sub">
45
- <li><a href="#">Sub item</a></li>
46
- <li><a href="#">Sub item</a></li>
47
- </ul>
48
- </li>
49
- <li class="uk-nav-header">Header</li>
50
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
51
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
52
- <li class="uk-nav-divider"></li>
53
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
54
- </ul>
55
- </div>
56
- </li>
57
- <li>
58
- <a href="#">Content</a>
59
- <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
60
- </li>
61
- <li><a href="#">Item</a></li>
62
- <li><a href="#">Item</a></li>
63
- </ul>
64
-
65
- </div>
66
- </nav>
67
-
68
- <h2>Transparent</h2>
69
-
70
- <div class="uk-margin uk-position-relative uk-light">
71
- <canvas class="uk-background-cover" style="background-image: url('images/dark.jpg')" width="1000" height="200"></canvas>
72
- <div class="uk-position-top">
73
- <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
74
- <div class="uk-navbar-left">
75
- <ul class="uk-navbar-nav">
76
- <li class="uk-active"><a href="">Active</a></li>
77
- <li>
78
- <a href="">Parent</a>
79
- <div class="uk-navbar-dropdown">
80
- <ul class="uk-nav uk-navbar-dropdown-nav">
81
- <li class="uk-active"><a href="#">Active</a></li>
82
- <li class="uk-parent">
83
- <a href="#">Parent</a>
84
- <ul class="uk-nav-sub">
85
- <li><a href="#">Sub item</a></li>
86
- <li><a href="#">Sub item</a></li>
87
- </ul>
88
- </li>
89
- <li class="uk-nav-header">Header</li>
90
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
91
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
92
- <li class="uk-nav-divider"></li>
93
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
94
- </ul>
95
- </div>
96
- </li>
97
- <li><a href="">Item</a></li>
98
- <li><a href="">Item</a></li>
99
- </ul>
100
- </div>
101
- <div class="uk-navbar-right">
102
- <div class="uk-navbar-item">
103
- <div>Some <a href="#">Link</a></div>
104
- </div>
105
- <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
106
- </div>
107
- </nav>
108
- </div>
109
- </div>
110
-
111
- <div class="uk-margin uk-position-relative uk-dark">
112
- <canvas class="uk-background-cover" style="background-image: url('images/light.jpg')" width="1000" height="200"></canvas>
113
- <div class="uk-position-top">
114
- <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
115
- <div class="uk-navbar-left">
116
- <ul class="uk-navbar-nav">
117
- <li class="uk-active"><a href="">Active</a></li>
118
- <li>
119
- <a href="">Parent</a>
120
- <div class="uk-navbar-dropdown">
121
- <ul class="uk-nav uk-navbar-dropdown-nav">
122
- <li class="uk-active"><a href="#">Active</a></li>
123
- <li class="uk-parent">
124
- <a href="#">Parent</a>
125
- <ul class="uk-nav-sub">
126
- <li><a href="#">Sub item</a></li>
127
- <li><a href="#">Sub item</a></li>
128
- </ul>
129
- </li>
130
- <li class="uk-nav-header">Header</li>
131
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
132
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
133
- <li class="uk-nav-divider"></li>
134
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
135
- </ul>
136
- </div>
137
- </li>
138
- <li><a href="">Item</a></li>
139
- <li><a href="">Item</a></li>
140
- </ul>
141
- </div>
142
- <div class="uk-navbar-right">
143
- <div class="uk-navbar-item">
144
- <div>Some <a href="#">Link</a></div>
145
- </div>
146
- <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
147
- </div>
148
- </nav>
149
- </div>
150
- </div>
151
-
152
- </div>
153
- <div class="uk-width-1-3@m">
154
-
155
- <div class="uk-navbar-dropdown test">
156
-
157
- <ul class="uk-nav uk-navbar-dropdown-nav">
158
- <li class="uk-active"><a href="#">Active</a></li>
159
- <li class="uk-parent">
160
- <a href="#">Parent</a>
161
- <ul class="uk-nav-sub">
162
- <li><a href="#">Sub item</a></li>
163
- <li><a href="#">Sub item</a>
164
- <ul>
165
- <li><a href="#">Sub item</a></li>
166
- <li><a href="#">Sub item</a></li>
167
- </ul>
168
- </li>
169
- </ul>
170
- </li>
171
- <li class="uk-parent">
172
- <a href="#">Parent</a>
173
- <ul class="uk-nav-sub">
174
- <li><a href="#">Sub item</a></li>
175
- <li><a href="#">Sub item</a></li>
176
- </ul>
177
- </li>
178
- <li class="uk-nav-header">Header</li>
179
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
180
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
181
- <li class="uk-nav-divider"></li>
182
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
183
- </ul>
184
-
185
- </div>
186
-
187
- </div>
188
- </div>
189
-
190
- <h2>Dropdown</h2>
191
-
192
- <nav class="uk-navbar-container uk-margin" uk-navbar>
193
- <div class="uk-navbar-left">
194
-
195
- <ul class="uk-navbar-nav">
196
- <li>
197
- <a href="#">Hover</a>
198
- <div class="uk-navbar-dropdown">
199
- <ul class="uk-nav uk-navbar-dropdown-nav">
200
- <li class="uk-active"><a href="#">Active</a></li>
201
- <li class="uk-parent">
202
- <a href="#">Parent</a>
203
- <ul class="uk-nav-sub">
204
- <li><a href="#">Sub item</a></li>
205
- <li><a href="#">Sub item</a></li>
206
- </ul>
207
- </li>
208
- <li class="uk-nav-header">Header</li>
209
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
210
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
211
- <li class="uk-nav-divider"></li>
212
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
213
- </ul>
214
- </div>
215
- </li>
216
- <li>
217
- <a href="#">2 Columns</a>
218
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
219
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
220
- <div>
221
- <ul class="uk-nav uk-navbar-dropdown-nav">
222
- <li class="uk-active"><a href="#">Active</a></li>
223
- <li class="uk-parent"><a href="#">Parent</a></li>
224
- <li class="uk-nav-header">Header</li>
225
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
226
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
227
- <li class="uk-nav-divider"></li>
228
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
229
- </ul>
230
- </div>
231
- <div>
232
- <ul class="uk-nav uk-navbar-dropdown-nav">
233
- <li class="uk-active"><a href="#">Active</a></li>
234
- <li class="uk-parent"><a href="#">Parent</a></li>
235
- <li class="uk-nav-header">Header</li>
236
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
237
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
238
- <li class="uk-nav-divider"></li>
239
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
240
- </ul>
241
- </div>
242
- </div>
243
- </div>
244
- </li>
245
- <li>
246
- <a href="#">3 Columns</a>
247
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
248
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
249
- <div>
250
- <ul class="uk-nav uk-navbar-dropdown-nav">
251
- <li class="uk-active"><a href="#">Active</a></li>
252
- <li class="uk-parent"><a href="#">Parent</a></li>
253
- <li class="uk-nav-header">Header</li>
254
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
255
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
256
- </ul>
257
- </div>
258
- <div>
259
- <ul class="uk-nav uk-navbar-dropdown-nav">
260
- <li class="uk-active"><a href="#">Active</a></li>
261
- <li class="uk-parent"><a href="#">Parent</a></li>
262
- <li class="uk-nav-header">Header</li>
263
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
264
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
265
- </ul>
266
- </div>
267
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
268
- </div>
269
- </div>
270
- </li>
271
- <li>
272
- <a href="#">Justify</a>
273
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
274
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
275
- <div>
276
- <ul class="uk-nav uk-navbar-dropdown-nav">
277
- <li class="uk-active"><a href="#">Active</a></li>
278
- <li class="uk-parent">
279
- <a href="#">Parent</a>
280
- <ul class="uk-nav-sub">
281
- <li><a href="#">Sub item</a></li>
282
- <li><a href="#">Sub item</a></li>
283
- </ul>
284
- </li>
285
- <li class="uk-nav-header">Header</li>
286
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
287
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
288
- <li class="uk-nav-divider"></li>
289
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
290
- </ul>
291
- </div>
292
- <div>
293
- <ul class="uk-nav uk-navbar-dropdown-nav">
294
- <li class="uk-active"><a href="#">Active</a></li>
295
- <li class="uk-parent">
296
- <a href="#">Parent</a>
297
- <ul class="uk-nav-sub">
298
- <li><a href="#">Sub item</a></li>
299
- <li><a href="#">Sub item</a></li>
300
- </ul>
301
- </li>
302
- <li class="uk-nav-header">Header</li>
303
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
304
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
305
- <li class="uk-nav-divider"></li>
306
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
307
- </ul>
308
- </div>
309
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
310
- </div>
311
- </div>
312
- </li>
313
- </ul>
314
-
315
- </div>
316
- <div class="uk-navbar-right">
317
-
318
- <ul class="uk-navbar-nav">
319
- <li>
320
- <a href="#">Right</a>
321
- <div class="uk-navbar-dropdown">
322
- <ul class="uk-nav uk-navbar-dropdown-nav">
323
- <li class="uk-active"><a href="#">Active</a></li>
324
- <li class="uk-parent">
325
- <a href="#">Parent</a>
326
- <ul class="uk-nav-sub">
327
- <li><a href="#">Sub item</a></li>
328
- <li><a href="#">Sub item</a></li>
329
- </ul>
330
- </li>
331
- <li class="uk-nav-header">Header</li>
332
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
333
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
334
- <li class="uk-nav-divider"></li>
335
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
336
- </ul>
337
- </div>
338
- </li>
339
- </ul>
340
-
341
- </div>
342
- </nav>
343
-
344
- <nav class="uk-navbar-container uk-margin" uk-navbar="mode:click">
345
- <div class="uk-navbar-left">
346
-
347
- <ul class="uk-navbar-nav">
348
- <li>
349
- <a href="#">Click</a>
350
- <div class="uk-navbar-dropdown">
351
- <ul class="uk-nav uk-navbar-dropdown-nav">
352
- <li class="uk-active"><a href="#">Active</a></li>
353
- <li class="uk-parent">
354
- <a href="#">Parent</a>
355
- <ul class="uk-nav-sub">
356
- <li><a href="#">Sub item</a></li>
357
- <li><a href="#">Sub item</a></li>
358
- </ul>
359
- </li>
360
- <li class="uk-nav-header">Header</li>
361
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
362
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
363
- <li class="uk-nav-divider"></li>
364
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
365
- </ul>
366
- </div>
367
- </li>
368
- <li>
369
- <a href="#">2 Columns</a>
370
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
371
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
372
- <div>
373
- <ul class="uk-nav uk-navbar-dropdown-nav">
374
- <li class="uk-active"><a href="#">Active</a></li>
375
- <li class="uk-parent"><a href="#">Parent</a></li>
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>
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>
381
- </ul>
382
- </div>
383
- <div>
384
- <ul class="uk-nav uk-navbar-dropdown-nav">
385
- <li class="uk-active"><a href="#">Active</a></li>
386
- <li class="uk-parent"><a href="#">Parent</a></li>
387
- <li class="uk-nav-header">Header</li>
388
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
389
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
390
- <li class="uk-nav-divider"></li>
391
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
392
- </ul>
393
- </div>
394
- </div>
395
- </div>
396
- </li>
397
- <li>
398
- <a href="#">3 Columns</a>
399
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
400
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
401
- <div>
402
- <ul class="uk-nav uk-navbar-dropdown-nav">
403
- <li class="uk-active"><a href="#">Active</a></li>
404
- <li class="uk-parent"><a href="#">Parent</a></li>
405
- <li class="uk-nav-header">Header</li>
406
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
407
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
408
- </ul>
409
- </div>
410
- <div>
411
- <ul class="uk-nav uk-navbar-dropdown-nav">
412
- <li class="uk-active"><a href="#">Active</a></li>
413
- <li class="uk-parent"><a href="#">Parent</a></li>
414
- <li class="uk-nav-header">Header</li>
415
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
416
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
417
- </ul>
418
- </div>
419
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
420
- </div>
421
- </div>
422
- </li>
423
- <li>
424
- <a href="#">Justify</a>
425
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x; mode: click">
426
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
427
- <div>
428
- <ul class="uk-nav uk-navbar-dropdown-nav">
429
- <li class="uk-active"><a href="#">Active</a></li>
430
- <li class="uk-parent">
431
- <a href="#">Parent</a>
432
- <ul class="uk-nav-sub">
433
- <li><a href="#">Sub item</a></li>
434
- <li><a href="#">Sub item</a></li>
435
- </ul>
436
- </li>
437
- <li class="uk-nav-header">Header</li>
438
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
439
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
440
- <li class="uk-nav-divider"></li>
441
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
442
- </ul>
443
- </div>
444
- <div>
445
- <ul class="uk-nav uk-navbar-dropdown-nav">
446
- <li class="uk-active"><a href="#">Active</a></li>
447
- <li class="uk-parent">
448
- <a href="#">Parent</a>
449
- <ul class="uk-nav-sub">
450
- <li><a href="#">Sub item</a></li>
451
- <li><a href="#">Sub item</a></li>
452
- </ul>
453
- </li>
454
- <li class="uk-nav-header">Header</li>
455
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
456
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
457
- <li class="uk-nav-divider"></li>
458
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
459
- </ul>
460
- </div>
461
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
462
- </div>
463
- </div>
464
- </li>
465
- </ul>
466
-
467
- </div>
468
- <div class="uk-navbar-right">
469
-
470
- <ul class="uk-navbar-nav">
471
- <li>
472
- <a href="#">Right</a>
473
- <div class="uk-navbar-dropdown">
474
- <ul class="uk-nav uk-navbar-dropdown-nav">
475
- <li class="uk-active"><a href="#">Active</a></li>
476
- <li class="uk-parent">
477
- <a href="#">Parent</a>
478
- <ul class="uk-nav-sub">
479
- <li><a href="#">Sub item</a></li>
480
- <li><a href="#">Sub item</a></li>
481
- </ul>
482
- </li>
483
- <li class="uk-nav-header">Header</li>
484
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
485
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
486
- <li class="uk-nav-divider"></li>
487
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
488
- </ul>
489
- </div>
490
- </li>
491
- </ul>
492
-
493
- </div>
494
- </nav>
495
-
496
- <nav class="uk-navbar-container uk-margin" uk-navbar="align: center">
497
- <div class="uk-navbar-left">
498
-
499
- <ul class="uk-navbar-nav">
500
- <li>
501
- <a href="#">Center</a>
502
- <div class="uk-navbar-dropdown">
503
- <ul class="uk-nav uk-navbar-dropdown-nav">
504
- <li class="uk-active"><a href="#">Active</a></li>
505
- <li class="uk-parent">
506
- <a href="#">Parent</a>
507
- <ul class="uk-nav-sub">
508
- <li><a href="#">Sub item</a></li>
509
- <li><a href="#">Sub item</a></li>
510
- </ul>
511
- </li>
512
- <li class="uk-nav-header">Header</li>
513
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
514
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
515
- <li class="uk-nav-divider"></li>
516
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
517
- </ul>
518
- </div>
519
- </li>
520
- <li>
521
- <a href="#">2 Columns</a>
522
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
523
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
524
- <div>
525
- <ul class="uk-nav uk-navbar-dropdown-nav">
526
- <li class="uk-active"><a href="#">Active</a></li>
527
- <li class="uk-parent"><a href="#">Parent</a></li>
528
- <li class="uk-nav-header">Header</li>
529
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
530
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
531
- <li class="uk-nav-divider"></li>
532
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
533
- </ul>
534
- </div>
535
- <div>
536
- <ul class="uk-nav uk-navbar-dropdown-nav">
537
- <li class="uk-active"><a href="#">Active</a></li>
538
- <li class="uk-parent"><a href="#">Parent</a></li>
539
- <li class="uk-nav-header">Header</li>
540
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
541
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
542
- <li class="uk-nav-divider"></li>
543
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
544
- </ul>
545
- </div>
546
- </div>
547
- </div>
548
- </li>
549
- <li>
550
- <a href="#">3 Columns</a>
551
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
552
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
553
- <div>
554
- <ul class="uk-nav uk-navbar-dropdown-nav">
555
- <li class="uk-active"><a href="#">Active</a></li>
556
- <li class="uk-parent"><a href="#">Parent</a></li>
557
- <li class="uk-nav-header">Header</li>
558
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
559
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
560
- </ul>
561
- </div>
562
- <div>
563
- <ul class="uk-nav uk-navbar-dropdown-nav">
564
- <li class="uk-active"><a href="#">Active</a></li>
565
- <li class="uk-parent"><a href="#">Parent</a></li>
566
- <li class="uk-nav-header">Header</li>
567
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
568
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
569
- </ul>
570
- </div>
571
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
572
- </div>
573
- </div>
574
- </li>
575
- <li>
576
- <a href="#">Justify</a>
577
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
578
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
579
- <div>
580
- <ul class="uk-nav uk-navbar-dropdown-nav">
581
- <li class="uk-active"><a href="#">Active</a></li>
582
- <li class="uk-parent">
583
- <a href="#">Parent</a>
584
- <ul class="uk-nav-sub">
585
- <li><a href="#">Sub item</a></li>
586
- <li><a href="#">Sub item</a></li>
587
- </ul>
588
- </li>
589
- <li class="uk-nav-header">Header</li>
590
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
591
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
592
- <li class="uk-nav-divider"></li>
593
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
594
- </ul>
595
- </div>
596
- <div>
597
- <ul class="uk-nav uk-navbar-dropdown-nav">
598
- <li class="uk-active"><a href="#">Active</a></li>
599
- <li class="uk-parent">
600
- <a href="#">Parent</a>
601
- <ul class="uk-nav-sub">
602
- <li><a href="#">Sub item</a></li>
603
- <li><a href="#">Sub item</a></li>
604
- </ul>
605
- </li>
606
- <li class="uk-nav-header">Header</li>
607
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
608
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
609
- <li class="uk-nav-divider"></li>
610
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
611
- </ul>
612
- </div>
613
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
614
- </div>
615
- </div>
616
- </li>
617
- </ul>
618
-
619
- </div>
620
- <div class="uk-navbar-right">
621
-
622
- <ul class="uk-navbar-nav">
623
- <li>
624
- <a href="#">Right</a>
625
- <div class="uk-navbar-dropdown">
626
- <ul class="uk-nav uk-navbar-dropdown-nav">
627
- <li class="uk-active"><a href="#">Active</a></li>
628
- <li class="uk-parent">
629
- <a href="#">Parent</a>
630
- <ul class="uk-nav-sub">
631
- <li><a href="#">Sub item</a></li>
632
- <li><a href="#">Sub item</a></li>
633
- </ul>
634
- </li>
635
- <li class="uk-nav-header">Header</li>
636
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
637
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
638
- <li class="uk-nav-divider"></li>
639
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
640
- </ul>
641
- </div>
642
- </li>
643
- </ul>
644
-
645
- </div>
646
- </nav>
647
-
648
- <h3>Boundary</h3>
649
-
650
- <nav class="uk-navbar-container uk-margin" uk-navbar="align: center; boundary-align: true">
651
- <div class="uk-navbar-left">
652
-
653
- <ul class="uk-navbar-nav">
654
- <li>
655
- <a href="#">Center</a>
656
- <div class="uk-navbar-dropdown">
657
- <ul class="uk-nav uk-navbar-dropdown-nav">
658
- <li class="uk-active"><a href="#">Active</a></li>
659
- <li class="uk-parent">
660
- <a href="#">Parent</a>
661
- <ul class="uk-nav-sub">
662
- <li><a href="#">Sub item</a></li>
663
- <li><a href="#">Sub item</a></li>
664
- </ul>
665
- </li>
666
- <li class="uk-nav-header">Header</li>
667
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
668
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
669
- <li class="uk-nav-divider"></li>
670
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
671
- </ul>
672
- </div>
673
- </li>
674
- <li>
675
- <a href="#">2 Columns</a>
676
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
677
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
678
- <div>
679
- <ul class="uk-nav uk-navbar-dropdown-nav">
680
- <li class="uk-active"><a href="#">Active</a></li>
681
- <li class="uk-parent"><a href="#">Parent</a></li>
682
- <li class="uk-nav-header">Header</li>
683
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
684
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
685
- <li class="uk-nav-divider"></li>
686
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
687
- </ul>
688
- </div>
689
- <div>
690
- <ul class="uk-nav uk-navbar-dropdown-nav">
691
- <li class="uk-active"><a href="#">Active</a></li>
692
- <li class="uk-parent"><a href="#">Parent</a></li>
693
- <li class="uk-nav-header">Header</li>
694
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
695
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
696
- <li class="uk-nav-divider"></li>
697
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
698
- </ul>
699
- </div>
700
- </div>
701
- </div>
702
- </li>
703
- <li>
704
- <a href="#">3 Columns</a>
705
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
706
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
707
- <div>
708
- <ul class="uk-nav uk-navbar-dropdown-nav">
709
- <li class="uk-active"><a href="#">Active</a></li>
710
- <li class="uk-parent"><a href="#">Parent</a></li>
711
- <li class="uk-nav-header">Header</li>
712
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
713
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
714
- </ul>
715
- </div>
716
- <div>
717
- <ul class="uk-nav uk-navbar-dropdown-nav">
718
- <li class="uk-active"><a href="#">Active</a></li>
719
- <li class="uk-parent"><a href="#">Parent</a></li>
720
- <li class="uk-nav-header">Header</li>
721
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
722
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
723
- </ul>
724
- </div>
725
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
726
- </div>
727
- </div>
728
- </li>
729
- <li>
730
- <a href="#">Justify</a>
731
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
732
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
733
- <div>
734
- <ul class="uk-nav uk-navbar-dropdown-nav">
735
- <li class="uk-active"><a href="#">Active</a></li>
736
- <li class="uk-parent">
737
- <a href="#">Parent</a>
738
- <ul class="uk-nav-sub">
739
- <li><a href="#">Sub item</a></li>
740
- <li><a href="#">Sub item</a></li>
741
- </ul>
742
- </li>
743
- <li class="uk-nav-header">Header</li>
744
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
745
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
746
- <li class="uk-nav-divider"></li>
747
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
748
- </ul>
749
- </div>
750
- <div>
751
- <ul class="uk-nav uk-navbar-dropdown-nav">
752
- <li class="uk-active"><a href="#">Active</a></li>
753
- <li class="uk-parent">
754
- <a href="#">Parent</a>
755
- <ul class="uk-nav-sub">
756
- <li><a href="#">Sub item</a></li>
757
- <li><a href="#">Sub item</a></li>
758
- </ul>
759
- </li>
760
- <li class="uk-nav-header">Header</li>
761
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
762
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
763
- <li class="uk-nav-divider"></li>
764
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
765
- </ul>
766
- </div>
767
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
768
- </div>
769
- </div>
770
- </li>
771
- </ul>
772
-
773
- </div>
774
- <div class="uk-navbar-right">
775
-
776
- <ul class="uk-navbar-nav">
777
- <li>
778
- <a href="#">Right</a>
779
- <div class="uk-navbar-dropdown">
780
- <ul class="uk-nav uk-navbar-dropdown-nav">
781
- <li class="uk-active"><a href="#">Active</a></li>
782
- <li class="uk-parent">
783
- <a href="#">Parent</a>
784
- <ul class="uk-nav-sub">
785
- <li><a href="#">Sub item</a></li>
786
- <li><a href="#">Sub item</a></li>
787
- </ul>
788
- </li>
789
- <li class="uk-nav-header">Header</li>
790
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
791
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
792
- <li class="uk-nav-divider"></li>
793
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
794
- </ul>
795
- </div>
796
- </li>
797
- </ul>
798
-
799
- </div>
800
- </nav>
801
-
802
- <nav class="uk-navbar-container uk-margin" uk-navbar="align: left; boundary-align: true">
803
- <div class="uk-navbar-left">
804
-
805
- <ul class="uk-navbar-nav">
806
- <li>
807
- <a href="#">Left</a>
808
- <div class="uk-navbar-dropdown">
809
- <ul class="uk-nav uk-navbar-dropdown-nav">
810
- <li class="uk-active"><a href="#">Active</a></li>
811
- <li class="uk-parent">
812
- <a href="#">Parent</a>
813
- <ul class="uk-nav-sub">
814
- <li><a href="#">Sub item</a></li>
815
- <li><a href="#">Sub item</a></li>
816
- </ul>
817
- </li>
818
- <li class="uk-nav-header">Header</li>
819
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
820
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
821
- <li class="uk-nav-divider"></li>
822
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
823
- </ul>
824
- </div>
825
- </li>
826
- <li>
827
- <a href="#">2 Columns</a>
828
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
829
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
830
- <div>
831
- <ul class="uk-nav uk-navbar-dropdown-nav">
832
- <li class="uk-active"><a href="#">Active</a></li>
833
- <li class="uk-parent"><a href="#">Parent</a></li>
834
- <li class="uk-nav-header">Header</li>
835
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
836
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
837
- <li class="uk-nav-divider"></li>
838
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
839
- </ul>
840
- </div>
841
- <div>
842
- <ul class="uk-nav uk-navbar-dropdown-nav">
843
- <li class="uk-active"><a href="#">Active</a></li>
844
- <li class="uk-parent"><a href="#">Parent</a></li>
845
- <li class="uk-nav-header">Header</li>
846
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
847
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
848
- <li class="uk-nav-divider"></li>
849
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
850
- </ul>
851
- </div>
852
- </div>
853
- </div>
854
- </li>
855
- <li>
856
- <a href="#">3 Columns</a>
857
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
858
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
859
- <div>
860
- <ul class="uk-nav uk-navbar-dropdown-nav">
861
- <li class="uk-active"><a href="#">Active</a></li>
862
- <li class="uk-parent"><a href="#">Parent</a></li>
863
- <li class="uk-nav-header">Header</li>
864
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
865
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
866
- </ul>
867
- </div>
868
- <div>
869
- <ul class="uk-nav uk-navbar-dropdown-nav">
870
- <li class="uk-active"><a href="#">Active</a></li>
871
- <li class="uk-parent"><a href="#">Parent</a></li>
872
- <li class="uk-nav-header">Header</li>
873
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
874
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
875
- </ul>
876
- </div>
877
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
878
- </div>
879
- </div>
880
- </li>
881
- <li>
882
- <a href="#">Justify</a>
883
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
884
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
885
- <div>
886
- <ul class="uk-nav uk-navbar-dropdown-nav">
887
- <li class="uk-active"><a href="#">Active</a></li>
888
- <li class="uk-parent">
889
- <a href="#">Parent</a>
890
- <ul class="uk-nav-sub">
891
- <li><a href="#">Sub item</a></li>
892
- <li><a href="#">Sub item</a></li>
893
- </ul>
894
- </li>
895
- <li class="uk-nav-header">Header</li>
896
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
897
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
898
- <li class="uk-nav-divider"></li>
899
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
900
- </ul>
901
- </div>
902
- <div>
903
- <ul class="uk-nav uk-navbar-dropdown-nav">
904
- <li class="uk-active"><a href="#">Active</a></li>
905
- <li class="uk-parent">
906
- <a href="#">Parent</a>
907
- <ul class="uk-nav-sub">
908
- <li><a href="#">Sub item</a></li>
909
- <li><a href="#">Sub item</a></li>
910
- </ul>
911
- </li>
912
- <li class="uk-nav-header">Header</li>
913
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
914
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
915
- <li class="uk-nav-divider"></li>
916
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
917
- </ul>
918
- </div>
919
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
920
- </div>
921
- </div>
922
- </li>
923
- </ul>
924
-
925
- </div>
926
- <div class="uk-navbar-right">
927
-
928
- <ul class="uk-navbar-nav">
929
- <li>
930
- <a href="#">Right</a>
931
- <div class="uk-navbar-dropdown">
932
- <ul class="uk-nav uk-navbar-dropdown-nav">
933
- <li class="uk-active"><a href="#">Active</a></li>
934
- <li class="uk-parent">
935
- <a href="#">Parent</a>
936
- <ul class="uk-nav-sub">
937
- <li><a href="#">Sub item</a></li>
938
- <li><a href="#">Sub item</a></li>
939
- </ul>
940
- </li>
941
- <li class="uk-nav-header">Header</li>
942
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
943
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
944
- <li class="uk-nav-divider"></li>
945
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
946
- </ul>
947
- </div>
948
- </li>
949
- </ul>
950
-
951
- </div>
952
- </nav>
953
-
954
- <h2>Dropbar</h2>
955
-
956
- <div class="uk-position-relative uk-margin">
957
-
958
- <nav class="uk-navbar-container" uk-navbar="dropbar: +.uk-navbar-dropbar">
959
- <div class="uk-navbar-left">
960
-
961
- <ul class="uk-navbar-nav">
962
- <li>
963
- <a href="#">Hover</a>
964
- <div class="uk-navbar-dropdown">
965
- <ul class="uk-nav uk-navbar-dropdown-nav">
966
- <li class="uk-active"><a href="#">Active</a></li>
967
- <li class="uk-parent">
968
- <a href="#">Parent</a>
969
- <ul class="uk-nav-sub">
970
- <li><a href="#">Sub item</a></li>
971
- <li><a href="#">Sub item</a></li>
972
- </ul>
973
- </li>
974
- <li class="uk-nav-header">Header</li>
975
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
976
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
977
- <li class="uk-nav-divider"></li>
978
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
979
- </ul>
980
- </div>
981
- </li>
982
- <li>
983
- <a href="#">2 Columns</a>
984
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
985
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
986
- <div>
987
- <ul class="uk-nav uk-navbar-dropdown-nav">
988
- <li class="uk-active"><a href="#">Active</a></li>
989
- <li class="uk-parent"><a href="#">Parent</a></li>
990
- <li class="uk-nav-header">Header</li>
991
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
992
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
993
- <li class="uk-nav-divider"></li>
994
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
995
- </ul>
996
- </div>
997
- <div>
998
- <ul class="uk-nav uk-navbar-dropdown-nav">
999
- <li class="uk-active"><a href="#">Active</a></li>
1000
- <li class="uk-parent"><a href="#">Parent</a></li>
1001
- <li class="uk-nav-header">Header</li>
1002
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1003
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1004
- <li class="uk-nav-divider"></li>
1005
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1006
- </ul>
1007
- </div>
1008
- </div>
1009
- </div>
1010
- </li>
1011
- <li>
1012
- <a href="#">3 Columns</a>
1013
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
1014
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
1015
- <div>
1016
- <ul class="uk-nav uk-navbar-dropdown-nav">
1017
- <li class="uk-active"><a href="#">Active</a></li>
1018
- <li class="uk-parent"><a href="#">Parent</a></li>
1019
- <li class="uk-nav-header">Header</li>
1020
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1021
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1022
- </ul>
1023
- </div>
1024
- <div>
1025
- <ul class="uk-nav uk-navbar-dropdown-nav">
1026
- <li class="uk-active"><a href="#">Active</a></li>
1027
- <li class="uk-parent"><a href="#">Parent</a></li>
1028
- <li class="uk-nav-header">Header</li>
1029
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1030
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1031
- </ul>
1032
- </div>
1033
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1034
- </div>
1035
- </div>
1036
- </li>
1037
- <li>
1038
- <a href="#">Justify</a>
1039
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
1040
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
1041
- <div>
1042
- <ul class="uk-nav uk-navbar-dropdown-nav">
1043
- <li class="uk-active"><a href="#">Active</a></li>
1044
- <li class="uk-parent">
1045
- <a href="#">Parent</a>
1046
- <ul class="uk-nav-sub">
1047
- <li><a href="#">Sub item</a></li>
1048
- <li><a href="#">Sub item</a></li>
1049
- </ul>
1050
- </li>
1051
- <li class="uk-nav-header">Header</li>
1052
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1053
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1054
- <li class="uk-nav-divider"></li>
1055
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1056
- </ul>
1057
- </div>
1058
- <div>
1059
- <ul class="uk-nav uk-navbar-dropdown-nav">
1060
- <li class="uk-active"><a href="#">Active</a></li>
1061
- <li class="uk-parent">
1062
- <a href="#">Parent</a>
1063
- <ul class="uk-nav-sub">
1064
- <li><a href="#">Sub item</a></li>
1065
- <li><a href="#">Sub item</a></li>
1066
- </ul>
1067
- </li>
1068
- <li class="uk-nav-header">Header</li>
1069
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1070
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1071
- <li class="uk-nav-divider"></li>
1072
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1073
- </ul>
1074
- </div>
1075
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1076
- </div>
1077
- </div>
1078
- </li>
1079
- <li>
1080
- <a href="#">Item</a>
1081
- </li>
1082
- </ul>
1083
-
1084
- </div>
1085
- <div class="uk-navbar-right">
1086
-
1087
- <ul class="uk-navbar-nav">
1088
- <li>
1089
- <a href="#">Right</a>
1090
- <div class="uk-navbar-dropdown">
1091
- <ul class="uk-nav uk-navbar-dropdown-nav">
1092
- <li class="uk-active"><a href="#">Active</a></li>
1093
- <li class="uk-parent">
1094
- <a href="#">Parent</a>
1095
- <ul class="uk-nav-sub">
1096
- <li><a href="#">Sub item</a></li>
1097
- <li><a href="#">Sub item</a></li>
1098
- </ul>
1099
- </li>
1100
- <li class="uk-nav-header">Header</li>
1101
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1102
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1103
- <li class="uk-nav-divider"></li>
1104
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1105
- </ul>
1106
- </div>
1107
- </li>
1108
- </ul>
1109
-
1110
- </div>
1111
- </nav>
1112
-
1113
- <div class="uk-navbar-dropbar"></div>
1114
-
1115
- </div>
1116
-
1117
- <div class="uk-margin">
1118
-
1119
- <nav class="uk-navbar-container" uk-navbar="dropbar: true; dropbar-mode: push">
1120
- <div class="uk-navbar-left">
1121
-
1122
- <ul class="uk-navbar-nav">
1123
- <li>
1124
- <a href="#">Push</a>
1125
- <div class="uk-navbar-dropdown">
1126
- <ul class="uk-nav uk-navbar-dropdown-nav">
1127
- <li class="uk-active"><a href="#">Active</a></li>
1128
- <li class="uk-parent">
1129
- <a href="#">Parent</a>
1130
- <ul class="uk-nav-sub">
1131
- <li><a href="#">Sub item</a></li>
1132
- <li><a href="#">Sub item</a></li>
1133
- </ul>
1134
- </li>
1135
- <li class="uk-nav-header">Header</li>
1136
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1137
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1138
- <li class="uk-nav-divider"></li>
1139
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1140
- </ul>
1141
- </div>
1142
- </li>
1143
- <li>
1144
- <a href="#">2 Columns</a>
1145
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
1146
- <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
1147
- <div>
1148
- <ul class="uk-nav uk-navbar-dropdown-nav">
1149
- <li class="uk-active"><a href="#">Active</a></li>
1150
- <li class="uk-parent"><a href="#">Parent</a></li>
1151
- <li class="uk-nav-header">Header</li>
1152
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1153
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1154
- <li class="uk-nav-divider"></li>
1155
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1156
- </ul>
1157
- </div>
1158
- <div>
1159
- <ul class="uk-nav uk-navbar-dropdown-nav">
1160
- <li class="uk-active"><a href="#">Active</a></li>
1161
- <li class="uk-parent"><a href="#">Parent</a></li>
1162
- <li class="uk-nav-header">Header</li>
1163
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1164
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1165
- <li class="uk-nav-divider"></li>
1166
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1167
- </ul>
1168
- </div>
1169
- </div>
1170
- </div>
1171
- </li>
1172
- <li>
1173
- <a href="#">3 Columns</a>
1174
- <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
1175
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
1176
- <div>
1177
- <ul class="uk-nav uk-navbar-dropdown-nav">
1178
- <li class="uk-active"><a href="#">Active</a></li>
1179
- <li class="uk-parent"><a href="#">Parent</a></li>
1180
- <li class="uk-nav-header">Header</li>
1181
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1182
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1183
- </ul>
1184
- </div>
1185
- <div>
1186
- <ul class="uk-nav uk-navbar-dropdown-nav">
1187
- <li class="uk-active"><a href="#">Active</a></li>
1188
- <li class="uk-parent"><a href="#">Parent</a></li>
1189
- <li class="uk-nav-header">Header</li>
1190
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1191
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1192
- </ul>
1193
- </div>
1194
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1195
- </div>
1196
- </div>
1197
- </li>
1198
- <li>
1199
- <a href="#">Justify</a>
1200
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !nav; boundary-align: true; pos: bottom-justify; flip: x">
1201
- <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
1202
- <div>
1203
- <ul class="uk-nav uk-navbar-dropdown-nav">
1204
- <li class="uk-active"><a href="#">Active</a></li>
1205
- <li class="uk-parent">
1206
- <a href="#">Parent</a>
1207
- <ul class="uk-nav-sub">
1208
- <li><a href="#">Sub item</a></li>
1209
- <li><a href="#">Sub item</a></li>
1210
- </ul>
1211
- </li>
1212
- <li class="uk-nav-header">Header</li>
1213
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1214
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1215
- <li class="uk-nav-divider"></li>
1216
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1217
- </ul>
1218
- </div>
1219
- <div>
1220
- <ul class="uk-nav uk-navbar-dropdown-nav">
1221
- <li class="uk-active"><a href="#">Active</a></li>
1222
- <li class="uk-parent">
1223
- <a href="#">Parent</a>
1224
- <ul class="uk-nav-sub">
1225
- <li><a href="#">Sub item</a></li>
1226
- <li><a href="#">Sub item</a></li>
1227
- </ul>
1228
- </li>
1229
- <li class="uk-nav-header">Header</li>
1230
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1231
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1232
- <li class="uk-nav-divider"></li>
1233
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1234
- </ul>
1235
- </div>
1236
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1237
- </div>
1238
- </div>
1239
- </li>
1240
- <li>
1241
- <a href="#">Item</a>
1242
- </li>
1243
- </ul>
1244
-
1245
- </div>
1246
- <div class="uk-navbar-right">
1247
-
1248
- <ul class="uk-navbar-nav">
1249
- <li>
1250
- <a href="#">Right</a>
1251
- <div class="uk-navbar-dropdown">
1252
- <ul class="uk-nav uk-navbar-dropdown-nav">
1253
- <li class="uk-active"><a href="#">Active</a></li>
1254
- <li class="uk-parent">
1255
- <a href="#">Parent</a>
1256
- <ul class="uk-nav-sub">
1257
- <li><a href="#">Sub item</a></li>
1258
- <li><a href="#">Sub item</a></li>
1259
- </ul>
1260
- </li>
1261
- <li class="uk-nav-header">Header</li>
1262
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1263
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1264
- <li class="uk-nav-divider"></li>
1265
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1266
- </ul>
1267
- </div>
1268
- </li>
1269
- </ul>
1270
-
1271
- </div>
1272
- </nav>
1273
- </div>
1274
-
1275
- <h2>Icons and Subtitles</h2>
1276
-
1277
- <nav class="uk-navbar uk-navbar-container uk-margin">
1278
- <div class="uk-navbar-left">
1279
-
1280
- <ul class="uk-navbar-nav">
1281
- <li><a href="#">Item</a></li>
1282
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1283
- <li><a href="#">
1284
- <div>
1285
- Item <div class="uk-navbar-subtitle">Subtitle</div>
1286
- </div>
1287
- </a></li>
1288
- <li><a href="#">
1289
- <div class="uk-flex uk-flex-middle">
1290
- <span class="uk-margin-small-right" uk-icon="icon: trash"></span>
1291
- <div>Item <div class="uk-navbar-subtitle">Subtitle</div></div>
1292
- </div>
1293
- </a></li>
1294
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span></a></li>
1295
- </ul>
1296
-
1297
- </div>
1298
- </nav>
1299
-
1300
- <h2>Content Items</h2>
1301
-
1302
- <nav class="uk-navbar uk-navbar-container uk-margin">
1303
- <div class="uk-navbar-left">
1304
- <ul class="uk-navbar-nav">
1305
- <li><a href="#">Item</a></li>
1306
- </ul>
1307
- <div class="uk-navbar-item">
1308
- <div>Some <a href="#">Link</a></div>
1309
- </div>
1310
- <div class="uk-navbar-item">
1311
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1312
- </div>
1313
- <div class="uk-navbar-item"><img class="uk-logo uk-responsive-height" src="images/photo.jpg" alt=""></div>
1314
- <div class="uk-navbar-item">Search</div>
1315
- <div class="uk-navbar-item">
1316
- <form>
1317
- <input class="uk-input uk-form-width-medium" type="text" placeholder="Input">
1318
- <button class="uk-button uk-button-default">Button</button>
1319
- </form>
1320
- </div>
1321
- </div>
1322
- </nav>
1323
-
1324
- <h2>Toggle and Logo</h2>
1325
-
1326
- <div class="uk-child-width-1-2@m" uk-grid>
1327
- <div>
1328
-
1329
- <nav class="uk-navbar uk-navbar-container uk-margin">
1330
- <div class="uk-navbar-left">
1331
- <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1332
- </div>
1333
- <div class="uk-navbar-right">
1334
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1335
- </div>
1336
- </nav>
1337
-
1338
- <nav class="uk-navbar uk-navbar-container uk-margin">
1339
- <div class="uk-navbar-left">
1340
- <a class="uk-navbar-toggle" href="#">
1341
- <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Menu</span>
1342
- </a>
1343
- </div>
1344
- <div class="uk-navbar-right">
1345
- <a class="uk-navbar-toggle" href="#">Menu</a>
1346
- </div>
1347
- </nav>
1348
-
1349
- </div>
1350
- <div>
1351
-
1352
- <nav class="uk-navbar uk-navbar-container uk-margin">
1353
- <div class="uk-navbar-left">
1354
- <div>
1355
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1356
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1357
- </div>
1358
- </div>
1359
- <div class="uk-navbar-right">
1360
- <div>
1361
- <a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
1362
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1363
- </div>
1364
- </div>
1365
- </nav>
1366
-
1367
- <nav class="uk-navbar uk-navbar-container uk-margin">
1368
- <div class="uk-navbar-left">
1369
- <div>
1370
- <a class="uk-navbar-toggle" href="#">Menu</a>
1371
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1372
- </div>
1373
- </div>
1374
- <div class="uk-navbar-right">
1375
- <div>
1376
- <a class="uk-navbar-toggle" href="#">
1377
- <span class="uk-margin-small-right">Menu</span> <span uk-navbar-toggle-icon></span>
1378
- </a>
1379
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1380
- </div>
1381
- </div>
1382
- </nav>
1383
-
1384
- </div>
1385
- </div>
1386
-
1387
- <h2>Center</h2>
1388
-
1389
- <nav class="uk-navbar-container uk-margin" uk-navbar>
1390
- <div class="uk-navbar-left">
1391
-
1392
- <ul class="uk-navbar-nav">
1393
- <li>
1394
- <a href="#">Left</a>
1395
- <div class="uk-navbar-dropdown">
1396
- <ul class="uk-nav uk-navbar-dropdown-nav">
1397
- <li class="uk-active"><a href="#">Active</a></li>
1398
- <li class="uk-parent">
1399
- <a href="#">Parent</a>
1400
- <ul class="uk-nav-sub">
1401
- <li><a href="#">Sub item</a></li>
1402
- <li><a href="#">Sub item</a></li>
1403
- </ul>
1404
- </li>
1405
- <li class="uk-nav-header">Header</li>
1406
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1407
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1408
- <li class="uk-nav-divider"></li>
1409
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1410
- </ul>
1411
- </div>
1412
- </li>
1413
- </ul>
1414
-
1415
- </div>
1416
- <div class="uk-navbar-center">
1417
-
1418
- <ul class="uk-navbar-nav">
1419
- <li class="uk-active"><a href="#">Active</a></li>
1420
- <li>
1421
- <a href="#">Parent</a>
1422
- <div class="uk-navbar-dropdown">
1423
- <ul class="uk-nav uk-navbar-dropdown-nav">
1424
- <li class="uk-active"><a href="#">Active</a></li>
1425
- <li class="uk-parent">
1426
- <a href="#">Parent</a>
1427
- <ul class="uk-nav-sub">
1428
- <li><a href="#">Sub item</a></li>
1429
- <li><a href="#">Sub item</a></li>
1430
- </ul>
1431
- </li>
1432
- <li class="uk-nav-header">Header</li>
1433
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1434
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1435
- <li class="uk-nav-divider"></li>
1436
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1437
- </ul>
1438
- </div>
1439
- </li>
1440
- <li>
1441
- <a href="#">Content</a>
1442
- <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1443
- </li>
1444
- <li><a href="#">Item</a></li>
1445
- <li><a href="#">Item</a></li>
1446
- <li><a href="#">Item</a></li>
1447
- </ul>
1448
- <div class="uk-navbar-item">
1449
- <div>Some <a href="#">Link</a></div>
1450
- </div>
1451
-
1452
- </div>
1453
- <div class="uk-navbar-right">
1454
-
1455
- <ul class="uk-navbar-nav">
1456
- <li>
1457
- <a href="#">Right</a>
1458
- <div class="uk-navbar-dropdown">
1459
- <ul class="uk-nav uk-navbar-dropdown-nav">
1460
- <li class="uk-active"><a href="#">Active</a></li>
1461
- <li class="uk-parent">
1462
- <a href="#">Parent</a>
1463
- <ul class="uk-nav-sub">
1464
- <li><a href="#">Sub item</a></li>
1465
- <li><a href="#">Sub item</a></li>
1466
- </ul>
1467
- </li>
1468
- <li class="uk-nav-header">Header</li>
1469
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1470
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1471
- <li class="uk-nav-divider"></li>
1472
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1473
- </ul>
1474
- </div>
1475
- </li>
1476
- </ul>
1477
-
1478
- </div>
1479
- </nav>
1480
-
1481
- <nav class="uk-navbar-container uk-margin" uk-navbar>
1482
- <div class="uk-navbar-center">
1483
-
1484
- <div class="uk-navbar-center-left"><div>
1485
- <ul class="uk-navbar-nav">
1486
- <li class="uk-active"><a href="#">Active</a></li>
1487
- <li>
1488
- <a href="#">Parent</a>
1489
- <div class="uk-navbar-dropdown">
1490
- <ul class="uk-nav uk-navbar-dropdown-nav">
1491
- <li class="uk-active"><a href="#">Active</a></li>
1492
- <li class="uk-parent">
1493
- <a href="#">Parent</a>
1494
- <ul class="uk-nav-sub">
1495
- <li><a href="#">Sub item</a></li>
1496
- <li><a href="#">Sub item</a></li>
1497
- </ul>
1498
- </li>
1499
- <li class="uk-nav-header">Header</li>
1500
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1501
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1502
- <li class="uk-nav-divider"></li>
1503
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1504
- </ul>
1505
- </div>
1506
- </li>
1507
- <li>
1508
- <a href="#">Content</a>
1509
- <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1510
- </li>
1511
- </ul>
1512
- </div></div>
1513
-
1514
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1515
-
1516
- <div class="uk-navbar-center-right"><div>
1517
- <ul class="uk-navbar-nav">
1518
- <li class="uk-active"><a href="#">Active</a></li>
1519
- <li>
1520
- <a href="#">Parent</a>
1521
- <div class="uk-navbar-dropdown">
1522
- <ul class="uk-nav uk-navbar-dropdown-nav">
1523
- <li class="uk-active"><a href="#">Active</a></li>
1524
- <li class="uk-parent">
1525
- <a href="#">Parent</a>
1526
- <ul class="uk-nav-sub">
1527
- <li><a href="#">Sub item</a></li>
1528
- <li><a href="#">Sub item</a></li>
1529
- </ul>
1530
- </li>
1531
- <li class="uk-nav-header">Header</li>
1532
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1533
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1534
- <li class="uk-nav-divider"></li>
1535
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1536
- </ul>
1537
- </div>
1538
- </li>
1539
- <li>
1540
- <a href="#">Content</a>
1541
- <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1542
- </li>
1543
- </ul>
1544
- <div class="uk-navbar-item">
1545
- <div>Some <a href="#">Link</a></div>
1546
- </div>
1547
- </div></div>
1548
-
1549
- </div>
1550
- </nav>
1551
-
1552
- <nav class="uk-navbar-container uk-margin" uk-navbar>
1553
- <div class="uk-navbar-left">
1554
-
1555
- <ul class="uk-navbar-nav">
1556
- <li>
1557
- <a href="#">Left</a>
1558
- <div class="uk-navbar-dropdown">
1559
- <ul class="uk-nav uk-navbar-dropdown-nav">
1560
- <li class="uk-active"><a href="#">Active</a></li>
1561
- <li class="uk-parent">
1562
- <a href="#">Parent</a>
1563
- <ul class="uk-nav-sub">
1564
- <li><a href="#">Sub item</a></li>
1565
- <li><a href="#">Sub item</a></li>
1566
- </ul>
1567
- </li>
1568
- <li class="uk-nav-header">Header</li>
1569
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1570
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1571
- <li class="uk-nav-divider"></li>
1572
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1573
- </ul>
1574
- </div>
1575
- </li>
1576
- </ul>
1577
-
1578
- </div>
1579
- <div class="uk-navbar-center">
1580
-
1581
- <div class="uk-navbar-center-left"><div>
1582
- <ul class="uk-navbar-nav">
1583
- <li class="uk-active"><a href="#">Active</a></li>
1584
- <li>
1585
- <a href="#">Parent</a>
1586
- <div class="uk-navbar-dropdown">
1587
- <ul class="uk-nav uk-navbar-dropdown-nav">
1588
- <li class="uk-active"><a href="#">Active</a></li>
1589
- <li class="uk-parent">
1590
- <a href="#">Parent</a>
1591
- <ul class="uk-nav-sub">
1592
- <li><a href="#">Sub item</a></li>
1593
- <li><a href="#">Sub item</a></li>
1594
- </ul>
1595
- </li>
1596
- <li class="uk-nav-header">Header</li>
1597
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1598
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1599
- <li class="uk-nav-divider"></li>
1600
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1601
- </ul>
1602
- </div>
1603
- </li>
1604
- <li>
1605
- <a href="#">Content</a>
1606
- <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1607
- </li>
1608
- </ul>
1609
- </div></div>
1610
-
1611
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1612
-
1613
- <div class="uk-navbar-center-right"><div>
1614
- <ul class="uk-navbar-nav">
1615
- <li class="uk-active"><a href="#">Active</a></li>
1616
- <li>
1617
- <a href="#">Parent</a>
1618
- <div class="uk-navbar-dropdown">
1619
- <ul class="uk-nav uk-navbar-dropdown-nav">
1620
- <li class="uk-active"><a href="#">Active</a></li>
1621
- <li class="uk-parent">
1622
- <a href="#">Parent</a>
1623
- <ul class="uk-nav-sub">
1624
- <li><a href="#">Sub item</a></li>
1625
- <li><a href="#">Sub item</a></li>
1626
- </ul>
1627
- </li>
1628
- <li class="uk-nav-header">Header</li>
1629
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1630
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1631
- <li class="uk-nav-divider"></li>
1632
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1633
- </ul>
1634
- </div>
1635
- </li>
1636
- <li>
1637
- <a href="#">Content</a>
1638
- <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1639
- </li>
1640
- </ul>
1641
- <div class="uk-navbar-item">
1642
- <div>Some <a href="#">Link</a></div>
1643
- </div>
1644
- </div></div>
1645
-
1646
- </div>
1647
- <div class="uk-navbar-right">
1648
-
1649
- <ul class="uk-navbar-nav">
1650
- <li>
1651
- <a href="#">Right</a>
1652
- <div class="uk-navbar-dropdown">
1653
- <ul class="uk-nav uk-navbar-dropdown-nav">
1654
- <li class="uk-active"><a href="#">Active</a></li>
1655
- <li class="uk-parent">
1656
- <a href="#">Parent</a>
1657
- <ul class="uk-nav-sub">
1658
- <li><a href="#">Sub item</a></li>
1659
- <li><a href="#">Sub item</a></li>
1660
- </ul>
1661
- </li>
1662
- <li class="uk-nav-header">Header</li>
1663
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
1664
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
1665
- <li class="uk-nav-divider"></li>
1666
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
1667
- </ul>
1668
- </div>
1669
- </li>
1670
- </ul>
1671
-
1672
- </div>
1673
- </nav>
1674
-
1675
- <h2>Layouts</h2>
1676
-
1677
- </div>
1678
-
1679
- <nav class="uk-navbar-container uk-margin">
1680
- <div class="uk-container">
1681
- <div class="uk-navbar">
1682
- <div class="uk-navbar-left">
1683
-
1684
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1685
-
1686
- <ul class="uk-navbar-nav">
1687
- <li class="uk-active"><a href="#">Active</a></li>
1688
- <li><a href="#">Parent</a></li>
1689
- <li><a href="#">Item</a></li>
1690
- <li><a href="#">Item</a></li>
1691
- </ul>
1692
-
1693
- </div>
1694
- </div>
1695
- </div>
1696
- </nav>
1697
-
1698
- <nav class="uk-navbar-container uk-margin">
1699
- <div class="uk-container">
1700
- <div class="uk-navbar">
1701
- <div class="uk-navbar-left">
1702
-
1703
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1704
-
1705
- <ul class="uk-navbar-nav">
1706
- <li class="uk-active"><a href="#">Active</a></li>
1707
- <li><a href="#">Parent</a></li>
1708
- <li><a href="#">Item</a></li>
1709
- <li><a href="#">Item</a></li>
1710
- </ul>
1711
-
1712
- </div>
1713
- <div class="uk-navbar-right">
1714
-
1715
- <ul class="uk-navbar-nav">
1716
- <li class="uk-active"><a href="#">Active</a></li>
1717
- <li><a href="#">Parent</a></li>
1718
- <li><a href="#">Item</a></li>
1719
- </ul>
1720
-
1721
- <div class="uk-navbar-item">
1722
- <ul class="uk-grid-small" uk-grid>
1723
- <li>
1724
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1725
- </li>
1726
- <li>
1727
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1728
- </li>
1729
- <li>
1730
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1731
- </li>
1732
- </ul>
1733
- </div>
1734
-
1735
- </div>
1736
- </div>
1737
- </div>
1738
- </nav>
1739
-
1740
- <nav class="uk-navbar-container uk-margin">
1741
- <div class="uk-container">
1742
- <div class="uk-navbar">
1743
- <div class="uk-navbar-left">
1744
-
1745
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1746
-
1747
- </div>
1748
- <div class="uk-navbar-center">
1749
-
1750
- <ul class="uk-navbar-nav">
1751
- <li class="uk-active"><a href="#">Active</a></li>
1752
- <li><a href="#">Parent</a></li>
1753
- <li><a href="#">Item</a></li>
1754
- <li><a href="#">Item</a></li>
1755
- </ul>
1756
-
1757
- </div>
1758
- <div class="uk-navbar-right">
1759
-
1760
- <div class="uk-navbar-item">
1761
- <ul class="uk-grid-small" uk-grid>
1762
- <li>
1763
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1764
- </li>
1765
- <li>
1766
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1767
- </li>
1768
- <li>
1769
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1770
- </li>
1771
- </ul>
1772
- </div>
1773
-
1774
- </div>
1775
- </div>
1776
- </div>
1777
- </nav>
1778
-
1779
- <!-- Expand -->
1780
-
1781
- <nav class="uk-navbar-container uk-margin">
1782
- <div class="uk-container uk-container-expand">
1783
- <div class="uk-navbar">
1784
- <div class="uk-navbar-left">
1785
-
1786
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1787
-
1788
- <ul class="uk-navbar-nav">
1789
- <li class="uk-active"><a href="#">Active</a></li>
1790
- <li><a href="#">Parent</a></li>
1791
- <li><a href="#">Item</a></li>
1792
- <li><a href="#">Item</a></li>
1793
- </ul>
1794
-
1795
- </div>
1796
- </div>
1797
- </div>
1798
- </nav>
1799
-
1800
- <nav class="uk-navbar-container uk-margin">
1801
- <div class="uk-container uk-container-expand">
1802
- <div class="uk-navbar">
1803
- <div class="uk-navbar-left">
1804
-
1805
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1806
-
1807
- <ul class="uk-navbar-nav">
1808
- <li class="uk-active"><a href="#">Active</a></li>
1809
- <li><a href="#">Parent</a></li>
1810
- <li><a href="#">Item</a></li>
1811
- <li><a href="#">Item</a></li>
1812
- </ul>
1813
-
1814
- </div>
1815
- <div class="uk-navbar-right">
1816
-
1817
- <ul class="uk-navbar-nav">
1818
- <li class="uk-active"><a href="#">Active</a></li>
1819
- <li><a href="#">Parent</a></li>
1820
- <li><a href="#">Item</a></li>
1821
- </ul>
1822
-
1823
- <div class="uk-navbar-item">
1824
- <ul class="uk-grid-small" uk-grid>
1825
- <li>
1826
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1827
- </li>
1828
- <li>
1829
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1830
- </li>
1831
- <li>
1832
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1833
- </li>
1834
- </ul>
1835
- </div>
1836
-
1837
- </div>
1838
- </div>
1839
- </div>
1840
- </nav>
1841
-
1842
- <nav class="uk-navbar-container uk-margin">
1843
- <div class="uk-container uk-container-expand">
1844
- <div class="uk-navbar">
1845
- <div class="uk-navbar-left">
1846
-
1847
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1848
-
1849
- </div>
1850
- <div class="uk-navbar-center">
1851
-
1852
- <ul class="uk-navbar-nav ">
1853
- <li class="uk-active"><a href="#">Active</a></li>
1854
- <li><a href="#">Parent</a></li>
1855
- <li><a href="#">Item</a></li>
1856
- <li><a href="#">Item</a></li>
1857
- </ul>
1858
-
1859
- </div>
1860
- <div class="uk-navbar-right">
1861
-
1862
- <div class="uk-navbar-item">
1863
- <ul class="uk-grid-small" uk-grid>
1864
- <li>
1865
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1866
- </li>
1867
- <li>
1868
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1869
- </li>
1870
- <li>
1871
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1872
- </li>
1873
- </ul>
1874
- </div>
1875
-
1876
- </div>
1877
- </div>
1878
- </div>
1879
- </nav>
1880
-
1881
- <div class="uk-container">
1882
-
1883
- <h2>Javascript Options</h2>
1884
-
1885
- <div class="uk-overflow-auto">
1886
- <table class="uk-table uk-table-striped">
1887
- <thead>
1888
- <tr>
1889
- <th>Option</th>
1890
- <th>Value</th>
1891
- <th>Default</th>
1892
- <th>Description</th>
1893
- </tr>
1894
- </thead>
1895
- <tbody>
1896
- <tr>
1897
- <td><code>align</code></td>
1898
- <td>left|right|center</td>
1899
- <td>left</td>
1900
- <td>Drop alignment.</td>
1901
- </tr>
1902
- <tr>
1903
- <td><code>mode</code></td>
1904
- <td>hover | click</td>
1905
- <td>click,hover</td>
1906
- <td>Comma separated list of dropdown trigger behaviour modes.</td>
1907
- </tr>
1908
- <tr>
1909
- <td><code>delay-show</code></td>
1910
- <td>Number</td>
1911
- <td>0</td>
1912
- <td>Delay time in hover mode before a Drop is shown in ms.</td>
1913
- </tr>
1914
- <tr>
1915
- <td><code>delay-hide</code></td>
1916
- <td>Number</td>
1917
- <td>800</td>
1918
- <td>Delay time in hover mode before a Drop is hidden in ms.</td>
1919
- </tr>
1920
- <tr>
1921
- <td><code>boundary</code></td>
1922
- <td>CSS selector</td>
1923
- <td>window</td>
1924
- <td>Referenced element to keep Drop's visibility.</td>
1925
- </tr>
1926
- <tr>
1927
- <td><code>boundary-align</code></td>
1928
- <td>Boolean</td>
1929
- <td>false</td>
1930
- <td>Align Drop to boundary.</td>
1931
- </tr>
1932
- <tr>
1933
- <td><code>target</code></td>
1934
- <td>CSS selector</td>
1935
- <td>'.uk-navbar-dropdown'</td>
1936
- <td>The Drop container selector.</td>
1937
- </tr>
1938
- <tr>
1939
- <td><code>cls-drop</code></td>
1940
- <td>String</td>
1941
- <td>'uk-navbar-dropdown'</td>
1942
- <td>The Drop container class.</td>
1943
- </tr>
1944
- <tr>
1945
- <td><code>offset</code></td>
1946
- <td>Number</td>
1947
- <td>0</td>
1948
- <td>The offset of the Drop container.</td>
1949
- </tr>
1950
- <tr>
1951
- <td><code>dropbar</code></td>
1952
- <td>Boolean | CSS selector</td>
1953
- <td>false | true | Selector</td>
1954
- <td>The dropbar selector. If true the dropbar will be inserted automatically.</td>
1955
- </tr>
1956
- <tr>
1957
- <td><code>dropbar-mode</code></td>
1958
- <td>slide | push</td>
1959
- <td>slide</td>
1960
- <td>The dropbar mode.</td>
1961
- </tr>
1962
- <tr>
1963
- <td><code>duration</code></td>
1964
- <td>Number</td>
1965
- <td>200</td>
1966
- <td>The dropbar transition duration.</td>
1967
- </tr>
1968
- </tbody>
1969
- </table>
1970
- </div>
1971
-
1972
- <h2>Mouse Tracker</h2>
1973
-
1974
- <div id="js-mousetracker" class="uk-position-relative">
1975
- <img src="images/photo.jpg" alt="">
1976
- <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center" style="height: 150px; width: 150px;">
1977
- <div id="js-mousetarget" class="uk-position-center"></div>
1978
- </div>
1979
- </div>
1980
-
1981
- </div>
1982
-
1983
- <script>
1984
-
1985
- var util = UIkit.util,
1986
- tracker = new util.MouseTracker(),
1987
- el = util.$('#js-mousetracker'),
1988
- target = util.$('#js-mousetarget');
1989
-
1990
- util.on(el, 'mouseenter', function () {
1991
- tracker.init()
1992
- });
1993
-
1994
- util.on(el, 'mouseleave', function () {
1995
- tracker.cancel()
1996
- });
1997
-
1998
- util.on(el, 'mousemove', function () {
1999
- target.innerText = tracker.movesTo(target.parentNode) ? 'Moves to' : 'Moves away';
2000
- });
2001
-
2002
- </script>
2003
-
2004
- </body>
2005
- </html>