fomantic-ui 2.9.0-beta.99 → 2.9.0

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 (442) hide show
  1. package/.all-contributorsrc +86 -1
  2. package/.github/codeql/codeql-config.yml +4 -0
  3. package/.github/dependabot.yml +10 -0
  4. package/.github/workflows/ci.yml +10 -6
  5. package/.github/workflows/codeql.yml +68 -0
  6. package/.github/workflows/nightly.yml +16 -8
  7. package/.github/workflows/release.yml +34 -0
  8. package/CHANGELOG.md +925 -650
  9. package/CONTRIBUTORS.md +16 -1
  10. package/FAQ.md +38 -38
  11. package/README.md +7 -7
  12. package/dist/components/accordion.css +136 -40
  13. package/dist/components/accordion.js +10 -4
  14. package/dist/components/accordion.min.css +2 -2
  15. package/dist/components/accordion.min.js +3 -3
  16. package/dist/components/ad.css +4 -4
  17. package/dist/components/ad.min.css +2 -2
  18. package/dist/components/api.js +82 -25
  19. package/dist/components/api.min.js +3 -3
  20. package/dist/components/breadcrumb.css +1 -1
  21. package/dist/components/breadcrumb.min.css +1 -1
  22. package/dist/components/button.css +124 -77
  23. package/dist/components/button.min.css +2 -2
  24. package/dist/components/calendar.css +18 -1
  25. package/dist/components/calendar.js +92 -73
  26. package/dist/components/calendar.min.css +2 -2
  27. package/dist/components/calendar.min.js +3 -3
  28. package/dist/components/card.css +729 -99
  29. package/dist/components/card.min.css +2 -2
  30. package/dist/components/checkbox.css +92 -92
  31. package/dist/components/checkbox.js +4 -3
  32. package/dist/components/checkbox.min.css +2 -2
  33. package/dist/components/checkbox.min.js +3 -3
  34. package/dist/components/comment.css +2 -2
  35. package/dist/components/comment.min.css +2 -2
  36. package/dist/components/container.css +98 -4
  37. package/dist/components/container.min.css +2 -2
  38. package/dist/components/dimmer.css +7 -6
  39. package/dist/components/dimmer.js +19 -10
  40. package/dist/components/dimmer.min.css +2 -2
  41. package/dist/components/dimmer.min.js +3 -3
  42. package/dist/components/divider.css +31 -31
  43. package/dist/components/divider.min.css +2 -2
  44. package/dist/components/dropdown.css +74 -47
  45. package/dist/components/dropdown.js +237 -188
  46. package/dist/components/dropdown.min.css +2 -2
  47. package/dist/components/dropdown.min.js +3 -3
  48. package/dist/components/embed.css +5 -5
  49. package/dist/components/embed.js +14 -10
  50. package/dist/components/embed.min.css +2 -2
  51. package/dist/components/embed.min.js +3 -3
  52. package/dist/components/emoji.css +10797 -8839
  53. package/dist/components/emoji.min.css +1 -1
  54. package/dist/components/feed.css +2 -2
  55. package/dist/components/feed.min.css +2 -2
  56. package/dist/components/flag.css +563 -563
  57. package/dist/components/flag.min.css +2 -2
  58. package/dist/components/flyout.css +592 -0
  59. package/dist/components/flyout.js +1530 -0
  60. package/dist/components/flyout.min.css +9 -0
  61. package/dist/components/flyout.min.js +11 -0
  62. package/dist/components/form.css +67 -39
  63. package/dist/components/form.js +25 -21
  64. package/dist/components/form.min.css +2 -2
  65. package/dist/components/form.min.js +3 -3
  66. package/dist/components/grid.css +15 -14
  67. package/dist/components/grid.min.css +2 -2
  68. package/dist/components/header.css +6 -4
  69. package/dist/components/header.min.css +2 -2
  70. package/dist/components/icon.css +2105 -2061
  71. package/dist/components/icon.min.css +2 -2
  72. package/dist/components/image.css +1 -1
  73. package/dist/components/image.min.css +1 -1
  74. package/dist/components/input.css +743 -21
  75. package/dist/components/input.min.css +2 -2
  76. package/dist/components/item.css +5 -5
  77. package/dist/components/item.min.css +2 -2
  78. package/dist/components/label.css +72 -68
  79. package/dist/components/label.min.css +2 -2
  80. package/dist/components/list.css +31 -31
  81. package/dist/components/list.min.css +2 -2
  82. package/dist/components/loader.css +352 -352
  83. package/dist/components/loader.min.css +2 -2
  84. package/dist/components/menu.css +79 -71
  85. package/dist/components/menu.min.css +1 -1
  86. package/dist/components/message.css +3 -3
  87. package/dist/components/message.min.css +2 -2
  88. package/dist/components/modal.css +35 -6
  89. package/dist/components/modal.js +97 -57
  90. package/dist/components/modal.min.css +2 -2
  91. package/dist/components/modal.min.js +3 -3
  92. package/dist/components/nag.css +1 -1
  93. package/dist/components/nag.js +3 -3
  94. package/dist/components/nag.min.css +1 -1
  95. package/dist/components/nag.min.js +3 -3
  96. package/dist/components/placeholder.css +33 -33
  97. package/dist/components/placeholder.min.css +2 -2
  98. package/dist/components/popup.css +100 -104
  99. package/dist/components/popup.js +17 -23
  100. package/dist/components/popup.min.css +2 -2
  101. package/dist/components/popup.min.js +3 -3
  102. package/dist/components/progress.css +1 -1
  103. package/dist/components/progress.js +6 -3
  104. package/dist/components/progress.min.css +1 -1
  105. package/dist/components/progress.min.js +3 -3
  106. package/dist/components/rail.css +1 -1
  107. package/dist/components/rail.min.css +1 -1
  108. package/dist/components/rating.css +1 -1
  109. package/dist/components/rating.js +8 -4
  110. package/dist/components/rating.min.css +1 -1
  111. package/dist/components/rating.min.js +3 -3
  112. package/dist/components/reset.css +5 -4
  113. package/dist/components/reset.min.css +2 -2
  114. package/dist/components/reveal.css +1 -1
  115. package/dist/components/reveal.min.css +1 -1
  116. package/dist/components/search.css +6 -6
  117. package/dist/components/search.js +48 -21
  118. package/dist/components/search.min.css +2 -2
  119. package/dist/components/search.min.js +3 -3
  120. package/dist/components/segment.css +107 -29
  121. package/dist/components/segment.min.css +2 -2
  122. package/dist/components/shape.css +1 -1
  123. package/dist/components/shape.js +4 -4
  124. package/dist/components/shape.min.css +1 -1
  125. package/dist/components/shape.min.js +3 -3
  126. package/dist/components/sidebar.css +20 -8
  127. package/dist/components/sidebar.js +141 -44
  128. package/dist/components/sidebar.min.css +2 -2
  129. package/dist/components/sidebar.min.js +3 -3
  130. package/dist/components/site.css +79 -4
  131. package/dist/components/site.js +2 -2
  132. package/dist/components/site.min.css +2 -2
  133. package/dist/components/site.min.js +3 -3
  134. package/dist/components/slider.css +17 -17
  135. package/dist/components/slider.js +79 -64
  136. package/dist/components/slider.min.css +1 -1
  137. package/dist/components/slider.min.js +3 -3
  138. package/dist/components/state.js +3 -3
  139. package/dist/components/state.min.js +3 -3
  140. package/dist/components/statistic.css +4 -4
  141. package/dist/components/statistic.min.css +2 -2
  142. package/dist/components/step.css +30 -30
  143. package/dist/components/step.min.css +2 -2
  144. package/dist/components/sticky.css +1 -1
  145. package/dist/components/sticky.js +30 -19
  146. package/dist/components/sticky.min.css +1 -1
  147. package/dist/components/sticky.min.js +3 -3
  148. package/dist/components/tab.css +5 -5
  149. package/dist/components/tab.js +25 -7
  150. package/dist/components/tab.min.css +2 -2
  151. package/dist/components/tab.min.js +3 -3
  152. package/dist/components/table.css +1680 -270
  153. package/dist/components/table.min.css +2 -2
  154. package/dist/components/text.css +1 -1
  155. package/dist/components/text.min.css +1 -1
  156. package/dist/components/toast.css +11 -1
  157. package/dist/components/toast.js +19 -12
  158. package/dist/components/toast.min.css +2 -2
  159. package/dist/components/toast.min.js +3 -3
  160. package/dist/components/transition.css +1 -1
  161. package/dist/components/transition.js +27 -22
  162. package/dist/components/transition.min.css +1 -1
  163. package/dist/components/transition.min.js +3 -3
  164. package/dist/components/visibility.js +5 -5
  165. package/dist/components/visibility.min.js +3 -3
  166. package/dist/semantic.css +41415 -34430
  167. package/dist/semantic.js +2597 -696
  168. package/dist/semantic.min.css +3 -3
  169. package/dist/semantic.min.js +3 -3
  170. package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  171. package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  172. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  173. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  174. package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  175. package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  176. package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  177. package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  178. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  179. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  180. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  181. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  182. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  183. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  184. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  185. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  186. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  187. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  188. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  189. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  190. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  191. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  192. package/dist/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  193. package/examples/assets/library/iframe-content.js +3 -3
  194. package/examples/assets/library/iframe.js +3 -3
  195. package/examples/components/button.html +1 -1
  196. package/examples/components/card.html +1 -1
  197. package/examples/components/input.html +1 -1
  198. package/examples/components/menu.html +1 -1
  199. package/examples/components/site.html +1 -1
  200. package/examples/components/sticky-context.html +197 -0
  201. package/examples/components/table.html +1 -1
  202. package/package.json +20 -18
  203. package/scripts/nightly-version.js +47 -38
  204. package/src/definitions/behaviors/api.js +81 -24
  205. package/src/definitions/behaviors/form.js +24 -20
  206. package/src/definitions/behaviors/state.js +2 -2
  207. package/src/definitions/behaviors/visibility.js +4 -4
  208. package/src/definitions/collections/form.less +43 -31
  209. package/src/definitions/collections/grid.less +11 -11
  210. package/src/definitions/collections/menu.less +62 -47
  211. package/src/definitions/collections/message.less +1 -1
  212. package/src/definitions/collections/table.less +636 -39
  213. package/src/definitions/elements/button.less +254 -125
  214. package/src/definitions/elements/container.less +129 -0
  215. package/src/definitions/elements/divider.less +24 -24
  216. package/src/definitions/elements/emoji.less +25 -2
  217. package/src/definitions/elements/flag.less +47 -1
  218. package/src/definitions/elements/header.less +4 -2
  219. package/src/definitions/elements/icon.less +91 -12
  220. package/src/definitions/elements/input.less +259 -27
  221. package/src/definitions/elements/label.less +42 -39
  222. package/src/definitions/elements/list.less +29 -30
  223. package/src/definitions/elements/loader.less +87 -87
  224. package/src/definitions/elements/placeholder.less +32 -32
  225. package/src/definitions/elements/segment.less +147 -34
  226. package/src/definitions/elements/step.less +25 -25
  227. package/src/definitions/globals/reset.less +2 -2
  228. package/src/definitions/globals/site.js +1 -1
  229. package/src/definitions/globals/site.less +14 -12
  230. package/src/definitions/modules/accordion.js +9 -3
  231. package/src/definitions/modules/accordion.less +371 -269
  232. package/src/definitions/modules/calendar.js +91 -72
  233. package/src/definitions/modules/calendar.less +20 -0
  234. package/src/definitions/modules/checkbox.js +3 -2
  235. package/src/definitions/modules/checkbox.less +53 -53
  236. package/src/definitions/modules/dimmer.js +18 -9
  237. package/src/definitions/modules/dimmer.less +11 -10
  238. package/src/definitions/modules/dropdown.js +236 -187
  239. package/src/definitions/modules/dropdown.less +110 -77
  240. package/src/definitions/modules/embed.js +13 -9
  241. package/src/definitions/modules/embed.less +4 -4
  242. package/src/definitions/modules/flyout.js +1530 -0
  243. package/src/definitions/modules/flyout.less +650 -0
  244. package/src/definitions/modules/modal.js +96 -56
  245. package/src/definitions/modules/modal.less +68 -33
  246. package/src/definitions/modules/nag.js +2 -2
  247. package/src/definitions/modules/popup.js +16 -22
  248. package/src/definitions/modules/popup.less +86 -90
  249. package/src/definitions/modules/progress.js +5 -2
  250. package/src/definitions/modules/rating.js +7 -3
  251. package/src/definitions/modules/search.js +47 -20
  252. package/src/definitions/modules/search.less +3 -3
  253. package/src/definitions/modules/shape.js +3 -3
  254. package/src/definitions/modules/sidebar.js +140 -43
  255. package/src/definitions/modules/sidebar.less +20 -5
  256. package/src/definitions/modules/slider.js +78 -63
  257. package/src/definitions/modules/slider.less +9 -9
  258. package/src/definitions/modules/sticky.js +29 -18
  259. package/src/definitions/modules/sticky.less +3 -1
  260. package/src/definitions/modules/tab.js +24 -6
  261. package/src/definitions/modules/tab.less +4 -4
  262. package/src/definitions/modules/toast.js +18 -11
  263. package/src/definitions/modules/toast.less +6 -0
  264. package/src/definitions/modules/transition.js +26 -21
  265. package/src/definitions/views/ad.less +3 -3
  266. package/src/definitions/views/card.less +124 -18
  267. package/src/definitions/views/comment.less +1 -1
  268. package/src/definitions/views/feed.less +1 -1
  269. package/src/definitions/views/item.less +3 -3
  270. package/src/definitions/views/statistic.less +1 -1
  271. package/src/semantic.less +1 -0
  272. package/src/theme.config.example +1 -0
  273. package/src/theme.less +13 -2
  274. package/src/themes/amazon/globals/site.variables +1 -0
  275. package/src/themes/basic/elements/icon.overrides +149 -149
  276. package/src/themes/basic/elements/icon.variables +16 -6
  277. package/src/themes/basic/elements/step.overrides +2 -2
  278. package/src/themes/bookish/elements/header.overrides +1 -1
  279. package/src/themes/chubby/elements/button.overrides +1 -1
  280. package/src/themes/chubby/elements/header.overrides +1 -1
  281. package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  282. package/src/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  283. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  284. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  285. package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  286. package/src/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  287. package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  288. package/src/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  289. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  290. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  291. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  292. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  293. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  294. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  295. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  296. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  297. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  298. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  299. package/src/themes/default/assets/fonts/icons.woff +0 -0
  300. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  301. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  302. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  303. package/src/themes/default/collections/form.variables +4 -0
  304. package/src/themes/default/collections/table.variables +52 -0
  305. package/src/themes/default/elements/button.variables +5 -0
  306. package/src/themes/default/elements/container.variables +12 -0
  307. package/src/themes/default/elements/divider.overrides +7 -7
  308. package/src/themes/default/elements/emoji.overrides +0 -3090
  309. package/src/themes/default/elements/emoji.variables +3563 -1
  310. package/src/themes/default/elements/flag.overrides +0 -1640
  311. package/src/themes/default/elements/flag.variables +1597 -1
  312. package/src/themes/default/elements/icon.overrides +1 -2043
  313. package/src/themes/default/elements/icon.variables +2045 -30
  314. package/src/themes/default/elements/input.variables +15 -0
  315. package/src/themes/default/elements/segment.variables +8 -0
  316. package/src/themes/default/elements/step.overrides +4 -7
  317. package/src/themes/default/globals/site.variables +103 -8
  318. package/src/themes/default/globals/variation.variables +59 -0
  319. package/src/themes/default/modules/accordion.overrides +7 -9
  320. package/src/themes/default/modules/accordion.variables +34 -2
  321. package/src/themes/default/modules/calendar.variables +3 -0
  322. package/src/themes/default/modules/checkbox.overrides +10 -12
  323. package/src/themes/default/modules/checkbox.variables +5 -5
  324. package/src/themes/default/modules/dropdown.overrides +6 -9
  325. package/src/themes/default/modules/dropdown.variables +6 -9
  326. package/src/themes/default/modules/flyout.overrides +3 -0
  327. package/src/themes/default/modules/flyout.variables +100 -0
  328. package/src/themes/default/modules/modal.variables +16 -2
  329. package/src/themes/default/modules/popup.variables +0 -2
  330. package/src/themes/default/modules/sidebar.variables +4 -1
  331. package/src/themes/default/views/card.variables +8 -0
  332. package/src/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  333. package/src/themes/famfamfam/elements/flag.overrides +496 -496
  334. package/src/themes/famfamfam/elements/flag.variables +8 -1
  335. package/src/themes/github/elements/icon.overrides +206 -206
  336. package/src/themes/github/elements/icon.variables +16 -1
  337. package/src/themes/github/elements/step.overrides +5 -5
  338. package/src/themes/github/globals/site.variables +1 -0
  339. package/src/themes/github/modules/dropdown.overrides +7 -10
  340. package/src/themes/instagram/views/card.overrides +1 -1
  341. package/src/themes/joypixels/elements/emoji.overrides +0 -3089
  342. package/src/themes/joypixels/elements/emoji.variables +3562 -5
  343. package/src/themes/material/collections/menu.overrides +1 -1
  344. package/src/themes/material/elements/button.overrides +1 -1
  345. package/src/themes/material/elements/header.overrides +1 -1
  346. package/src/themes/material/elements/icon.overrides +932 -932
  347. package/src/themes/material/elements/icon.variables +17 -0
  348. package/src/themes/material/globals/site.variables +0 -1
  349. package/src/themes/material/modules/dropdown.overrides +1 -1
  350. package/src/themes/material/modules/modal.overrides +1 -1
  351. package/src/themes/pulsar/elements/loader.overrides +2 -2
  352. package/src/themes/resetcss/globals/reset.overrides +3 -3
  353. package/src/themes/rtl/globals/site.overrides +1 -1
  354. package/src/themes/striped/modules/progress.overrides +1 -1
  355. package/src/themes/systemfont/globals/reset.overrides +8 -0
  356. package/src/themes/systemfont/globals/site.variables +10 -0
  357. package/src/themes/twitter/elements/emoji.overrides +0 -3091
  358. package/src/themes/twitter/elements/emoji.variables +3558 -6
  359. package/tasks/admin/distributions/create.js +1 -1
  360. package/tasks/admin/publish.js +1 -1
  361. package/tasks/admin/release.js +1 -1
  362. package/tasks/build/assets.js +1 -1
  363. package/tasks/build/css.js +3 -3
  364. package/tasks/build/javascript.js +3 -3
  365. package/tasks/check-install.js +1 -1
  366. package/tasks/clean.js +1 -1
  367. package/tasks/collections/README.md +1 -1
  368. package/tasks/collections/admin.js +1 -1
  369. package/tasks/config/admin/oauth.example.js +1 -1
  370. package/tasks/config/admin/release.js +1 -0
  371. package/tasks/config/admin/templates/composer.json +1 -1
  372. package/tasks/config/admin/templates/css-package.js +8 -12
  373. package/tasks/config/admin/templates/less-package.js +2 -2
  374. package/tasks/config/defaults.js +1 -0
  375. package/tasks/config/project/install.js +16 -13
  376. package/tasks/install.js +1 -0
  377. package/tasks/rtl/watch.js +1 -1
  378. package/tasks/version.js +1 -1
  379. package/test/fixtures/accordion.html +1 -1
  380. package/test/fixtures/checkbox.html +1 -1
  381. package/test/fixtures/dropdown.html +1 -1
  382. package/test/fixtures/modal.html +1 -1
  383. package/test/fixtures/popup.html +1 -1
  384. package/test/fixtures/rating.html +1 -1
  385. package/test/fixtures/shape.html +1 -1
  386. package/test/fixtures/sidebar.html +1 -1
  387. package/test/fixtures/tab.html +1 -1
  388. package/test/fixtures/transition.html +1 -1
  389. package/test/fixtures/video.html +1 -1
  390. package/test/helpers/jasmine-jquery.js +2 -2
  391. package/test/helpers/jasmine-sinon.js +1 -1
  392. package/test/helpers/jquery-events.js +1 -1
  393. package/test/helpers/sinon.js +2 -2
  394. package/test/meteor/fonts.js +1 -1
  395. package/test/modules/accordion.spec.js +1 -1
  396. package/test/modules/checkbox.spec.js +1 -1
  397. package/test/modules/dropdown.spec.js +1 -1
  398. package/test/modules/modal.spec.js +1 -1
  399. package/test/modules/module.spec.js +1 -1
  400. package/test/modules/popup.spec.js +1 -1
  401. package/test/modules/search.spec.js +1 -1
  402. package/test/modules/shape.spec.js +1 -1
  403. package/test/modules/sidebar.spec.js +1 -1
  404. package/test/modules/tab.spec.js +1 -1
  405. package/test/modules/transition.spec.js +1 -1
  406. package/test/modules/video.spec.js +1 -1
  407. package/dist/themes/basic/assets/fonts/icons.eot +0 -0
  408. package/dist/themes/basic/assets/fonts/icons.svg +0 -450
  409. package/dist/themes/basic/assets/fonts/icons.ttf +0 -0
  410. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  411. package/dist/themes/default/assets/fonts/brand-icons.svg +0 -3570
  412. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  413. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  414. package/dist/themes/default/assets/fonts/icons.svg +0 -4938
  415. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  416. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  417. package/dist/themes/default/assets/fonts/outline-icons.svg +0 -803
  418. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  419. package/dist/themes/github/assets/fonts/octicons-local.ttf +0 -0
  420. package/dist/themes/github/assets/fonts/octicons.svg +0 -200
  421. package/dist/themes/github/assets/fonts/octicons.ttf +0 -0
  422. package/dist/themes/material/assets/fonts/icons.eot +0 -0
  423. package/dist/themes/material/assets/fonts/icons.svg +0 -2373
  424. package/dist/themes/material/assets/fonts/icons.ttf +0 -0
  425. package/src/themes/basic/assets/fonts/icons.eot +0 -0
  426. package/src/themes/basic/assets/fonts/icons.svg +0 -450
  427. package/src/themes/basic/assets/fonts/icons.ttf +0 -0
  428. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  429. package/src/themes/default/assets/fonts/brand-icons.svg +0 -3570
  430. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  431. package/src/themes/default/assets/fonts/icons.eot +0 -0
  432. package/src/themes/default/assets/fonts/icons.svg +0 -4938
  433. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  434. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  435. package/src/themes/default/assets/fonts/outline-icons.svg +0 -803
  436. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  437. package/src/themes/github/assets/fonts/octicons-local.ttf +0 -0
  438. package/src/themes/github/assets/fonts/octicons.svg +0 -200
  439. package/src/themes/github/assets/fonts/octicons.ttf +0 -0
  440. package/src/themes/material/assets/fonts/icons.eot +0 -0
  441. package/src/themes/material/assets/fonts/icons.svg +0 -2373
  442. package/src/themes/material/assets/fonts/icons.ttf +0 -0
