@frankenstyle/uikit 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (701) hide show
  1. package/.prettierignore +15 -0
  2. package/.prettierrc.json +12 -0
  3. package/BACKERS.md +5 -0
  4. package/CHANGELOG.md +3759 -0
  5. package/CONTRIBUTING.md +96 -0
  6. package/LICENSE.md +7 -0
  7. package/README.md +65 -0
  8. package/build/build.js +95 -0
  9. package/build/icons.js +35 -0
  10. package/build/less.js +95 -0
  11. package/build/package.json +4 -0
  12. package/build/prefix.js +76 -0
  13. package/build/publishDev.js +33 -0
  14. package/build/release.js +123 -0
  15. package/build/scope.js +106 -0
  16. package/build/scss/mixin.scss +32 -0
  17. package/build/scss.js +252 -0
  18. package/build/util.js +288 -0
  19. package/build/wrapper/component.js +7 -0
  20. package/build/wrapper/icons.js +13 -0
  21. package/composer.json +17 -0
  22. package/dist/css/uikit-rtl.css +13333 -0
  23. package/dist/css/uikit-rtl.min.css +1 -0
  24. package/dist/css/uikit.css +13333 -0
  25. package/dist/css/uikit.min.css +1 -0
  26. package/dist/js/components/.gitkeep +0 -0
  27. package/dist/js/components/countdown.js +112 -0
  28. package/dist/js/components/countdown.min.js +1 -0
  29. package/dist/js/components/filter.js +527 -0
  30. package/dist/js/components/filter.min.js +1 -0
  31. package/dist/js/components/lightbox-panel.js +1695 -0
  32. package/dist/js/components/lightbox-panel.min.js +1 -0
  33. package/dist/js/components/lightbox.js +1783 -0
  34. package/dist/js/components/lightbox.min.js +1 -0
  35. package/dist/js/components/notification.js +127 -0
  36. package/dist/js/components/notification.min.js +1 -0
  37. package/dist/js/components/parallax.js +726 -0
  38. package/dist/js/components/parallax.min.js +1 -0
  39. package/dist/js/components/slider-parallax.js +637 -0
  40. package/dist/js/components/slider-parallax.min.js +1 -0
  41. package/dist/js/components/slider.js +1731 -0
  42. package/dist/js/components/slider.min.js +1 -0
  43. package/dist/js/components/slideshow-parallax.js +637 -0
  44. package/dist/js/components/slideshow-parallax.min.js +1 -0
  45. package/dist/js/components/slideshow.js +1555 -0
  46. package/dist/js/components/slideshow.min.js +1 -0
  47. package/dist/js/components/sortable.js +680 -0
  48. package/dist/js/components/sortable.min.js +1 -0
  49. package/dist/js/components/tooltip.js +446 -0
  50. package/dist/js/components/tooltip.min.js +1 -0
  51. package/dist/js/components/upload.js +235 -0
  52. package/dist/js/components/upload.min.js +1 -0
  53. package/dist/js/uikit-core.js +6726 -0
  54. package/dist/js/uikit-core.min.js +1 -0
  55. package/dist/js/uikit-icons.js +184 -0
  56. package/dist/js/uikit-icons.min.js +1 -0
  57. package/dist/js/uikit.js +10077 -0
  58. package/dist/js/uikit.min.js +1 -0
  59. package/eslint.config.mjs +35 -0
  60. package/jsconfig.json +9 -0
  61. package/package.json +66 -0
  62. package/src/images/backgrounds/accordion-close.svg +4 -0
  63. package/src/images/backgrounds/accordion-open.svg +3 -0
  64. package/src/images/backgrounds/divider-icon.svg +3 -0
  65. package/src/images/backgrounds/form-checkbox-indeterminate.svg +3 -0
  66. package/src/images/backgrounds/form-checkbox.svg +3 -0
  67. package/src/images/backgrounds/form-datalist.svg +3 -0
  68. package/src/images/backgrounds/form-radio.svg +3 -0
  69. package/src/images/backgrounds/form-select.svg +4 -0
  70. package/src/images/backgrounds/list-bullet.svg +3 -0
  71. package/src/images/components/close-icon.svg +1 -0
  72. package/src/images/components/close-large.svg +1 -0
  73. package/src/images/components/drop-parent-icon.svg +1 -0
  74. package/src/images/components/marker.svg +1 -0
  75. package/src/images/components/nav-parent-icon-large.svg +1 -0
  76. package/src/images/components/nav-parent-icon.svg +1 -0
  77. package/src/images/components/navbar-parent-icon.svg +1 -0
  78. package/src/images/components/navbar-toggle-icon.svg +34 -0
  79. package/src/images/components/overlay-icon.svg +1 -0
  80. package/src/images/components/pagination-next.svg +1 -0
  81. package/src/images/components/pagination-previous.svg +1 -0
  82. package/src/images/components/search-icon.svg +1 -0
  83. package/src/images/components/search-large.svg +1 -0
  84. package/src/images/components/search-medium.svg +1 -0
  85. package/src/images/components/slidenav-next-large.svg +1 -0
  86. package/src/images/components/slidenav-next.svg +1 -0
  87. package/src/images/components/slidenav-previous-large.svg +1 -0
  88. package/src/images/components/slidenav-previous.svg +1 -0
  89. package/src/images/components/spinner.svg +3 -0
  90. package/src/images/components/totop.svg +1 -0
  91. package/src/images/icons/500px.svg +30 -0
  92. package/src/images/icons/album.svg +5 -0
  93. package/src/images/icons/android-robot.svg +6 -0
  94. package/src/images/icons/android.svg +3 -0
  95. package/src/images/icons/apple.svg +3 -0
  96. package/src/images/icons/arrow-down-arrow-up.svg +6 -0
  97. package/src/images/icons/arrow-down.svg +4 -0
  98. package/src/images/icons/arrow-left.svg +4 -0
  99. package/src/images/icons/arrow-right.svg +4 -0
  100. package/src/images/icons/arrow-up-right.svg +4 -0
  101. package/src/images/icons/arrow-up.svg +4 -0
  102. package/src/images/icons/bag.svg +4 -0
  103. package/src/images/icons/ban.svg +4 -0
  104. package/src/images/icons/behance.svg +5 -0
  105. package/src/images/icons/bell.svg +4 -0
  106. package/src/images/icons/bluesky.svg +3 -0
  107. package/src/images/icons/bold.svg +3 -0
  108. package/src/images/icons/bolt.svg +3 -0
  109. package/src/images/icons/bookmark.svg +3 -0
  110. package/src/images/icons/calendar.svg +5 -0
  111. package/src/images/icons/camera.svg +4 -0
  112. package/src/images/icons/cart.svg +5 -0
  113. package/src/images/icons/check.svg +3 -0
  114. package/src/images/icons/chevron-double-left.svg +4 -0
  115. package/src/images/icons/chevron-double-right.svg +4 -0
  116. package/src/images/icons/chevron-down.svg +3 -0
  117. package/src/images/icons/chevron-left.svg +3 -0
  118. package/src/images/icons/chevron-right.svg +3 -0
  119. package/src/images/icons/chevron-up.svg +3 -0
  120. package/src/images/icons/clock.svg +5 -0
  121. package/src/images/icons/close-circle.svg +5 -0
  122. package/src/images/icons/close.svg +4 -0
  123. package/src/images/icons/cloud-download.svg +5 -0
  124. package/src/images/icons/cloud-upload.svg +5 -0
  125. package/src/images/icons/code.svg +4 -0
  126. package/src/images/icons/cog.svg +4 -0
  127. package/src/images/icons/comment.svg +3 -0
  128. package/src/images/icons/commenting.svg +6 -0
  129. package/src/images/icons/comments.svg +4 -0
  130. package/src/images/icons/copy.svg +4 -0
  131. package/src/images/icons/credit-card.svg +4 -0
  132. package/src/images/icons/crosshairs.svg +7 -0
  133. package/src/images/icons/database.svg +6 -0
  134. package/src/images/icons/desktop.svg +6 -0
  135. package/src/images/icons/discord.svg +3 -0
  136. package/src/images/icons/download.svg +5 -0
  137. package/src/images/icons/dribbble.svg +6 -0
  138. package/src/images/icons/etsy.svg +3 -0
  139. package/src/images/icons/expand.svg +6 -0
  140. package/src/images/icons/eye-slash.svg +5 -0
  141. package/src/images/icons/eye.svg +4 -0
  142. package/src/images/icons/facebook.svg +3 -0
  143. package/src/images/icons/file-edit.svg +4 -0
  144. package/src/images/icons/file-pdf.svg +4 -0
  145. package/src/images/icons/file-text.svg +7 -0
  146. package/src/images/icons/file.svg +3 -0
  147. package/src/images/icons/flickr.svg +4 -0
  148. package/src/images/icons/folder.svg +3 -0
  149. package/src/images/icons/forward.svg +3 -0
  150. package/src/images/icons/foursquare.svg +3 -0
  151. package/src/images/icons/future.svg +6 -0
  152. package/src/images/icons/git-branch.svg +6 -0
  153. package/src/images/icons/git-fork.svg +6 -0
  154. package/src/images/icons/github-alt.svg +3 -0
  155. package/src/images/icons/github.svg +3 -0
  156. package/src/images/icons/gitter.svg +6 -0
  157. package/src/images/icons/google.svg +3 -0
  158. package/src/images/icons/grid.svg +11 -0
  159. package/src/images/icons/happy.svg +6 -0
  160. package/src/images/icons/hashtag.svg +3 -0
  161. package/src/images/icons/heart.svg +3 -0
  162. package/src/images/icons/history.svg +6 -0
  163. package/src/images/icons/home.svg +5 -0
  164. package/src/images/icons/image.svg +6 -0
  165. package/src/images/icons/info.svg +4 -0
  166. package/src/images/icons/instagram.svg +5 -0
  167. package/src/images/icons/italic.svg +3 -0
  168. package/src/images/icons/joomla.svg +6 -0
  169. package/src/images/icons/laptop.svg +4 -0
  170. package/src/images/icons/lifesaver.svg +12 -0
  171. package/src/images/icons/link-external.svg +5 -0
  172. package/src/images/icons/link.svg +5 -0
  173. package/src/images/icons/linkedin.svg +4 -0
  174. package/src/images/icons/list.svg +8 -0
  175. package/src/images/icons/location.svg +4 -0
  176. package/src/images/icons/lock.svg +4 -0
  177. package/src/images/icons/mail.svg +4 -0
  178. package/src/images/icons/mastodon.svg +3 -0
  179. package/src/images/icons/menu.svg +5 -0
  180. package/src/images/icons/microphone.svg +6 -0
  181. package/src/images/icons/microsoft.svg +3 -0
  182. package/src/images/icons/minus-circle.svg +4 -0
  183. package/src/images/icons/minus.svg +3 -0
  184. package/src/images/icons/more-vertical.svg +5 -0
  185. package/src/images/icons/more.svg +5 -0
  186. package/src/images/icons/move.svg +8 -0
  187. package/src/images/icons/nut.svg +4 -0
  188. package/src/images/icons/paint-bucket.svg +6 -0
  189. package/src/images/icons/pencil.svg +4 -0
  190. package/src/images/icons/phone-landscape.svg +4 -0
  191. package/src/images/icons/phone.svg +4 -0
  192. package/src/images/icons/pinterest.svg +3 -0
  193. package/src/images/icons/play-circle.svg +4 -0
  194. package/src/images/icons/play.svg +3 -0
  195. package/src/images/icons/plus-circle.svg +5 -0
  196. package/src/images/icons/plus.svg +4 -0
  197. package/src/images/icons/print.svg +7 -0
  198. package/src/images/icons/pull.svg +5 -0
  199. package/src/images/icons/push.svg +5 -0
  200. package/src/images/icons/question.svg +5 -0
  201. package/src/images/icons/quote-right.svg +4 -0
  202. package/src/images/icons/receiver.svg +3 -0
  203. package/src/images/icons/reddit.svg +6 -0
  204. package/src/images/icons/refresh.svg +4 -0
  205. package/src/images/icons/reply.svg +3 -0
  206. package/src/images/icons/rss.svg +5 -0
  207. package/src/images/icons/search.svg +4 -0
  208. package/src/images/icons/server.svg +15 -0
  209. package/src/images/icons/settings.svg +11 -0
  210. package/src/images/icons/shrink.svg +6 -0
  211. package/src/images/icons/sign-in.svg +5 -0
  212. package/src/images/icons/sign-out.svg +5 -0
  213. package/src/images/icons/signal.svg +3 -0
  214. package/src/images/icons/social.svg +7 -0
  215. package/src/images/icons/sorting.svg +6 -0
  216. package/src/images/icons/soundcloud.svg +6 -0
  217. package/src/images/icons/star.svg +3 -0
  218. package/src/images/icons/strikethrough.svg +4 -0
  219. package/src/images/icons/table.svg +6 -0
  220. package/src/images/icons/tablet-landscape.svg +4 -0
  221. package/src/images/icons/tablet.svg +4 -0
  222. package/src/images/icons/tag.svg +4 -0
  223. package/src/images/icons/telegram.svg +3 -0
  224. package/src/images/icons/threads.svg +3 -0
  225. package/src/images/icons/thumbnails.svg +6 -0
  226. package/src/images/icons/tiktok.svg +3 -0
  227. package/src/images/icons/trash.svg +7 -0
  228. package/src/images/icons/triangle-down.svg +3 -0
  229. package/src/images/icons/triangle-left.svg +3 -0
  230. package/src/images/icons/triangle-right.svg +3 -0
  231. package/src/images/icons/triangle-up.svg +3 -0
  232. package/src/images/icons/tripadvisor.svg +19 -0
  233. package/src/images/icons/tumblr.svg +3 -0
  234. package/src/images/icons/tv.svg +4 -0
  235. package/src/images/icons/twitch.svg +5 -0
  236. package/src/images/icons/twitter.svg +3 -0
  237. package/src/images/icons/uikit.svg +4 -0
  238. package/src/images/icons/unlock.svg +4 -0
  239. package/src/images/icons/upload.svg +5 -0
  240. package/src/images/icons/user.svg +4 -0
  241. package/src/images/icons/users.svg +5 -0
  242. package/src/images/icons/video-camera.svg +3 -0
  243. package/src/images/icons/vimeo.svg +3 -0
  244. package/src/images/icons/warning.svg +5 -0
  245. package/src/images/icons/whatsapp.svg +3 -0
  246. package/src/images/icons/wordpress.svg +3 -0
  247. package/src/images/icons/world.svg +7 -0
  248. package/src/images/icons/x.svg +3 -0
  249. package/src/images/icons/xing.svg +4 -0
  250. package/src/images/icons/yelp.svg +15 -0
  251. package/src/images/icons/yootheme.svg +3 -0
  252. package/src/images/icons/youtube.svg +3 -0
  253. package/src/js/api/app.js +12 -0
  254. package/src/js/api/boot.js +84 -0
  255. package/src/js/api/component.js +84 -0
  256. package/src/js/api/computed.js +80 -0
  257. package/src/js/api/events.js +33 -0
  258. package/src/js/api/global.js +74 -0
  259. package/src/js/api/hooks.js +51 -0
  260. package/src/js/api/index.js +8 -0
  261. package/src/js/api/instance.js +66 -0
  262. package/src/js/api/log.js +10 -0
  263. package/src/js/api/observables.js +132 -0
  264. package/src/js/api/observer.js +64 -0
  265. package/src/js/api/options.js +180 -0
  266. package/src/js/api/props.js +107 -0
  267. package/src/js/api/state.js +65 -0
  268. package/src/js/api/update.js +66 -0
  269. package/src/js/api/watch.js +30 -0
  270. package/src/js/components/countdown.js +113 -0
  271. package/src/js/components/filter.js +211 -0
  272. package/src/js/components/index.js +13 -0
  273. package/src/js/components/internal/lightbox-animations.js +40 -0
  274. package/src/js/components/internal/slider-preload.js +14 -0
  275. package/src/js/components/internal/slider-transitioner.js +186 -0
  276. package/src/js/components/internal/slideshow-animations.js +100 -0
  277. package/src/js/components/lightbox-panel.js +482 -0
  278. package/src/js/components/lightbox.js +136 -0
  279. package/src/js/components/notification.js +134 -0
  280. package/src/js/components/parallax.js +86 -0
  281. package/src/js/components/slider-parallax.js +81 -0
  282. package/src/js/components/slider.js +388 -0
  283. package/src/js/components/slideshow-parallax.js +1 -0
  284. package/src/js/components/slideshow.js +44 -0
  285. package/src/js/components/sortable.js +448 -0
  286. package/src/js/components/tooltip.js +183 -0
  287. package/src/js/components/upload.js +248 -0
  288. package/src/js/core/accordion.js +244 -0
  289. package/src/js/core/alert.js +59 -0
  290. package/src/js/core/cover.js +57 -0
  291. package/src/js/core/drop.js +514 -0
  292. package/src/js/core/dropnav.js +449 -0
  293. package/src/js/core/form-custom.js +74 -0
  294. package/src/js/core/grid.js +210 -0
  295. package/src/js/core/height-match.js +79 -0
  296. package/src/js/core/height-placeholder.js +35 -0
  297. package/src/js/core/height-viewport.js +98 -0
  298. package/src/js/core/icon.js +285 -0
  299. package/src/js/core/img.js +157 -0
  300. package/src/js/core/index.js +49 -0
  301. package/src/js/core/inverse.js +173 -0
  302. package/src/js/core/leader.js +52 -0
  303. package/src/js/core/margin.js +125 -0
  304. package/src/js/core/modal.js +179 -0
  305. package/src/js/core/nav.js +11 -0
  306. package/src/js/core/navbar.js +96 -0
  307. package/src/js/core/offcanvas.js +178 -0
  308. package/src/js/core/overflow-auto.js +50 -0
  309. package/src/js/core/overflow-fade.js +67 -0
  310. package/src/js/core/responsive.js +10 -0
  311. package/src/js/core/scroll.js +71 -0
  312. package/src/js/core/scrollspy-nav.js +112 -0
  313. package/src/js/core/scrollspy.js +141 -0
  314. package/src/js/core/sticky.js +509 -0
  315. package/src/js/core/svg.js +101 -0
  316. package/src/js/core/switcher.js +246 -0
  317. package/src/js/core/tab.js +31 -0
  318. package/src/js/core/toggle.js +225 -0
  319. package/src/js/core/video.js +128 -0
  320. package/src/js/mixin/animate.js +34 -0
  321. package/src/js/mixin/class.js +7 -0
  322. package/src/js/mixin/container.js +17 -0
  323. package/src/js/mixin/event.js +5 -0
  324. package/src/js/mixin/i18n.js +21 -0
  325. package/src/js/mixin/internal/animate-fade.js +141 -0
  326. package/src/js/mixin/internal/animate-slide.js +163 -0
  327. package/src/js/mixin/internal/slideshow-animations.js +28 -0
  328. package/src/js/mixin/internal/slideshow-transitioner.js +73 -0
  329. package/src/js/mixin/media.js +53 -0
  330. package/src/js/mixin/modal.js +313 -0
  331. package/src/js/mixin/parallax.js +408 -0
  332. package/src/js/mixin/position.js +113 -0
  333. package/src/js/mixin/slider-autoplay.js +71 -0
  334. package/src/js/mixin/slider-drag.js +236 -0
  335. package/src/js/mixin/slider-nav.js +248 -0
  336. package/src/js/mixin/slider-parallax.js +147 -0
  337. package/src/js/mixin/slider-reactive.js +19 -0
  338. package/src/js/mixin/slider.js +228 -0
  339. package/src/js/mixin/slideshow.js +46 -0
  340. package/src/js/mixin/svg.js +121 -0
  341. package/src/js/mixin/togglable.js +258 -0
  342. package/src/js/uikit-core.js +11 -0
  343. package/src/js/uikit.js +7 -0
  344. package/src/js/util/animation.js +122 -0
  345. package/src/js/util/attr.js +42 -0
  346. package/src/js/util/await.js +7 -0
  347. package/src/js/util/class.js +53 -0
  348. package/src/js/util/dimensions.js +220 -0
  349. package/src/js/util/dom.js +118 -0
  350. package/src/js/util/env.js +12 -0
  351. package/src/js/util/event.js +142 -0
  352. package/src/js/util/fastdom.js +62 -0
  353. package/src/js/util/filter.js +91 -0
  354. package/src/js/util/index.js +17 -0
  355. package/src/js/util/keys.js +11 -0
  356. package/src/js/util/lang.js +280 -0
  357. package/src/js/util/mouse.js +80 -0
  358. package/src/js/util/observer.js +49 -0
  359. package/src/js/util/player.js +98 -0
  360. package/src/js/util/position.js +235 -0
  361. package/src/js/util/scroll.js +64 -0
  362. package/src/js/util/selector.js +143 -0
  363. package/src/js/util/style.js +96 -0
  364. package/src/js/util/svg.js +10 -0
  365. package/src/js/util/viewport.js +251 -0
  366. package/src/less/components/_import.less +96 -0
  367. package/src/less/components/accordion.less +122 -0
  368. package/src/less/components/alert.less +146 -0
  369. package/src/less/components/align.less +142 -0
  370. package/src/less/components/animation.less +283 -0
  371. package/src/less/components/article.less +110 -0
  372. package/src/less/components/background.less +140 -0
  373. package/src/less/components/badge.less +90 -0
  374. package/src/less/components/base.less +740 -0
  375. package/src/less/components/breadcrumb.less +157 -0
  376. package/src/less/components/button.less +540 -0
  377. package/src/less/components/card.less +441 -0
  378. package/src/less/components/close.less +67 -0
  379. package/src/less/components/column.less +143 -0
  380. package/src/less/components/comment.less +160 -0
  381. package/src/less/components/container.less +185 -0
  382. package/src/less/components/countdown.less +112 -0
  383. package/src/less/components/cover.less +76 -0
  384. package/src/less/components/description-list.less +71 -0
  385. package/src/less/components/divider.less +176 -0
  386. package/src/less/components/dotnav.less +177 -0
  387. package/src/less/components/drop.less +78 -0
  388. package/src/less/components/dropbar.less +131 -0
  389. package/src/less/components/dropdown.less +213 -0
  390. package/src/less/components/dropnav.less +43 -0
  391. package/src/less/components/flex.less +308 -0
  392. package/src/less/components/form-range.less +191 -0
  393. package/src/less/components/form.less +930 -0
  394. package/src/less/components/grid.less +419 -0
  395. package/src/less/components/heading.less +289 -0
  396. package/src/less/components/height.less +57 -0
  397. package/src/less/components/icon.less +313 -0
  398. package/src/less/components/iconnav.less +163 -0
  399. package/src/less/components/inverse.less +64 -0
  400. package/src/less/components/label.less +110 -0
  401. package/src/less/components/leader.less +75 -0
  402. package/src/less/components/lightbox.less +215 -0
  403. package/src/less/components/link.less +167 -0
  404. package/src/less/components/list.less +245 -0
  405. package/src/less/components/margin.less +263 -0
  406. package/src/less/components/marker.less +74 -0
  407. package/src/less/components/mixin.less +20 -0
  408. package/src/less/components/modal.less +366 -0
  409. package/src/less/components/nav.less +755 -0
  410. package/src/less/components/navbar.less +681 -0
  411. package/src/less/components/notification.less +191 -0
  412. package/src/less/components/offcanvas.less +329 -0
  413. package/src/less/components/overlay.less +92 -0
  414. package/src/less/components/padding.less +81 -0
  415. package/src/less/components/pagination.less +159 -0
  416. package/src/less/components/placeholder.less +45 -0
  417. package/src/less/components/position.less +241 -0
  418. package/src/less/components/print.less +61 -0
  419. package/src/less/components/progress.less +83 -0
  420. package/src/less/components/search.less +488 -0
  421. package/src/less/components/section.less +257 -0
  422. package/src/less/components/slidenav.less +137 -0
  423. package/src/less/components/slider.less +123 -0
  424. package/src/less/components/slideshow.less +93 -0
  425. package/src/less/components/sortable.less +90 -0
  426. package/src/less/components/spinner.less +74 -0
  427. package/src/less/components/sticky.less +65 -0
  428. package/src/less/components/subnav.less +317 -0
  429. package/src/less/components/svg.less +36 -0
  430. package/src/less/components/switcher.less +47 -0
  431. package/src/less/components/tab.less +222 -0
  432. package/src/less/components/table.less +352 -0
  433. package/src/less/components/text.less +296 -0
  434. package/src/less/components/thumbnav.less +133 -0
  435. package/src/less/components/tile.less +247 -0
  436. package/src/less/components/tooltip.less +79 -0
  437. package/src/less/components/totop.less +86 -0
  438. package/src/less/components/transition.less +172 -0
  439. package/src/less/components/utility.less +584 -0
  440. package/src/less/components/variables.less +123 -0
  441. package/src/less/components/visibility.less +164 -0
  442. package/src/less/components/width.less +489 -0
  443. package/src/less/theme/_import.less +82 -0
  444. package/src/less/theme/accordion.less +82 -0
  445. package/src/less/theme/alert.less +76 -0
  446. package/src/less/theme/align.less +14 -0
  447. package/src/less/theme/animation.less +14 -0
  448. package/src/less/theme/article.less +60 -0
  449. package/src/less/theme/background.less +14 -0
  450. package/src/less/theme/badge.less +29 -0
  451. package/src/less/theme/base.less +134 -0
  452. package/src/less/theme/breadcrumb.less +45 -0
  453. package/src/less/theme/button.less +212 -0
  454. package/src/less/theme/card.less +236 -0
  455. package/src/less/theme/close.less +32 -0
  456. package/src/less/theme/column.less +14 -0
  457. package/src/less/theme/comment.less +72 -0
  458. package/src/less/theme/container.less +14 -0
  459. package/src/less/theme/countdown.less +53 -0
  460. package/src/less/theme/description-list.less +36 -0
  461. package/src/less/theme/divider.less +49 -0
  462. package/src/less/theme/dotnav.less +57 -0
  463. package/src/less/theme/drop.less +14 -0
  464. package/src/less/theme/dropbar.less +44 -0
  465. package/src/less/theme/dropdown.less +59 -0
  466. package/src/less/theme/form-range.less +57 -0
  467. package/src/less/theme/form.less +154 -0
  468. package/src/less/theme/grid.less +28 -0
  469. package/src/less/theme/heading.less +71 -0
  470. package/src/less/theme/height.less +14 -0
  471. package/src/less/theme/icon.less +67 -0
  472. package/src/less/theme/iconnav.less +44 -0
  473. package/src/less/theme/inverse.less +14 -0
  474. package/src/less/theme/label.less +46 -0
  475. package/src/less/theme/leader.less +26 -0
  476. package/src/less/theme/lightbox.less +32 -0
  477. package/src/less/theme/link.less +55 -0
  478. package/src/less/theme/list.less +50 -0
  479. package/src/less/theme/margin.less +14 -0
  480. package/src/less/theme/marker.less +31 -0
  481. package/src/less/theme/modal.less +102 -0
  482. package/src/less/theme/nav.less +142 -0
  483. package/src/less/theme/navbar.less +179 -0
  484. package/src/less/theme/notification.less +44 -0
  485. package/src/less/theme/offcanvas.less +32 -0
  486. package/src/less/theme/overlay.less +33 -0
  487. package/src/less/theme/padding.less +14 -0
  488. package/src/less/theme/pagination.less +41 -0
  489. package/src/less/theme/placeholder.less +29 -0
  490. package/src/less/theme/position.less +14 -0
  491. package/src/less/theme/progress.less +27 -0
  492. package/src/less/theme/search.less +121 -0
  493. package/src/less/theme/section.less +32 -0
  494. package/src/less/theme/slidenav.less +52 -0
  495. package/src/less/theme/slider.less +14 -0
  496. package/src/less/theme/sortable.less +38 -0
  497. package/src/less/theme/spinner.less +14 -0
  498. package/src/less/theme/sticky.less +14 -0
  499. package/src/less/theme/subnav.less +79 -0
  500. package/src/less/theme/tab.less +138 -0
  501. package/src/less/theme/table.less +86 -0
  502. package/src/less/theme/text.less +61 -0
  503. package/src/less/theme/thumbnav.less +65 -0
  504. package/src/less/theme/tile.less +52 -0
  505. package/src/less/theme/tooltip.less +20 -0
  506. package/src/less/theme/totop.less +32 -0
  507. package/src/less/theme/transition.less +14 -0
  508. package/src/less/theme/utility.less +52 -0
  509. package/src/less/theme/variables.less +36 -0
  510. package/src/less/theme/width.less +14 -0
  511. package/src/less/uikit.less +5 -0
  512. package/src/less/uikit.theme.less +11 -0
  513. package/src/scss/components/_import.scss +96 -0
  514. package/src/scss/components/accordion.scss +100 -0
  515. package/src/scss/components/alert.scss +133 -0
  516. package/src/scss/components/align.scss +141 -0
  517. package/src/scss/components/animation.scss +278 -0
  518. package/src/scss/components/article.scss +93 -0
  519. package/src/scss/components/background.scss +138 -0
  520. package/src/scss/components/badge.scss +71 -0
  521. package/src/scss/components/base.scss +561 -0
  522. package/src/scss/components/breadcrumb.scss +115 -0
  523. package/src/scss/components/button.scss +374 -0
  524. package/src/scss/components/card.scss +379 -0
  525. package/src/scss/components/close.scss +53 -0
  526. package/src/scss/components/column.scss +136 -0
  527. package/src/scss/components/comment.scss +153 -0
  528. package/src/scss/components/container.scss +180 -0
  529. package/src/scss/components/countdown.scss +93 -0
  530. package/src/scss/components/cover.scss +78 -0
  531. package/src/scss/components/description-list.scss +68 -0
  532. package/src/scss/components/divider.scss +137 -0
  533. package/src/scss/components/dotnav.scss +144 -0
  534. package/src/scss/components/drop.scss +75 -0
  535. package/src/scss/components/dropbar.scss +123 -0
  536. package/src/scss/components/dropdown.scss +192 -0
  537. package/src/scss/components/dropnav.scss +44 -0
  538. package/src/scss/components/flex.scss +310 -0
  539. package/src/scss/components/form-range.scss +147 -0
  540. package/src/scss/components/form.scss +771 -0
  541. package/src/scss/components/grid.scss +394 -0
  542. package/src/scss/components/heading.scss +227 -0
  543. package/src/scss/components/height.scss +56 -0
  544. package/src/scss/components/icon.scss +228 -0
  545. package/src/scss/components/iconnav.scss +140 -0
  546. package/src/scss/components/inverse.scss +51 -0
  547. package/src/scss/components/label.scss +90 -0
  548. package/src/scss/components/leader.scss +69 -0
  549. package/src/scss/components/lightbox.scss +205 -0
  550. package/src/scss/components/link.scss +131 -0
  551. package/src/scss/components/list.scss +199 -0
  552. package/src/scss/components/margin.scss +257 -0
  553. package/src/scss/components/marker.scss +56 -0
  554. package/src/scss/components/mixin.scss +34 -0
  555. package/src/scss/components/modal.scss +336 -0
  556. package/src/scss/components/nav.scss +533 -0
  557. package/src/scss/components/navbar.scss +579 -0
  558. package/src/scss/components/notification.scss +178 -0
  559. package/src/scss/components/offcanvas.scss +318 -0
  560. package/src/scss/components/overlay.scss +88 -0
  561. package/src/scss/components/padding.scss +78 -0
  562. package/src/scss/components/pagination.scss +127 -0
  563. package/src/scss/components/placeholder.scss +43 -0
  564. package/src/scss/components/position.scss +240 -0
  565. package/src/scss/components/print.scss +63 -0
  566. package/src/scss/components/progress.scss +81 -0
  567. package/src/scss/components/search.scss +367 -0
  568. package/src/scss/components/section.scss +243 -0
  569. package/src/scss/components/slidenav.scss +112 -0
  570. package/src/scss/components/slider.scss +121 -0
  571. package/src/scss/components/slideshow.scss +95 -0
  572. package/src/scss/components/sortable.scss +89 -0
  573. package/src/scss/components/spinner.scss +73 -0
  574. package/src/scss/components/sticky.scss +64 -0
  575. package/src/scss/components/subnav.scss +222 -0
  576. package/src/scss/components/svg.scss +38 -0
  577. package/src/scss/components/switcher.scss +49 -0
  578. package/src/scss/components/tab.scss +186 -0
  579. package/src/scss/components/table.scss +293 -0
  580. package/src/scss/components/text.scss +256 -0
  581. package/src/scss/components/thumbnav.scss +119 -0
  582. package/src/scss/components/tile.scss +230 -0
  583. package/src/scss/components/tooltip.scss +72 -0
  584. package/src/scss/components/totop.scss +64 -0
  585. package/src/scss/components/transition.scss +169 -0
  586. package/src/scss/components/utility.scss +545 -0
  587. package/src/scss/components/variables.scss +84 -0
  588. package/src/scss/components/visibility.scss +166 -0
  589. package/src/scss/components/width.scss +487 -0
  590. package/src/scss/mixins-theme.scss +2298 -0
  591. package/src/scss/mixins.scss +1896 -0
  592. package/src/scss/uikit-theme.scss +8 -0
  593. package/src/scss/uikit.scss +5 -0
  594. package/src/scss/variables-theme.scss +1325 -0
  595. package/src/scss/variables.scss +1190 -0
  596. package/tests/accordion.html +214 -0
  597. package/tests/alert.html +124 -0
  598. package/tests/align.html +133 -0
  599. package/tests/animation.html +252 -0
  600. package/tests/article.html +167 -0
  601. package/tests/background.html +67 -0
  602. package/tests/badge.html +93 -0
  603. package/tests/base.html +244 -0
  604. package/tests/breadcrumb.html +64 -0
  605. package/tests/button.html +257 -0
  606. package/tests/card.html +630 -0
  607. package/tests/close.html +74 -0
  608. package/tests/column.html +71 -0
  609. package/tests/comment.html +209 -0
  610. package/tests/container.html +266 -0
  611. package/tests/countdown.html +716 -0
  612. package/tests/cover.html +167 -0
  613. package/tests/description-list.html +51 -0
  614. package/tests/divider.html +89 -0
  615. package/tests/dotnav.html +139 -0
  616. package/tests/drop.html +782 -0
  617. package/tests/dropbar.html +551 -0
  618. package/tests/dropdown.html +286 -0
  619. package/tests/dropnav.html +856 -0
  620. package/tests/filter.html +287 -0
  621. package/tests/flex.html +182 -0
  622. package/tests/form.html +675 -0
  623. package/tests/grid-masonry.html +80 -0
  624. package/tests/grid-parallax.html +171 -0
  625. package/tests/grid.html +679 -0
  626. package/tests/heading.html +337 -0
  627. package/tests/height-expand.html +32 -0
  628. package/tests/height-viewport.html +253 -0
  629. package/tests/height.html +160 -0
  630. package/tests/icon.html +907 -0
  631. package/tests/iconnav.html +40 -0
  632. package/tests/image.html +642 -0
  633. package/tests/images/avatar.jpg +0 -0
  634. package/tests/images/dark.jpg +0 -0
  635. package/tests/images/icons.svg +24 -0
  636. package/tests/images/image-type.avif +0 -0
  637. package/tests/images/image-type.jpeg +0 -0
  638. package/tests/images/image-type.webp +0 -0
  639. package/tests/images/light.jpg +0 -0
  640. package/tests/images/photo.jpg +0 -0
  641. package/tests/images/photo2.jpg +0 -0
  642. package/tests/images/photo3.jpg +0 -0
  643. package/tests/images/size-h.jpg +0 -0
  644. package/tests/images/size-v.jpg +0 -0
  645. package/tests/images/size1.jpg +0 -0
  646. package/tests/images/size2.jpg +0 -0
  647. package/tests/images/slider1.jpg +0 -0
  648. package/tests/images/slider2.jpg +0 -0
  649. package/tests/images/slider3.jpg +0 -0
  650. package/tests/images/slider4.jpg +0 -0
  651. package/tests/images/slider5.jpg +0 -0
  652. package/tests/index.html +905 -0
  653. package/tests/js/index.js +171 -0
  654. package/tests/label.html +28 -0
  655. package/tests/leader.html +67 -0
  656. package/tests/lightbox.html +689 -0
  657. package/tests/link.html +121 -0
  658. package/tests/list.html +490 -0
  659. package/tests/margin.html +208 -0
  660. package/tests/marker.html +87 -0
  661. package/tests/modal.html +497 -0
  662. package/tests/nav.html +487 -0
  663. package/tests/navbar.html +2746 -0
  664. package/tests/notification.html +137 -0
  665. package/tests/offcanvas.html +780 -0
  666. package/tests/overlay.html +102 -0
  667. package/tests/padding.html +52 -0
  668. package/tests/pagination.html +140 -0
  669. package/tests/parallax.html +298 -0
  670. package/tests/placeholder.html +33 -0
  671. package/tests/position.html +436 -0
  672. package/tests/progress.html +59 -0
  673. package/tests/scroll.html +118 -0
  674. package/tests/scrollspy.html +593 -0
  675. package/tests/search.html +535 -0
  676. package/tests/section.html +384 -0
  677. package/tests/slidenav.html +333 -0
  678. package/tests/slider.html +661 -0
  679. package/tests/slideshow.html +565 -0
  680. package/tests/sortable.html +300 -0
  681. package/tests/spinner.html +25 -0
  682. package/tests/sticky-navbar.html +1421 -0
  683. package/tests/sticky-parallax.html +279 -0
  684. package/tests/sticky.html +429 -0
  685. package/tests/subnav.html +282 -0
  686. package/tests/svg.html +78 -0
  687. package/tests/switcher.html +394 -0
  688. package/tests/tab.html +266 -0
  689. package/tests/table.html +329 -0
  690. package/tests/text.html +155 -0
  691. package/tests/thumbnav.html +64 -0
  692. package/tests/tile.html +226 -0
  693. package/tests/toggle.html +186 -0
  694. package/tests/tooltip.html +126 -0
  695. package/tests/totop.html +68 -0
  696. package/tests/transition.html +246 -0
  697. package/tests/upload.html +290 -0
  698. package/tests/utility.html +644 -0
  699. package/tests/video.html +206 -0
  700. package/tests/visibility.html +112 -0
  701. package/tests/width.html +130 -0