package/src/definitions/elements/list.less CHANGED
@@ -61,10 +61,10 @@ ol.ui.list li,
61
61
  line-height: @itemLineHeight;
62
62
  }
63
63
 
64
- ul.ui.list > li:first-child:after,
65
- ol.ui.list > li:first-child:after,
66
- .ui.list > .list > .item:after,
67
- .ui.list > .item:after {
64
+ ul.ui.list > li:first-child::after,
65
+ ol.ui.list > li:first-child::after,
66
+ .ui.list > .list > .item::after,
67
+ .ui.list > .item::after {
68
68
  content: '';
69
69
  display: block;
70
70
  height: 0;
@@ -283,8 +283,8 @@ ol.ui.list ol li,
283
283
  padding: @itemVerticalPadding @itemHorizontalPadding;
284
284
  line-height: @itemLineHeight;
285
285
  }
286
- .ui.menu .ui.list .list > .item:before,
287
- .ui.menu .ui.list > .item:before {
286
+ .ui.menu .ui.list .list > .item::before,
287
+ .ui.menu .ui.list > .item::before {
288
288
  border: none;
289
289
  background: none;
290
290
  }
@@ -624,9 +624,9 @@ ol.ui.list ol li,
624
624
  .ui.bulleted.list > .item {
625
625
  position: relative;
626
626
  }
627
- ul.ui.list li:before,
628
- .ui.bulleted.list .list > .item:before,
629
- .ui.bulleted.list > .item:before {
627
+ ul.ui.list li::before,
628
+ .ui.bulleted.list .list > .item::before,
629
+ .ui.bulleted.list > .item::before {
630
630
  user-select: none;
631
631
  pointer-events: none;
632
632
  position: absolute;
@@ -640,9 +640,9 @@ ol.ui.list ol li,
640
640
  vertical-align: @bulletVerticalAlign;
641
641
  }
642
642
 
643
- ul.ui.list li:before,
644
- .ui.bulleted.list .list > a.item:before,
645
- .ui.bulleted.list > a.item:before {
643
+ ul.ui.list li::before,
644
+ .ui.bulleted.list .list > a.item::before,
645
+ .ui.bulleted.list > a.item::before {
646
646
  color: @bulletLinkColor;
647
647
  }
648
648
 
@@ -695,9 +695,9 @@ ol.ui.list ol li,
695
695
  list-style-type: none;
696
696
  position: relative;
697
697
  }
698
- ol.ui.list li:before,
699
- .ui.ordered.list .list > .item:before,
700
- .ui.ordered.list > .item:before {
698
+ ol.ui.list li::before,
699
+ .ui.ordered.list .list > .item::before,
700
+ .ui.ordered.list > .item::before {
701
701
  position: absolute;
702
702
  top: auto;
703
703
  left: auto;
@@ -713,19 +713,19 @@ ol.ui.list ol li,
713
713
  }
714
714
 
715
715
  & when (@variationListInverted) {
716
- ol.ui.inverted.list li:before,
717
- .ui.ordered.inverted.list .list > .item:before,
718
- .ui.ordered.inverted.list > .item:before {
716
+ ol.ui.inverted.list li::before,
717
+ .ui.ordered.inverted.list .list > .item::before,
718
+ .ui.ordered.inverted.list > .item::before {
719
719
  color: @orderedInvertedCountColor;
720
720
  }
721
721
  }
722
722
 
723
723
  /* Value */
724
- .ui.ordered.list .list > .item[data-value]:before,
725
- .ui.ordered.list > .item[data-value]:before {
724
+ .ui.ordered.list .list > .item[data-value]::before,
725
+ .ui.ordered.list > .item[data-value]::before {
726
726
  content: attr(data-value);
727
727
  }
728
- ol.ui.list li[value]:before {
728
+ ol.ui.list li[value]::before {
729
729
  content: attr(value);
730
730
  }
731
731
 
@@ -734,8 +734,8 @@ ol.ui.list ol li,
734
734
  .ui.ordered.list .list:not(.icon) {
735
735
  margin-left: @orderedChildCountDistance;
736
736
  }
737
- ol.ui.list ol li:before,
738
- .ui.ordered.list .list > .item:before {
737
+ ol.ui.list ol li::before,
738
+ .ui.ordered.list .list > .item::before {
739
739
  margin-left: @orderedChildCountOffset;
740
740
  }
741
741
 
@@ -745,9 +745,9 @@ ol.ui.list ol li,
745
745
  .ui.ordered.horizontal.list {
746
746
  margin-left: 0;
747
747
  }
748
- ol.ui.horizontal.list li:before,
749
- .ui.ordered.horizontal.list .list > .item:before,
750
- .ui.ordered.horizontal.list > .item:before {
748
+ ol.ui.horizontal.list li::before,
749
+ .ui.ordered.horizontal.list .list > .item::before,
750
+ .ui.ordered.horizontal.list > .item::before {
751
751
  position: static;
752
752
  margin: 0 @horizontalOrderedCountDistance 0 0;
753
753
  }
@@ -756,9 +756,9 @@ ol.ui.list ol li,
756
756
 
757
757
  & when (@variationListSuffixed) {
758
758
  /* Suffixed Ordered */
759
- ol.ui.suffixed.list li:before,
760
- .ui.suffixed.ordered.list .list > .item:before,
761
- .ui.suffixed.ordered.list > .item:before {
759
+ ol.ui.suffixed.list li::before,
760
+ .ui.suffixed.ordered.list .list > .item::before,
761
+ .ui.suffixed.ordered.list > .item::before {
762
762
  content: @orderedCountContentSuffixed;
763
763
  }
764
764
  }
@@ -1028,4 +1028,3 @@ ol.ui.list ol li,
1028
1028
  }
1029
1029
 
1030
1030
  .loadUIOverrides();
1031
-
package/src/definitions/elements/loader.less CHANGED
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  /* Static Shape */
37
- .ui.loader:before {
37
+ .ui.loader::before {
38
38
  position: absolute;
39
39
  content: '';
40
40
  top: 0;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  /* Active Shape */
50
- .ui.loader:after {
50
+ .ui.loader::after {
51
51
  position: absolute;
52
52
  content: '';
53
53
  top: 0;
@@ -65,17 +65,17 @@
65
65
  & when (@variationLoaderSpeeds) {
66
66
  /* Speeds */
67
67
 
68
- .ui.fast.loading.loading:after,
69
- .ui.fast.loading.loading .input > i.icon:after,
70
- .ui.fast.loading.loading > i.icon:after,
71
- .ui.fast.loader:after {
68
+ .ui.fast.loading.loading::after,
69
+ .ui.fast.loading.loading .input > i.icon::after,
70
+ .ui.fast.loading.loading > i.icon::after,
71
+ .ui.fast.loader::after {
72
72
  animation-duration: @loaderSpeedFast;
73
73
  }
74
74
 
75
- .ui.slow.loading.loading:after,
76
- .ui.slow.loading.loading .input > i.icon:after,
77
- .ui.slow.loading.loading > i.icon:after,
78
- .ui.slow.loader:after {
75
+ .ui.slow.loading.loading::after,
76
+ .ui.slow.loading.loading .input > i.icon::after,
77
+ .ui.slow.loading.loading > i.icon::after,
78
+ .ui.slow.loader::after {
79
79
  animation-duration: @loaderSpeedSlow;
80
80
  }
81
81
  }
@@ -100,7 +100,7 @@
100
100
  .ui.dimmer > .ui.loader {
101
101
  color: @invertedLoaderTextColor;
102
102
  }
103
- .ui.dimmer > .ui.loader:not(.elastic):before {
103
+ .ui.dimmer > .ui.loader:not(.elastic)::before {
104
104
  border-color: @invertedLoaderFillColor;
105
105
  }
106
106
 
@@ -108,7 +108,7 @@
108
108
  .ui.inverted.dimmer > .ui.loader {
109
109
  color: @loaderTextColor;
110
110
  }
111
- .ui.inverted.dimmer > .ui.loader:not(.elastic):before {
111
+ .ui.inverted.dimmer > .ui.loader:not(.elastic)::before {
112
112
  border-color: @loaderFillColor;
113
113
  }
114
114
 
@@ -134,7 +134,7 @@
134
134
  States
135
135
  *******************************/
136
136
  & when (@variationLoaderIndeterminate) {
137
- .ui.indeterminate.loader:after {
137
+ .ui.indeterminate.loader::after {
138
138
  animation-direction: @indeterminateDirection;
139
139
  animation-duration: @indeterminateSpeed;
140
140
  }
@@ -163,8 +163,8 @@
163
163
  height: @medium;
164
164
  font-size: @mediumFontSize;
165
165
  }
166
- .ui.loader:before,
167
- .ui.loader:after {
166
+ .ui.loader::before,
167
+ .ui.loader::after {
168
168
  width: @medium;
169
169
  height: @medium;
170
170
  margin: @mediumOffset;
@@ -185,8 +185,8 @@
185
185
  height: @s;
186
186
  font-size: @@f;
187
187
  }
188
- .ui.@{value}.loader:before,
189
- .ui.@{value}.loader:after {
188
+ .ui.@{value}.loader::before,
189
+ .ui.@{value}.loader::after {
190
190
  width: @s;
191
191
  height: @s;
192
192
  margin: @@o;
@@ -209,49 +209,49 @@
209
209
  @c: @colors[@@color][color];
210
210
  @l: @colors[@@color][light];
211
211
 
212
- .ui.@{color}.elastic.loader.loader:before,
213
- .ui.@{color}.basic.elastic.loading.button:before,
214
- .ui.@{color}.basic.elastic.loading.button:after,
215
- .ui.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
216
- .ui.@{color}.elastic.loading.loading.loading .input > i.icon:before,
217
- .ui.@{color}.elastic.loading.loading.loading.loading > i.icon:before,
218
- .ui.@{color}.loading.loading.loading.loading:not(.usual):not(.button):after,
219
- .ui.@{color}.loading.loading.loading.loading .input > i.icon:after,
220
- .ui.@{color}.loading.loading.loading.loading > i.icon:after,
221
- .ui.@{color}.loader.loader.loader:after {
212
+ .ui.@{color}.elastic.loader.loader::before,
213
+ .ui.@{color}.basic.elastic.loading.button::before,
214
+ .ui.@{color}.basic.elastic.loading.button::after,
215
+ .ui.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
216
+ .ui.@{color}.elastic.loading.loading.loading .input > i.icon::before,
217
+ .ui.@{color}.elastic.loading.loading.loading.loading > i.icon::before,
218
+ .ui.@{color}.loading.loading.loading.loading:not(.usual):not(.button)::after,
219
+ .ui.@{color}.loading.loading.loading.loading .input > i.icon::after,
220
+ .ui.@{color}.loading.loading.loading.loading > i.icon::after,
221
+ .ui.@{color}.loader.loader.loader::after {
222
222
  color: @c;
223
223
  }
224
- .ui.inverted.@{color}.elastic.loader:before,
225
- .ui.inverted.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
226
- .ui.inverted.@{color}.elastic.loading.loading.loading .input > i.icon:before,
227
- .ui.inverted.@{color}.elastic.loading.loading.loading > i.icon:before,
228
- .ui.inverted.@{color}.loading.loading.loading.loading:not(.usual):after,
229
- .ui.inverted.@{color}.loading.loading.loading.loading .input > i.icon:after,
230
- .ui.inverted.@{color}.loading.loading.loading.loading > i.icon:after,
231
- .ui.inverted.@{color}.loader.loader.loader:after {
224
+ .ui.inverted.@{color}.elastic.loader::before,
225
+ .ui.inverted.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
226
+ .ui.inverted.@{color}.elastic.loading.loading.loading .input > i.icon::before,
227
+ .ui.inverted.@{color}.elastic.loading.loading.loading > i.icon::before,
228
+ .ui.inverted.@{color}.loading.loading.loading.loading:not(.usual)::after,
229
+ .ui.inverted.@{color}.loading.loading.loading.loading .input > i.icon::after,
230
+ .ui.inverted.@{color}.loading.loading.loading.loading > i.icon::after,
231
+ .ui.inverted.@{color}.loader.loader.loader::after {
232
232
  color: @l;
233
233
  }
234
234
  })
235
235
  }
236
236
 
237
- .ui.elastic.loader.loader:before,
238
- .ui.elastic.loading.loading.loading:before,
239
- .ui.elastic.loading.loading.loading .input > i.icon:before,
240
- .ui.elastic.loading.loading.loading > i.icon:before,
241
- .ui.loading.loading.loading.loading:not(.usual):after,
242
- .ui.loading.loading.loading.loading .input > i.icon:after,
243
- .ui.loading.loading.loading.loading > i.icon:after,
244
- .ui.loader.loader.loader:after {
237
+ .ui.elastic.loader.loader::before,
238
+ .ui.elastic.loading.loading.loading::before,
239
+ .ui.elastic.loading.loading.loading .input > i.icon::before,
240
+ .ui.elastic.loading.loading.loading > i.icon::before,
241
+ .ui.loading.loading.loading.loading:not(.usual)::after,
242
+ .ui.loading.loading.loading.loading .input > i.icon::after,
243
+ .ui.loading.loading.loading.loading > i.icon::after,
244
+ .ui.loader.loader.loader::after {
245
245
  border-color: currentColor;
246
246
  }
247
- .ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before {
247
+ .ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic)::before {
248
248
  color: @invertedLoaderLineColor;
249
249
  }
250
- .ui.elastic.basic.loading.button:before,
251
- .ui.elastic.basic.loading.button:after {
250
+ .ui.elastic.basic.loading.button::before,
251
+ .ui.elastic.basic.loading.button::after {
252
252
  color: @loaderLineColor;
253
253
  }
254
- .ui.double.loading.loading.loading.loading.button:after {
254
+ .ui.double.loading.loading.loading.loading.button::after {
255
255
  border-bottom-color: currentColor;
256
256
  }
257
257
 
@@ -283,30 +283,30 @@
283
283
  }
284
284
  }
285
285
 
286
- .ui.loading.loading.loading.loading.loading.loading:after,
287
- .ui.loading.loading.loading.loading.loading.loading .input > i.icon:after,
288
- .ui.loading.loading.loading.loading.loading.loading > i.icon:after,
289
- .ui.loader.loader.loader.loader.loader:after {
286
+ .ui.loading.loading.loading.loading.loading.loading::after,
287
+ .ui.loading.loading.loading.loading.loading.loading .input > i.icon::after,
288
+ .ui.loading.loading.loading.loading.loading.loading > i.icon::after,
289
+ .ui.loader.loader.loader.loader.loader::after {
290
290
  border-left-color:transparent;
291
291
  border-right-color:transparent;
292
292
  }
293
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,
294
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after,
295
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after,
296
- .ui.loader.loader.loader.loader.loader.loader:not(.double):after {
293
+ .ui.loading.loading.loading.loading.loading.loading.loading:not(.double)::after,
294
+ .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon::after,
295
+ .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon::after,
296
+ .ui.loader.loader.loader.loader.loader.loader:not(.double)::after {
297
297
  border-bottom-color: transparent;
298
298
  }
299
- .ui.loading.loading.loading.loading.loading.loading.card:after,
300
- .ui.loading.loading.loading.loading.loading.loading.segments:after,
301
- .ui.loading.loading.loading.loading.loading.loading.segment:after,
302
- .ui.loading.loading.loading.loading.loading.loading.form:after {
299
+ .ui.loading.loading.loading.loading.loading.loading.card::after,
300
+ .ui.loading.loading.loading.loading.loading.loading.segments::after,
301
+ .ui.loading.loading.loading.loading.loading.loading.segment::after,
302
+ .ui.loading.loading.loading.loading.loading.loading.form::after {
303
303
  border-left-color:@loaderFillColor;
304
304
  border-right-color:@loaderFillColor;
305
305
  }
306
- .ui.loading.loading.loading.loading.loading.loading.card:not(.double):after,
307
- .ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after,
308
- .ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
309
- .ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
306
+ .ui.loading.loading.loading.loading.loading.loading.card:not(.double)::after,
307
+ .ui.loading.loading.loading.loading.loading.loading.segments:not(.double)::after,
308
+ .ui.loading.loading.loading.loading.loading.loading.segment:not(.double)::after,
309
+ .ui.loading.loading.loading.loading.loading.loading.form:not(.double)::after {
310
310
  border-bottom-color: @loaderFillColor;
311
311
  }
312
312
 
@@ -321,17 +321,17 @@
321
321
  .ui.inverted.dimmer > .ui.elastic.loader {
322
322
  color: @loaderLineColor;
323
323
  }
324
- .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
325
- .ui.elastic.loading.loading .input > i.icon:after,
326
- .ui.elastic.loading.loading > i.icon:after,
327
- .ui.elastic.loader.loader:after {
324
+ .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
325
+ .ui.elastic.loading.loading .input > i.icon::after,
326
+ .ui.elastic.loading.loading > i.icon::after,
327
+ .ui.elastic.loader.loader::after {
328
328
  animation: loader 1s infinite cubic-bezier(.27, 1.05, .92, .61);
329
329
  animation-delay: 0.3s;
330
330
  }
331
- .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
332
- .ui.elastic.loading.loading.loading .input > i.icon:before,
333
- .ui.elastic.loading.loading.loading > i.icon:before,
334
- .ui.elastic.loader.loader:before {
331
+ .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
332
+ .ui.elastic.loading.loading.loading .input > i.icon::before,
333
+ .ui.elastic.loading.loading.loading > i.icon::before,
334
+ .ui.elastic.loader.loader::before {
335
335
  animation: elastic-loader 1s infinite cubic-bezier(.27, 1.05, .92, .61);
336
336
  -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(.27, 1.05, .92, .61);
337
337
  border-right-color: transparent;
@@ -342,30 +342,30 @@
342
342
  }
343
343
  }
344
344
  & when (@variationLoaderSpeeds) {
345
- .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
346
- .ui.slow.elastic.loading.loading .input > i.icon:after,
347
- .ui.slow.elastic.loading.loading > i.icon:after,
348
- .ui.slow.elastic.loader.loader:after {
345
+ .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
346
+ .ui.slow.elastic.loading.loading .input > i.icon::after,
347
+ .ui.slow.elastic.loading.loading > i.icon::after,
348
+ .ui.slow.elastic.loader.loader::after {
349
349
  animation-duration: 1.5s;
350
350
  animation-delay: 0.45s;
351
351
  }
352
- .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
353
- .ui.slow.elastic.loading.loading.loading .input > i.icon:before,
354
- .ui.slow.elastic.loading.loading.loading > i.icon:before,
355
- .ui.slow.elastic.loader.loader:before {
352
+ .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
353
+ .ui.slow.elastic.loading.loading.loading .input > i.icon::before,
354
+ .ui.slow.elastic.loading.loading.loading > i.icon::before,
355
+ .ui.slow.elastic.loader.loader::before {
356
356
  animation-duration: 1.5s;
357
357
  }
358
- .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
359
- .ui.fast.elastic.loading.loading .input > i.icon:after,
360
- .ui.fast.elastic.loading.loading > i.icon:after,
361
- .ui.fast.elastic.loader.loader:after {
358
+ .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
359
+ .ui.fast.elastic.loading.loading .input > i.icon::after,
360
+ .ui.fast.elastic.loading.loading > i.icon::after,
361
+ .ui.fast.elastic.loader.loader::after {
362
362
  animation-duration: 0.66s;
363
363
  animation-delay: 0.20s;
364
364
  }
365
- .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
366
- .ui.fast.elastic.loading.loading.loading .input > i.icon:before,
367
- .ui.fast.elastic.loading.loading.loading > i.icon:before,
368
- .ui.fast.elastic.loader.loader:before {
365
+ .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
366
+ .ui.fast.elastic.loading.loading.loading .input > i.icon::before,
367
+ .ui.fast.elastic.loading.loading.loading > i.icon::before,
368
+ .ui.fast.elastic.loader.loader::before {
369
369
  animation-duration: 0.66s;
370
370
  }
371
371
  }
package/src/definitions/elements/placeholder.less CHANGED
@@ -57,10 +57,10 @@
57
57
  }
58
58
 
59
59
  .ui.placeholder,
60
- .ui.placeholder > :before,
61
- .ui.placeholder .image.header:after,
60
+ .ui.placeholder > ::before,
61
+ .ui.placeholder .image.header::after,
62
62
  .ui.placeholder .line,
63
- .ui.placeholder .line:after {
63
+ .ui.placeholder .line::after {
64
64
  background-color: @white;
65
65
  }
66
66
 
@@ -93,17 +93,17 @@
93
93
  position: relative;
94
94
  height: @placeholderLineMargin;
95
95
  }
96
- .ui.placeholder .line:before,
97
- .ui.placeholder .line:after {
96
+ .ui.placeholder .line::before,
97
+ .ui.placeholder .line::after {
98
98
  top: 100%;
99
99
  position: absolute;
100
100
  content: '';
101
101
  background-color: inherit;
102
102
  }
103
- .ui.placeholder .line:before {
103
+ .ui.placeholder .line::before {
104
104
  left: 0;
105
105
  }
106
- .ui.placeholder .line:after {
106
+ .ui.placeholder .line::after {
107
107
  right: 0;
108
108
  }
109
109
 
@@ -111,8 +111,8 @@
111
111
  .ui.placeholder .line {
112
112
  margin-bottom: @placeholderLineHeight;
113
113
  }
114
- .ui.placeholder .line:before,
115
- .ui.placeholder .line:after {
114
+ .ui.placeholder .line::before,
115
+ .ui.placeholder .line::after {
116
116
  height: @placeholderLineHeight;
117
117
  }
118
118
  .ui.placeholder .line:not(:first-child) {
@@ -120,19 +120,19 @@
120
120
  }
121
121
 
122
122
  /* Line Outdent */
123
- .ui.placeholder .line:nth-child(1):after {
123
+ .ui.placeholder .line:nth-child(1)::after {
124
124
  width: @placeholderLineOneOutdent;
125
125
  }
126
- .ui.placeholder .line:nth-child(2):after {
126
+ .ui.placeholder .line:nth-child(2)::after {
127
127
  width: @placeholderLineTwoOutdent;
128
128
  }
129
- .ui.placeholder .line:nth-child(3):after {
129
+ .ui.placeholder .line:nth-child(3)::after {
130
130
  width: @placeholderLineThreeOutdent;
131
131
  }
132
- .ui.placeholder .line:nth-child(4):after {
132
+ .ui.placeholder .line:nth-child(4)::after {
133
133
  width: @placeholderLineFourOutdent;
134
134
  }
135
- .ui.placeholder .line:nth-child(5):after {
135
+ .ui.placeholder .line:nth-child(5)::after {
136
136
  width: @placeholderLineFiveOutdent;
137
137
  }
138
138
  }
@@ -147,17 +147,17 @@
147
147
  .ui.placeholder .header .line {
148
148
  margin-bottom: @placeholderHeaderLineHeight;
149
149
  }
150
- .ui.placeholder .header .line:before,
151
- .ui.placeholder .header .line:after {
150
+ .ui.placeholder .header .line::before,
151
+ .ui.placeholder .header .line::after {
152
152
  height: @placeholderHeaderLineHeight;
153
153
  }
154
154
  .ui.placeholder .header .line:not(:first-child) {
155
155
  margin-top: @placeholderHeaderLineHeight;
156
156
  }
157
- .ui.placeholder .header .line:after {
157
+ .ui.placeholder .header .line::after {
158
158
  width: @placeholderHeaderLineOneOutdent;
159
159
  }
160
- .ui.placeholder .header .line:nth-child(2):after {
160
+ .ui.placeholder .header .line:nth-child(2)::after {
161
161
  width: @placeholderHeaderLineTwoOutdent;
162
162
  }
163
163
 
@@ -166,10 +166,10 @@
166
166
  .ui.placeholder .image.header .line {
167
167
  margin-left: @placeholderImageWidth;
168
168
  }
169
- .ui.placeholder .image.header .line:before {
169
+ .ui.placeholder .image.header .line::before {
170
170
  width: @placeholderImageTextIndent;
171
171
  }
172
- .ui.placeholder .image.header:after {
172
+ .ui.placeholder .image.header::after {
173
173
  display: block;
174
174
  height: @placeholderLineMargin;
175
175
  content: '';
@@ -184,9 +184,9 @@
184
184
  .ui.placeholder .header .line:first-child {
185
185
  height: 0.01px;
186
186
  }
187
- .ui.placeholder .image:not(:first-child):before,
188
- .ui.placeholder .paragraph:not(:first-child):before,
189
- .ui.placeholder .header:not(:first-child):before {
187
+ .ui.placeholder .image:not(:first-child)::before,
188
+ .ui.placeholder .paragraph:not(:first-child)::before,
189
+ .ui.placeholder .header:not(:first-child)::before {
190
190
  height: @placeholderSpacing;
191
191
  content: '';
192
192
  display: block;
@@ -198,10 +198,10 @@
198
198
  background-image: @placeholderInvertedLoadingGradient;
199
199
  }
200
200
  .ui.inverted.placeholder,
201
- .ui.inverted.placeholder > :before,
202
- .ui.inverted.placeholder .image.header:after,
201
+ .ui.inverted.placeholder > ::before,
202
+ .ui.inverted.placeholder .image.header::after,
203
203
  .ui.inverted.placeholder .line,
204
- .ui.inverted.placeholder .line:after {
204
+ .ui.inverted.placeholder .line::after {
205
205
  background-color: @black;
206
206
  }
207
207
  }
@@ -215,22 +215,22 @@
215
215
  Sizes
216
216
  --------------------*/
217
217
  & when (@variationPlaceholderLengths) {
218
- .ui.placeholder .full.line.line.line:after {
218
+ .ui.placeholder .full.line.line.line::after {
219
219
  width: @placeholderFullLineOutdent;
220
220
  }
221
- .ui.placeholder .very.long.line.line.line:after {
221
+ .ui.placeholder .very.long.line.line.line::after {
222
222
  width: @placeholderVeryLongLineOutdent;
223
223
  }
224
- .ui.placeholder .long.line.line.line:after {
224
+ .ui.placeholder .long.line.line.line::after {
225
225
  width: @placeholderLongLineOutdent;
226
226
  }
227
- .ui.placeholder .medium.line.line.line:after {
227
+ .ui.placeholder .medium.line.line.line::after {
228
228
  width: @placeholderMediumLineOutdent;
229
229
  }
230
- .ui.placeholder .short.line.line.line:after {
230
+ .ui.placeholder .short.line.line.line::after {
231
231
  width: @placeholderShortLineOutdent;
232
232
  }
233
- .ui.placeholder .very.short.line.line.line:after {
233
+ .ui.placeholder .very.short.line.line.line::after {
234
234
  width: @placeholderVeryShortLineOutdent;
235
235
  }
236
236
  }