package/tests/icon.html ADDED
@@ -0,0 +1,907 @@
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>Icon - UIkit tests</title>
8
+ <script src="js/test.js"></script>
9
+ </head>
10
+
11
+ <body>
12
+
13
+ <div class="uk-container">
14
+
15
+ <h1>Icon</h1>
16
+
17
+ <div uk-grid>
18
+ <div class="uk-width-expand@m">
19
+
20
+ <h2>List</h2>
21
+
22
+ <div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-4@m" uk-grid>
23
+ <div>
24
+
25
+ <ul class="uk-list">
26
+ <li>
27
+ <span class="uk-icon uk-icon-image uk-margin-small-right" style="background-image: url('images/avatar.jpg');"></span>
28
+ Image
29
+ </li>
30
+
31
+ <!-- App -->
32
+ <li><span class="uk-margin-small-right" uk-icon="icon: home"></span> home</li>
33
+ <li><span class="uk-margin-small-right" uk-icon="icon: sign-in"></span> sign-in</li>
34
+ <li><span class="uk-margin-small-right" uk-icon="icon: sign-out"></span> sign-out</li>
35
+ <li><span class="uk-margin-small-right" uk-icon="icon: user"></span> user</li>
36
+ <li><span class="uk-margin-small-right" uk-icon="icon: users"></span> users</li>
37
+ <li><span class="uk-margin-small-right" uk-icon="icon: lock"></span> lock</li>
38
+ <li><span class="uk-margin-small-right" uk-icon="icon: unlock"></span> unlock</li>
39
+ <li><span class="uk-margin-small-right" uk-icon="icon: settings"></span> settings</li>
40
+ <li><span class="uk-margin-small-right" uk-icon="icon: cog"></span> cog</li>
41
+ <li><span class="uk-margin-small-right" uk-icon="icon: nut"></span> nut</li>
42
+ <li><span class="uk-margin-small-right" uk-icon="icon: comment"></span> comment</li>
43
+ <li><span class="uk-margin-small-right" uk-icon="icon: commenting"></span> commenting</li>
44
+ <li><span class="uk-margin-small-right" uk-icon="icon: comments"></span> comments</li>
45
+ <li><span class="uk-margin-small-right" uk-icon="icon: hashtag"></span> hashtag</li>
46
+ <li><span class="uk-margin-small-right" uk-icon="icon: tag"></span> tag</li>
47
+ <li><span class="uk-margin-small-right" uk-icon="icon: cart"></span> cart</li>
48
+ <li><span class="uk-margin-small-right" uk-icon="icon: bag"></span> bag</li>
49
+ <li><span class="uk-margin-small-right" uk-icon="icon: credit-card"></span> credit-card</li>
50
+ <li><span class="uk-margin-small-right" uk-icon="icon: mail"></span> mail</li>
51
+ <li><span class="uk-margin-small-right" uk-icon="icon: receiver"></span> receiver</li>
52
+ <li><span class="uk-margin-small-right" uk-icon="icon: print"></span> print</li>
53
+ <li><span class="uk-margin-small-right" uk-icon="icon: search"></span> search</li>
54
+ <li><span class="uk-margin-small-right" uk-icon="icon: location"></span> location</li>
55
+ <li><span class="uk-margin-small-right" uk-icon="icon: bookmark"></span> bookmark</li>
56
+ <li><span class="uk-margin-small-right" uk-icon="icon: code"></span> code</li>
57
+ <li><span class="uk-margin-small-right" uk-icon="icon: paint-bucket"></span> paint-bucket</li>
58
+ <li><span class="uk-margin-small-right" uk-icon="icon: camera"></span> camera</li>
59
+ <li><span class="uk-margin-small-right" uk-icon="icon: video-camera"></span> video-camera</li>
60
+ <li><span class="uk-margin-small-right" uk-icon="icon: bell"></span> bell</li>
61
+ <li><span class="uk-margin-small-right" uk-icon="icon: microphone"></span> microphone</li>
62
+ <li><span class="uk-margin-small-right" uk-icon="icon: bolt"></span> bolt</li>
63
+ <li><span class="uk-margin-small-right" uk-icon="icon: star"></span> star</li>
64
+ <li><span class="uk-margin-small-right" uk-icon="icon: heart"></span> heart</li>
65
+ <li><span class="uk-margin-small-right" uk-icon="icon: happy"></span> happy</li>
66
+ <li><span class="uk-margin-small-right" uk-icon="icon: lifesaver"></span> lifesaver</li>
67
+ <li><span class="uk-margin-small-right" uk-icon="icon: rss"></span> rss</li>
68
+ <li><span class="uk-margin-small-right" uk-icon="icon: social"></span> social</li>
69
+ <li><span class="uk-margin-small-right" uk-icon="icon: git-branch"></span> git-branch</li>
70
+ <li><span class="uk-margin-small-right" uk-icon="icon: git-fork"></span> git-fork</li>
71
+ <li><span class="uk-margin-small-right" uk-icon="icon: world"></span> world</li>
72
+
73
+ </ul>
74
+
75
+ </div>
76
+ <div>
77
+
78
+ <ul class="uk-list">
79
+
80
+ <!-- App -->
81
+ <li><span class="uk-margin-small-right" uk-icon="icon: calendar"></span> calendar</li>
82
+ <li><span class="uk-margin-small-right" uk-icon="icon: clock"></span> clock</li>
83
+ <li><span class="uk-margin-small-right" uk-icon="icon: history"></span> history</li>
84
+ <li><span class="uk-margin-small-right" uk-icon="icon: future"></span> future</li>
85
+ <li><span class="uk-margin-small-right" uk-icon="icon: crosshairs"></span> crosshairs</li>
86
+ <li><span class="uk-margin-small-right" uk-icon="icon: pencil"></span> pencil</li>
87
+ <li><span class="uk-margin-small-right" uk-icon="icon: trash"></span> trash</li>
88
+ <li><span class="uk-margin-small-right" uk-icon="icon: move"></span> move</li>
89
+ <li><span class="uk-margin-small-right" uk-icon="icon: link"></span> link</li>
90
+ <li><span class="uk-margin-small-right" uk-icon="icon: link-external"></span> link-external</li>
91
+ <li><span class="uk-margin-small-right" uk-icon="icon: eye"></span> eye</li>
92
+ <li><span class="uk-margin-small-right" uk-icon="icon: eye-slash"></span> eye-slash</li>
93
+ <li><span class="uk-margin-small-right" uk-icon="icon: question"></span> question</li>
94
+ <li><span class="uk-margin-small-right" uk-icon="icon: info"></span> info</li>
95
+ <li><span class="uk-margin-small-right" uk-icon="icon: warning"></span> warning</li>
96
+ <li><span class="uk-margin-small-right" uk-icon="icon: image"></span> image</li>
97
+ <li><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> thumbnails</li>
98
+ <li><span class="uk-margin-small-right" uk-icon="icon: table"></span> table</li>
99
+ <li><span class="uk-margin-small-right" uk-icon="icon: list"></span> list</li>
100
+ <li><span class="uk-margin-small-right" uk-icon="icon: menu"></span> menu</li>
101
+ <li><span class="uk-margin-small-right" uk-icon="icon: grid"></span> grid</li>
102
+ <li><span class="uk-margin-small-right" uk-icon="icon: more"></span> more</li>
103
+ <li><span class="uk-margin-small-right" uk-icon="icon: more-vertical"></span> more-vertical</li>
104
+ <li><span class="uk-margin-small-right" uk-icon="icon: plus"></span> plus</li>
105
+ <li><span class="uk-margin-small-right" uk-icon="icon: plus-circle"></span> plus-circle</li>
106
+ <li><span class="uk-margin-small-right" uk-icon="icon: minus"></span> minus</li>
107
+ <li><span class="uk-margin-small-right" uk-icon="icon: minus-circle"></span> minus-circle</li>
108
+ <li><span class="uk-margin-small-right" uk-icon="icon: close"></span> close</li>
109
+ <li><span class="uk-margin-small-right" uk-icon="icon: close-circle"></span> close-circle</li>
110
+ <li><span class="uk-margin-small-right" uk-icon="icon: check"></span> check</li>
111
+ <li><span class="uk-margin-small-right" uk-icon="icon: ban"></span> ban</li>
112
+ <li><span class="uk-margin-small-right" uk-icon="icon: refresh"></span> refresh</li>
113
+ <li><span class="uk-margin-small-right" uk-icon="icon: play"></span> play</li>
114
+ <li><span class="uk-margin-small-right" uk-icon="icon: play-circle"></span> play-circle</li>
115
+
116
+ <!-- Devices -->
117
+ <li><span class="uk-margin-small-right" uk-icon="icon: tv"></span> tv</li>
118
+ <li><span class="uk-margin-small-right" uk-icon="icon: desktop"></span> desktop</li>
119
+ <li><span class="uk-margin-small-right" uk-icon="icon: laptop"></span> laptop</li>
120
+ <li><span class="uk-margin-small-right" uk-icon="icon: tablet"></span> tablet</li>
121
+ <li><span class="uk-margin-small-right" uk-icon="icon: phone"></span> phone</li>
122
+ <li><span class="uk-margin-small-right" uk-icon="icon: tablet-landscape"></span> tablet-landscape</li>
123
+ <li><span class="uk-margin-small-right" uk-icon="icon: phone-landscape"></span> phone-landscape</li>
124
+
125
+ </ul>
126
+
127
+ </div>
128
+ <div>
129
+
130
+ <ul class="uk-list">
131
+
132
+ <!-- Storage -->
133
+ <li><span class="uk-margin-small-right" uk-icon="icon: file"></span> file</li>
134
+ <li><span class="uk-margin-small-right" uk-icon="icon: file-text"></span> file-text</li>
135
+ <li><span class="uk-margin-small-right" uk-icon="icon: file-pdf"></span> file-pdf</li>
136
+ <li><span class="uk-margin-small-right" uk-icon="icon: copy"></span> copy</li>
137
+ <li><span class="uk-margin-small-right" uk-icon="icon: file-edit"></span> file-edit</li>
138
+ <li><span class="uk-margin-small-right" uk-icon="icon: folder"></span> folder</li>
139
+ <li><span class="uk-margin-small-right" uk-icon="icon: album"></span> album</li>
140
+ <li><span class="uk-margin-small-right" uk-icon="icon: push"></span> push</li>
141
+ <li><span class="uk-margin-small-right" uk-icon="icon: pull"></span> pull</li>
142
+ <li><span class="uk-margin-small-right" uk-icon="icon: server"></span> server</li>
143
+ <li><span class="uk-margin-small-right" uk-icon="icon: database"></span> database</li>
144
+ <li><span class="uk-margin-small-right" uk-icon="icon: cloud-upload"></span> cloud-upload</li>
145
+ <li><span class="uk-margin-small-right" uk-icon="icon: cloud-download"></span> cloud-download</li>
146
+ <li><span class="uk-margin-small-right" uk-icon="icon: download"></span> download</li>
147
+ <li><span class="uk-margin-small-right" uk-icon="icon: upload"></span> upload</li>
148
+
149
+ <!-- Direction -->
150
+ <li><span class="uk-margin-small-right" uk-icon="icon: reply"></span> reply</li>
151
+ <li><span class="uk-margin-small-right" uk-icon="icon: forward"></span> forward</li>
152
+ <li><span class="uk-margin-small-right" uk-icon="icon: expand"></span> expand</li>
153
+ <li><span class="uk-margin-small-right" uk-icon="icon: shrink"></span> shrink</li>
154
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-up-right"></span> arrow-up-right</li>
155
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-down-arrow-up"></span> arrow-down-arrow-up</li>
156
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-up"></span> arrow-up</li>
157
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-down"></span> arrow-down</li>
158
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-left"></span> arrow-left</li>
159
+ <li><span class="uk-margin-small-right" uk-icon="icon: arrow-right"></span> arrow-right</li>
160
+ <li><span class="uk-margin-small-right" uk-icon="icon: chevron-up"></span> chevron-up</li>
161
+ <li><span class="uk-margin-small-right" uk-icon="icon: chevron-down"></span> chevron-down</li>
162
+ <li><span class="uk-margin-small-right" uk-icon="icon: chevron-left"></span> chevron-left</li>
163
+ <li><span class="uk-margin-small-right" uk-icon="icon: chevron-right"></span> chevron-right</li>
164
+ <li><span class="uk-margin-small-right" uk-icon="icon: chevron-double-left"></span> chevron-double-left</li>
165
+ <li><span class="uk-margin-small-right" uk-icon="icon: chevron-double-right"></span> chevron-double-right</li>
166
+ <li><span class="uk-margin-small-right" uk-icon="icon: triangle-up"></span> triangle-up</li>
167
+ <li><span class="uk-margin-small-right" uk-icon="icon: triangle-down"></span> triangle-down</li>
168
+ <li><span class="uk-margin-small-right" uk-icon="icon: triangle-left"></span> triangle-left</li>
169
+ <li><span class="uk-margin-small-right" uk-icon="icon: triangle-right"></span> triangle-right</li>
170
+
171
+ <!-- Editor -->
172
+ <li><span class="uk-margin-small-right" uk-icon="icon: bold"></span> bold</li>
173
+ <li><span class="uk-margin-small-right" uk-icon="icon: italic"></span> italic</li>
174
+ <li><span class="uk-margin-small-right" uk-icon="icon: strikethrough"></span> strikethrough</li>
175
+ <li><span class="uk-margin-small-right" uk-icon="icon: quote-right"></span> quote-right</li>
176
+
177
+ </ul>
178
+
179
+ </div>
180
+ <div>
181
+
182
+ <ul class="uk-list">
183
+
184
+ <!-- Brands -->
185
+ <li><span class="uk-margin-small-right" uk-icon="icon: 500px"></span> 500px</li>
186
+ <li><span class="uk-margin-small-right" uk-icon="icon: android"></span> android</li>
187
+ <li><span class="uk-margin-small-right" uk-icon="icon: android-robot"></span> android-robot</li>
188
+ <li><span class="uk-margin-small-right" uk-icon="icon: apple"></span> apple</li>
189
+ <li><span class="uk-margin-small-right" uk-icon="icon: behance"></span> behance</li>
190
+ <li><span class="uk-margin-small-right" uk-icon="icon: bluesky"></span> bluesky</li>
191
+ <li><span class="uk-margin-small-right" uk-icon="icon: discord"></span> discord</li>
192
+ <li><span class="uk-margin-small-right" uk-icon="icon: dribbble"></span> dribbble</li>
193
+ <li><span class="uk-margin-small-right" uk-icon="icon: etsy"></span> etsy</li>
194
+ <li><span class="uk-margin-small-right" uk-icon="icon: facebook"></span> facebook</li>
195
+ <li><span class="uk-margin-small-right" uk-icon="icon: flickr"></span> flickr</li>
196
+ <li><span class="uk-margin-small-right" uk-icon="icon: foursquare"></span> foursquare</li>
197
+ <li><span class="uk-margin-small-right" uk-icon="icon: github"></span> github</li>
198
+ <li><span class="uk-margin-small-right" uk-icon="icon: github-alt"></span> github-alt</li>
199
+ <li><span class="uk-margin-small-right" uk-icon="icon: gitter"></span> gitter</li>
200
+ <li><span class="uk-margin-small-right" uk-icon="icon: google"></span> google</li>
201
+ <li><span class="uk-margin-small-right" uk-icon="icon: instagram"></span> instagram</li>
202
+ <li><span class="uk-margin-small-right" uk-icon="icon: joomla"></span> joomla</li>
203
+ <li><span class="uk-margin-small-right" uk-icon="icon: linkedin"></span> linkedin</li>
204
+ <li><span class="uk-margin-small-right" uk-icon="icon: mastodon"></span> mastodon</li>
205
+ <li><span class="uk-margin-small-right" uk-icon="icon: microsoft"></span> microsoft</li>
206
+ <li><span class="uk-margin-small-right" uk-icon="icon: pinterest"></span> pinterest</li>
207
+ <li><span class="uk-margin-small-right" uk-icon="icon: reddit"></span> reddit</li>
208
+ <li><span class="uk-margin-small-right" uk-icon="icon: signal"></span> signal</li>
209
+ <li><span class="uk-margin-small-right" uk-icon="icon: soundcloud"></span> soundcloud</li>
210
+ <li><span class="uk-margin-small-right" uk-icon="icon: telegram"></span> telegram</li>
211
+ <li><span class="uk-margin-small-right" uk-icon="icon: threads"></span> threads</li>
212
+ <li><span class="uk-margin-small-right" uk-icon="icon: tiktok"></span> tiktok</li>
213
+ <li><span class="uk-margin-small-right" uk-icon="icon: tripadvisor"></span> tripadvisor</li>
214
+ <li><span class="uk-margin-small-right" uk-icon="icon: tumblr"></span> tumblr</li>
215
+ <li><span class="uk-margin-small-right" uk-icon="icon: twitch"></span> twitch</li>
216
+ <li><span class="uk-margin-small-right" uk-icon="icon: uikit"></span> uikit</li>
217
+ <li><span class="uk-margin-small-right" uk-icon="icon: vimeo"></span> vimeo</li>
218
+ <li><span class="uk-margin-small-right" uk-icon="icon: whatsapp"></span> whatsapp</li>
219
+ <li><span class="uk-margin-small-right" uk-icon="icon: wordpress"></span> wordpress</li>
220
+ <li><span class="uk-margin-small-right" uk-icon="icon: x"></span> x</li>
221
+ <li><span class="uk-margin-small-right" uk-icon="icon: xing"></span> xing</li>
222
+ <li><span class="uk-margin-small-right" uk-icon="icon: yelp"></span> yelp</li>
223
+ <li><span class="uk-margin-small-right" uk-icon="icon: yootheme"></span> yootheme</li>
224
+ <li><span class="uk-margin-small-right" uk-icon="icon: youtube"></span> youtube</li>
225
+ </ul>
226
+
227
+ </div>
228
+ </div>
229
+
230
+ <h2>Link</h2>
231
+
232
+ <ul class="uk-grid-small uk-flex-middle" uk-grid>
233
+
234
+ <!-- App -->
235
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: home"></a></li>
236
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: sign-in"></a></li>
237
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: sign-out"></a></li>
238
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: user"></a></li>
239
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: users"></a></li>
240
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: lock"></a></li>
241
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: unlock"></a></li>
242
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: settings"></a></li>
243
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: cog"></a></li>
244
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: nut"></a></li>
245
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: comment"></a></li>
246
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: commenting"></a></li>
247
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: comments"></a></li>
248
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: hashtag"></a></li>
249
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tag"></a></li>
250
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: cart"></a></li>
251
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: bag"></a></li>
252
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: credit-card"></a></li>
253
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: mail"></a></li>
254
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: receiver"></a></li>
255
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: print"></a></li>
256
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: search"></a></li>
257
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: location"></a></li>
258
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: bookmark"></a></li>
259
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: code"></a></li>
260
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: paint-bucket"></a></li>
261
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: camera"></a></li>
262
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: video-camera"></a></li>
263
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: bell"></a></li>
264
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: microphone"></a></li>
265
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: bolt"></a></li>
266
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: star"></a></li>
267
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: heart"></a></li>
268
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: happy"></a></li>
269
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: lifesaver"></a></li>
270
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: rss"></a></li>
271
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: social"></a></li>
272
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: git-branch"></a></li>
273
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: git-fork"></a></li>
274
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: world"></a></li>
275
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: calendar"></a></li>
276
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: clock"></a></li>
277
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: history"></a></li>
278
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: future"></a></li>
279
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: crosshairs"></a></li>
280
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: pencil"></a></li>
281
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: trash"></a></li>
282
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: move"></a></li>
283
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: link"></a></li>
284
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: link-external"></a></li>
285
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: eye"></a></li>
286
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: eye-slash"></a></li>
287
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: question"></a></li>
288
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: info"></a></li>
289
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: warning"></a></li>
290
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: image"></a></li>
291
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: thumbnails"></a></li>
292
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: table"></a></li>
293
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: list"></a></li>
294
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: menu"></a></li>
295
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: grid"></a></li>
296
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: more"></a></li>
297
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: more-vertical"></a></li>
298
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: plus"></a></li>
299
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: plus-circle"></a></li>
300
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: minus"></a></li>
301
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: minus-circle"></a></li>
302
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: close"></a></li>
303
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: close-circle"></a></li>
304
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: check"></a></li>
305
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: ban"></a></li>
306
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: refresh"></a></li>
307
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: play"></a></li>
308
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: play-circle"></a></li>
309
+
310
+ <!-- Devices -->
311
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tv"></a></li>
312
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: desktop"></a></li>
313
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: laptop"></a></li>
314
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tablet"></a></li>
315
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: phone"></a></li>
316
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tablet-landscape"></a></li>
317
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: phone-landscape"></a></li>
318
+
319
+ <!-- Storage -->
320
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: file"></a></li>
321
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: file-text"></a></li>
322
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: file-pdf"></a></li>
323
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: copy"></a></li>
324
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: file-edit"></a></li>
325
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: folder"></a></li>
326
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: album"></a></li>
327
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: push"></a></li>
328
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: pull"></a></li>
329
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: server"></a></li>
330
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: database"></a></li>
331
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: cloud-upload"></a></li>
332
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: cloud-download"></a></li>
333
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: download"></a></li>
334
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: upload"></a></li>
335
+
336
+ <!-- Direction -->
337
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: reply"></a></li>
338
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: forward"></a></li>
339
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: expand"></a></li>
340
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: shrink"></a></li>
341
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-up-right"></a></li>
342
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-down-arrow-up"></a></li>
343
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-up"></a></li>
344
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-down"></a></li>
345
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-left"></a></li>
346
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: arrow-right"></a></li>
347
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: chevron-up"></a></li>
348
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: chevron-down"></a></li>
349
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: chevron-left"></a></li>
350
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: chevron-right"></a></li>
351
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: chevron-double-left"></a></li>
352
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: chevron-double-right"></a></li>
353
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: triangle-up"></a></li>
354
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: triangle-down"></a></li>
355
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: triangle-left"></a></li>
356
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: triangle-right"></a></li>
357
+
358
+ <!-- Editor -->
359
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: bold"></a></li>
360
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: italic"></a></li>
361
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: strikethrough"></a></li>
362
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: quote-right"></a></li>
363
+
364
+ <!-- Brands -->
365
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: 500px"></a></li>
366
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: android"></a></li>
367
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: android-robot"></a></li>
368
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: apple"></a></li>
369
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: behance"></a></li>
370
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: bluesky"></a></li>
371
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: discord"></a></li>
372
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: dribbble"></a></li>
373
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: etsy"></a></li>
374
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: facebook"></a></li>
375
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: flickr"></a></li>
376
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: foursquare"></a></li>
377
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: github"></a></li>
378
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: github-alt"></a></li>
379
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: gitter"></a></li>
380
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: google"></a></li>
381
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: instagram"></a></li>
382
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: joomla"></a></li>
383
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: linkedin"></a></li>
384
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: mastodon"></a></li>
385
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: microsoft"></a></li>
386
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: pinterest"></a></li>
387
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: reddit"></a></li>
388
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: signal"></a></li>
389
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: soundcloud"></a></li>
390
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: telegram"></a></li>
391
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: threads"></a></li>
392
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tiktok"></a></li>
393
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tripadvisor"></a></li>
394
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: tumblr"></a></li>
395
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: twitch"></a></li>
396
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: uikit"></a></li>
397
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: vimeo"></a></li>
398
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: whatsapp"></a></li>
399
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: wordpress"></a></li>
400
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: x"></a></li>
401
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: xing"></a></li>
402
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: yelp"></a></li>
403
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: yootheme"></a></li>
404
+ <li><a class="uk-icon-link" href="#" uk-icon="icon: youtube"></a></li>
405
+
406
+ </ul>
407
+
408
+ <h2>Button</h2>
409
+
410
+ <ul class="uk-grid-small uk-flex-middle" uk-grid>
411
+
412
+ <!-- App -->
413
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: home"></a></li>
414
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: sign-in"></a></li>
415
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: sign-out"></a></li>
416
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: user"></a></li>
417
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: users"></a></li>
418
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: lock"></a></li>
419
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: unlock"></a></li>
420
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: settings"></a></li>
421
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: cog"></a></li>
422
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: nut"></a></li>
423
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: comment"></a></li>
424
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: commenting"></a></li>
425
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: comments"></a></li>
426
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: hashtag"></a></li>
427
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tag"></a></li>
428
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: cart"></a></li>
429
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: bag"></a></li>
430
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: credit-card"></a></li>
431
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: mail"></a></li>
432
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: receiver"></a></li>
433
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: print"></a></li>
434
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: search"></a></li>
435
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: location"></a></li>
436
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: bookmark"></a></li>
437
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: code"></a></li>
438
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: paint-bucket"></a></li>
439
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: camera"></a></li>
440
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: video-camera"></a></li>
441
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: bell"></a></li>
442
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: microphone"></a></li>
443
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: bolt"></a></li>
444
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: star"></a></li>
445
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: heart"></a></li>
446
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: happy"></a></li>
447
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: lifesaver"></a></li>
448
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: rss"></a></li>
449
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: social"></a></li>
450
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: git-branch"></a></li>
451
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: git-fork"></a></li>
452
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: world"></a></li>
453
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: calendar"></a></li>
454
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: clock"></a></li>
455
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: history"></a></li>
456
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: future"></a></li>
457
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: crosshairs"></a></li>
458
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: pencil"></a></li>
459
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: trash"></a></li>
460
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: move"></a></li>
461
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: link"></a></li>
462
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: link-external"></a></li>
463
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: eye"></a></li>
464
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: eye-slash"></a></li>
465
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: question"></a></li>
466
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: info"></a></li>
467
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: warning"></a></li>
468
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: image"></a></li>
469
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: thumbnails"></a></li>
470
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: table"></a></li>
471
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: list"></a></li>
472
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: menu"></a></li>
473
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: grid"></a></li>
474
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: more"></a></li>
475
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: more-vertical"></a></li>
476
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: plus"></a></li>
477
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: plus-circle"></a></li>
478
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: minus"></a></li>
479
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: minus-circle"></a></li>
480
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: close"></a></li>
481
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: close-circle"></a></li>
482
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: check"></a></li>
483
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: ban"></a></li>
484
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: refresh"></a></li>
485
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: play"></a></li>
486
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: play-circle"></a></li>
487
+
488
+ <!-- Devices -->
489
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tv"></a></li>
490
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: desktop"></a></li>
491
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: laptop"></a></li>
492
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tablet"></a></li>
493
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: phone"></a></li>
494
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tablet-landscape"></a></li>
495
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: phone-landscape"></a></li>
496
+
497
+ <!-- Storage -->
498
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: file"></a></li>
499
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: file-text"></a></li>
500
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: file-pdf"></a></li>
501
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: copy"></a></li>
502
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: file-edit"></a></li>
503
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: folder"></a></li>
504
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: album"></a></li>
505
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: push"></a></li>
506
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: pull"></a></li>
507
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: server"></a></li>
508
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: database"></a></li>
509
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: cloud-upload"></a></li>
510
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: cloud-download"></a></li>
511
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: download"></a></li>
512
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: upload"></a></li>
513
+
514
+ <!-- Direction -->
515
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: reply"></a></li>
516
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: forward"></a></li>
517
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: expand"></a></li>
518
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: shrink"></a></li>
519
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-up-right"></a></li>
520
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-down-arrow-up"></a></li>
521
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-up"></a></li>
522
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-down"></a></li>
523
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-left"></a></li>
524
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: arrow-right"></a></li>
525
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: chevron-up"></a></li>
526
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: chevron-down"></a></li>
527
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: chevron-left"></a></li>
528
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: chevron-right"></a></li>
529
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: chevron-double-left"></a></li>
530
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: chevron-double-right"></a></li>
531
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: triangle-up"></a></li>
532
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: triangle-down"></a></li>
533
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: triangle-left"></a></li>
534
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: triangle-right"></a></li>
535
+
536
+ <!-- Editor -->
537
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: bold"></a></li>
538
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: italic"></a></li>
539
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: strikethrough"></a></li>
540
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: quote-right"></a></li>
541
+
542
+ <!-- Brands -->
543
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: 500px"></a></li>
544
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: android"></a></li>
545
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: android-robot"></a></li>
546
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: apple"></a></li>
547
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: behance"></a></li>
548
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: bluesky"></a></li>
549
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: discord"></a></li>
550
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: dribbble"></a></li>
551
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: etsy"></a></li>
552
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a></li>
553
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: flickr"></a></li>
554
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: foursquare"></a></li>
555
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: github"></a></li>
556
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: github-alt"></a></li>
557
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: gitter"></a></li>
558
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: google"></a></li>
559
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: instagram"></a></li>
560
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: joomla"></a></li>
561
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: linkedin"></a></li>
562
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: mastodon"></a></li>
563
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: microsoft"></a></li>
564
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: pinterest"></a></li>
565
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: reddit"></a></li>
566
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: signal"></a></li>
567
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: soundcloud"></a></li>
568
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: telegram"></a></li>
569
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: threads"></a></li>
570
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tiktok"></a></li>
571
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tripadvisor"></a></li>
572
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: tumblr"></a></li>
573
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: twitch"></a></li>
574
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: uikit"></a></li>
575
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: vimeo"></a></li>
576
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: whatsapp"></a></li>
577
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: wordpress"></a></li>
578
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: x"></a></li>
579
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: xing"></a></li>
580
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: yelp"></a></li>
581
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: yootheme"></a></li>
582
+ <li><a class="uk-icon-button" href="#" uk-icon="icon: youtube"></a></li>
583
+
584
+ </ul>
585
+
586
+ <h2>Ratio</h2>
587
+
588
+ <ul class="uk-grid-small uk-flex-middle" uk-grid>
589
+ <!-- App -->
590
+ <li><span uk-icon="ratio: 2; icon: home"></span></li>
591
+ <li><span uk-icon="ratio: 2; icon: sign-in"></span></li>
592
+ <li><span uk-icon="ratio: 2; icon: sign-out"></span></li>
593
+ <li><span uk-icon="ratio: 2; icon: user"></span></li>
594
+ <li><span uk-icon="ratio: 2; icon: users"></span></li>
595
+ <li><span uk-icon="ratio: 2; icon: lock"></span></li>
596
+ <li><span uk-icon="ratio: 2; icon: unlock"></span></li>
597
+ <li><span uk-icon="ratio: 2; icon: settings"></span></li>
598
+ <li><span uk-icon="ratio: 2; icon: cog"></span></li>
599
+ <li><span uk-icon="ratio: 2; icon: nut"></span></li>
600
+ <li><span uk-icon="ratio: 2; icon: comment"></span></li>
601
+ <li><span uk-icon="ratio: 2; icon: commenting"></span></li>
602
+ <li><span uk-icon="ratio: 2; icon: comments"></span></li>
603
+ <li><span uk-icon="ratio: 2; icon: hashtag"></span></li>
604
+ <li><span uk-icon="ratio: 2; icon: tag"></span></li>
605
+ <li><span uk-icon="ratio: 2; icon: cart"></span></li>
606
+ <li><span uk-icon="ratio: 2; icon: bag"></span></li>
607
+ <li><span uk-icon="ratio: 2; icon: credit-card"></span></li>
608
+ <li><span uk-icon="ratio: 2; icon: mail"></span></li>
609
+ <li><span uk-icon="ratio: 2; icon: receiver"></span></li>
610
+ <li><span uk-icon="ratio: 2; icon: print"></span></li>
611
+ <li><span uk-icon="ratio: 2; icon: search"></span></li>
612
+ <li><span uk-icon="ratio: 2; icon: location"></span></li>
613
+ <li><span uk-icon="ratio: 2; icon: bookmark"></span></li>
614
+ <li><span uk-icon="ratio: 2; icon: code"></span></li>
615
+ <li><span uk-icon="ratio: 2; icon: paint-bucket"></span></li>
616
+ <li><span uk-icon="ratio: 2; icon: camera"></span></li>
617
+ <li><span uk-icon="ratio: 2; icon: video-camera"></span></li>
618
+ <li><span uk-icon="ratio: 2; icon: bell"></span></li>
619
+ <li><span uk-icon="ratio: 2; icon: microphone"></span></li>
620
+ <li><span uk-icon="ratio: 2; icon: bolt"></span></li>
621
+ <li><span uk-icon="ratio: 2; icon: star"></span></li>
622
+ <li><span uk-icon="ratio: 2; icon: heart"></span></li>
623
+ <li><span uk-icon="ratio: 2; icon: happy"></span></li>
624
+ <li><span uk-icon="ratio: 2; icon: lifesaver"></span></li>
625
+ <li><span uk-icon="ratio: 2; icon: rss"></span></li>
626
+ <li><span uk-icon="ratio: 2; icon: social"></span></li>
627
+ <li><span uk-icon="ratio: 2; icon: git-branch"></span></li>
628
+ <li><span uk-icon="ratio: 2; icon: git-fork"></span></li>
629
+ <li><span uk-icon="ratio: 2; icon: world"></span></li>
630
+ <li><span uk-icon="ratio: 2; icon: calendar"></span></li>
631
+ <li><span uk-icon="ratio: 2; icon: clock"></span></li>
632
+ <li><span uk-icon="ratio: 2; icon: history"></span></li>
633
+ <li><span uk-icon="ratio: 2; icon: future"></span></li>
634
+ <li><span uk-icon="ratio: 2; icon: crosshairs"></span></li>
635
+ <li><span uk-icon="ratio: 2; icon: pencil"></span></li>
636
+ <li><span uk-icon="ratio: 2; icon: trash"></span></li>
637
+ <li><span uk-icon="ratio: 2; icon: move"></span></li>
638
+ <li><span uk-icon="ratio: 2; icon: link"></span></li>
639
+ <li><span uk-icon="ratio: 2; icon: link-external"></span></li>
640
+ <li><span uk-icon="ratio: 2; icon: eye"></span></li>
641
+ <li><span uk-icon="ratio: 2; icon: eye-slash"></span></li>
642
+ <li><span uk-icon="ratio: 2; icon: question"></span></li>
643
+ <li><span uk-icon="ratio: 2; icon: info"></span></li>
644
+ <li><span uk-icon="ratio: 2; icon: warning"></span></li>
645
+ <li><span uk-icon="ratio: 2; icon: image"></span></li>
646
+ <li><span uk-icon="ratio: 2; icon: thumbnails"></span></li>
647
+ <li><span uk-icon="ratio: 2; icon: table"></span></li>
648
+ <li><span uk-icon="ratio: 2; icon: list"></span></li>
649
+ <li><span uk-icon="ratio: 2; icon: menu"></span></li>
650
+ <li><span uk-icon="ratio: 2; icon: grid"></span></li>
651
+ <li><span uk-icon="ratio: 2; icon: more"></span></li>
652
+ <li><span uk-icon="ratio: 2; icon: more-vertical"></span></li>
653
+ <li><span uk-icon="ratio: 2; icon: plus"></span></li>
654
+ <li><span uk-icon="ratio: 2; icon: plus-circle"></span></li>
655
+ <li><span uk-icon="ratio: 2; icon: minus"></span></li>
656
+ <li><span uk-icon="ratio: 2; icon: minus-circle"></span></li>
657
+ <li><span uk-icon="ratio: 2; icon: close"></span></li>
658
+ <li><span uk-icon="ratio: 2; icon: close-circle"></span></li>
659
+ <li><span uk-icon="ratio: 2; icon: check"></span></li>
660
+ <li><span uk-icon="ratio: 2; icon: ban"></span></li>
661
+ <li><span uk-icon="ratio: 2; icon: refresh"></span></li>
662
+ <li><span uk-icon="ratio: 2; icon: play"></span></li>
663
+ <li><span uk-icon="ratio: 2; icon: play-circle"></span></li>
664
+
665
+ <!-- Devices -->
666
+ <li><span uk-icon="ratio: 2; icon: tv"></span></li>
667
+ <li><span uk-icon="ratio: 2; icon: desktop"></span></li>
668
+ <li><span uk-icon="ratio: 2; icon: laptop"></span></li>
669
+ <li><span uk-icon="ratio: 2; icon: tablet"></span></li>
670
+ <li><span uk-icon="ratio: 2; icon: phone"></span></li>
671
+ <li><span uk-icon="ratio: 2; icon: tablet-landscape"></span></li>
672
+ <li><span uk-icon="ratio: 2; icon: phone-landscape"></span></li>
673
+
674
+ <!-- Storage -->
675
+ <li><span uk-icon="ratio: 2; icon: file"></span></li>
676
+ <li><span uk-icon="ratio: 2; icon: file-text"></span></li>
677
+ <li><span uk-icon="ratio: 2; icon: file-pdf"></span></li>
678
+ <li><span uk-icon="ratio: 2; icon: copy"></span></li>
679
+ <li><span uk-icon="ratio: 2; icon: file-edit"></span></li>
680
+ <li><span uk-icon="ratio: 2; icon: folder"></span></li>
681
+ <li><span uk-icon="ratio: 2; icon: album"></span></li>
682
+ <li><span uk-icon="ratio: 2; icon: push"></span></li>
683
+ <li><span uk-icon="ratio: 2; icon: pull"></span></li>
684
+ <li><span uk-icon="ratio: 2; icon: server"></span></li>
685
+ <li><span uk-icon="ratio: 2; icon: database"></span></li>
686
+ <li><span uk-icon="ratio: 2; icon: cloud-upload"></span></li>
687
+ <li><span uk-icon="ratio: 2; icon: cloud-download"></span></li>
688
+ <li><span uk-icon="ratio: 2; icon: download"></span></li>
689
+ <li><span uk-icon="ratio: 2; icon: upload"></span></li>
690
+
691
+ <!-- Direction -->
692
+ <li><span uk-icon="ratio: 2; icon: reply"></span></li>
693
+ <li><span uk-icon="ratio: 2; icon: forward"></span></li>
694
+ <li><span uk-icon="ratio: 2; icon: expand"></span></li>
695
+ <li><span uk-icon="ratio: 2; icon: shrink"></span></li>
696
+ <li><span uk-icon="ratio: 2; icon: arrow-up-right"></span></li>
697
+ <li><span uk-icon="ratio: 2; icon: arrow-down-arrow-up"></span></li>
698
+ <li><span uk-icon="ratio: 2; icon: arrow-up"></span></li>
699
+ <li><span uk-icon="ratio: 2; icon: arrow-down"></span></li>
700
+ <li><span uk-icon="ratio: 2; icon: arrow-left"></span></li>
701
+ <li><span uk-icon="ratio: 2; icon: arrow-right"></span></li>
702
+ <li><span uk-icon="ratio: 2; icon: chevron-up"></span></li>
703
+ <li><span uk-icon="ratio: 2; icon: chevron-down"></span></li>
704
+ <li><span uk-icon="ratio: 2; icon: chevron-left"></span></li>
705
+ <li><span uk-icon="ratio: 2; icon: chevron-right"></span></li>
706
+ <li><span uk-icon="ratio: 2; icon: chevron-double-left"></span></li>
707
+ <li><span uk-icon="ratio: 2; icon: chevron-double-right"></span></li>
708
+ <li><span uk-icon="ratio: 2; icon: triangle-up"></span></li>
709
+ <li><span uk-icon="ratio: 2; icon: triangle-down"></span></li>
710
+ <li><span uk-icon="ratio: 2; icon: triangle-left"></span></li>
711
+ <li><span uk-icon="ratio: 2; icon: triangle-right"></span></li>
712
+
713
+ <!-- Editor -->
714
+ <li><span uk-icon="ratio: 2; icon: bold"></span></li>
715
+ <li><span uk-icon="ratio: 2; icon: italic"></span></li>
716
+ <li><span uk-icon="ratio: 2; icon: strikethrough"></span></li>
717
+ <li><span uk-icon="ratio: 2; icon: quote-right"></span></li>
718
+
719
+ <!-- Brands -->
720
+ <li><span uk-icon="ratio: 2; icon: 500px"></span></li>
721
+ <li><span uk-icon="ratio: 2; icon: android"></span></li>
722
+ <li><span uk-icon="ratio: 2; icon: android-robot"></span></li>
723
+ <li><span uk-icon="ratio: 2; icon: apple"></span></li>
724
+ <li><span uk-icon="ratio: 2; icon: behance"></span></li>
725
+ <li><span uk-icon="ratio: 2; icon: bluesky"></span></li>
726
+ <li><span uk-icon="ratio: 2; icon: discord"></span></li>
727
+ <li><span uk-icon="ratio: 2; icon: dribbble"></span></li>
728
+ <li><span uk-icon="ratio: 2; icon: etsy"></span></li>
729
+ <li><span uk-icon="ratio: 2; icon: facebook"></span></li>
730
+ <li><span uk-icon="ratio: 2; icon: flickr"></span></li>
731
+ <li><span uk-icon="ratio: 2; icon: foursquare"></span></li>
732
+ <li><span uk-icon="ratio: 2; icon: github"></span></li>
733
+ <li><span uk-icon="ratio: 2; icon: github-alt"></span></li>
734
+ <li><span uk-icon="ratio: 2; icon: gitter"></span></li>
735
+ <li><span uk-icon="ratio: 2; icon: google"></span></li>
736
+ <li><span uk-icon="ratio: 2; icon: instagram"></span></li>
737
+ <li><span uk-icon="ratio: 2; icon: joomla"></span></li>
738
+ <li><span uk-icon="ratio: 2; icon: linkedin"></span></li>
739
+ <li><span uk-icon="ratio: 2; icon: mastodon"></span></li>
740
+ <li><span uk-icon="ratio: 2; icon: microsoft"></span></li>
741
+ <li><span uk-icon="ratio: 2; icon: pinterest"></span></li>
742
+ <li><span uk-icon="ratio: 2; icon: reddit"></span></li>
743
+ <li><span uk-icon="ratio: 2; icon: signal"></span></li>
744
+ <li><span uk-icon="ratio: 2; icon: soundcloud"></span></li>
745
+ <li><span uk-icon="ratio: 2; icon: telegram"></span></li>
746
+ <li><span uk-icon="ratio: 2; icon: threads"></span></li>
747
+ <li><span uk-icon="ratio: 2; icon: tiktok"></span></li>
748
+ <li><span uk-icon="ratio: 2; icon: tripadvisor"></span></li>
749
+ <li><span uk-icon="ratio: 2; icon: tumblr"></span></li>
750
+ <li><span uk-icon="ratio: 2; icon: twitch"></span></li>
751
+ <li><span uk-icon="ratio: 2; icon: uikit"></span></li>
752
+ <li><span uk-icon="ratio: 2; icon: vimeo"></span></li>
753
+ <li><span uk-icon="ratio: 2; icon: whatsapp"></span></li>
754
+ <li><span uk-icon="ratio: 2; icon: wordpress"></span></li>
755
+ <li><span uk-icon="ratio: 2; icon: x"></span></li>
756
+ <li><span uk-icon="ratio: 2; icon: xing"></span></li>
757
+ <li><span uk-icon="ratio: 2; icon: yelp"></span></li>
758
+ <li><span uk-icon="ratio: 2; icon: yootheme"></span></li>
759
+ <li><span uk-icon="ratio: 2; icon: youtube"></span></li>
760
+
761
+ </ul>
762
+
763
+ <h2>Overlay</h2>
764
+
765
+ <div class="uk-child-width-1-2@m" uk-grid>
766
+ <div>
767
+
768
+ <a href class="uk-inline uk-dark">
769
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
770
+ <div class="uk-position-center">
771
+ <ul class="uk-grid-small uk-flex-middle" uk-grid>
772
+ <li><span class="uk-icon-overlay" href="#" uk-icon="ratio: 3; icon: play-circle"></span></li>
773
+ <li><span class="uk-icon-overlay" href="#" uk-icon="ratio: 3; icon: youtube"></span></li>
774
+ </ul>
775
+ </div>
776
+ </a>
777
+
778
+ </div>
779
+ <div>
780
+
781
+ <a href class="uk-inline uk-light">
782
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
783
+ <div class="uk-position-center">
784
+ <ul class="uk-grid-small uk-flex-middle" uk-grid>
785
+ <li><span class="uk-icon-overlay" href="#" uk-icon="ratio: 3; icon: play-circle"></span></li>
786
+ <li><span class="uk-icon-overlay" href="#" uk-icon="ratio: 3; icon: youtube"></span></li>
787
+ </ul>
788
+ </div>
789
+ </a>
790
+
791
+ </div>
792
+ </div>
793
+
794
+ </div>
795
+ <div class="uk-width-auto@m">
796
+
797
+ <h2>Text-level semantics</h2>
798
+
799
+ <ul class="uk-list">
800
+ <li>The
801
+ <a href="#">
802
+ <span uk-icon="icon: trash"></span>
803
+ a element
804
+ </a>
805
+ example
806
+ </li>
807
+ <li>The
808
+ <a class="uk-link-muted" href="#">
809
+ <span uk-icon="icon: trash"></span>
810
+ link-muted
811
+ </a>
812
+ example
813
+ </li>
814
+ <li>The
815
+ <a class="uk-link-reset" href="#">
816
+ <span uk-icon="icon: trash"></span>
817
+ link-reset
818
+ </a>
819
+ example
820
+ </li>
821
+ <li>The
822
+ <code>
823
+ <span uk-icon="icon: trash"></span>
824
+ code element
825
+ </code>
826
+ example
827
+ </li>
828
+ <li>The
829
+ <em>
830
+ <span uk-icon="icon: trash"></span>
831
+ em element
832
+ </em>
833
+ example
834
+ </li>
835
+ </ul>
836
+
837
+ <h2>Buttons</h2>
838
+
839
+ <ul class="uk-list">
840
+ <li>
841
+ <button class="uk-button uk-button-default">
842
+ <span class="uk-margin-small-right" uk-icon="icon: trash"></span>
843
+ Button
844
+ </button>
845
+ </li>
846
+ <li>
847
+ <button class="uk-button uk-button-primary">
848
+ <span class="uk-margin-small-right" uk-icon="icon: trash"></span>
849
+ Button
850
+ </button>
851
+ </li>
852
+ <li>
853
+ <button class="uk-button uk-button-danger">
854
+ <span class="uk-margin-small-right" uk-icon="icon: trash"></span>
855
+ Button
856
+ </button>
857
+ </li>
858
+ <li>
859
+ <button class="uk-button uk-button-secondary">
860
+ <span class="uk-margin-small-right" uk-icon="icon: trash"></span>
861
+ Button
862
+ </button>
863
+ </li>
864
+ <li>
865
+ <button class="uk-button uk-button-default" disabled>
866
+ <span class="uk-margin-small-right" uk-icon="icon: trash"></span>
867
+ Button
868
+ </button>
869
+ </li>
870
+ </ul>
871
+
872
+ </div>
873
+ </div>
874
+
875
+ <h2>JavaScript Options</h2>
876
+
877
+ <div class="uk-overflow-auto">
878
+ <table class="uk-table uk-table-striped">
879
+ <thead>
880
+ <tr>
881
+ <th>Option</th>
882
+ <th>Value</th>
883
+ <th>Default</th>
884
+ <th>Description</th>
885
+ </tr>
886
+ </thead>
887
+ <tbody>
888
+ <tr>
889
+ <td><code>icon</code></td>
890
+ <td>String</td>
891
+ <td></td>
892
+ <td>The icon to display.</td>
893
+ </tr>
894
+ <tr>
895
+ <td><code>ratio</code></td>
896
+ <td>Number</td>
897
+ <td>1</td>
898
+ <td>The icon size ratio.</td>
899
+ </tr>
900
+ </tbody>
901
+ </table>
902
+ </div>
903
+
904
+ </div>
905
+
906
+ </body>
907
+ </html>