fomantic-ui 2.9.0-beta.30 → 2.9.0-beta.302

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 (408) hide show
  1. package/.all-contributorsrc +251 -3
  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/CONTRIBUTORS.md +82 -37
  9. package/FAQ.md +38 -38
  10. package/README.md +8 -8
  11. package/dist/components/accordion.css +176 -36
  12. package/dist/components/accordion.js +6 -3
  13. package/dist/components/accordion.min.css +2 -2
  14. package/dist/components/accordion.min.js +3 -3
  15. package/dist/components/ad.css +4 -4
  16. package/dist/components/ad.min.css +2 -2
  17. package/dist/components/api.js +89 -30
  18. package/dist/components/api.min.js +3 -3
  19. package/dist/components/breadcrumb.css +1 -1
  20. package/dist/components/breadcrumb.min.css +1 -1
  21. package/dist/components/button.css +204 -157
  22. package/dist/components/button.min.css +2 -2
  23. package/dist/components/calendar.css +18 -1
  24. package/dist/components/calendar.js +85 -68
  25. package/dist/components/calendar.min.css +2 -2
  26. package/dist/components/calendar.min.js +3 -3
  27. package/dist/components/card.css +754 -117
  28. package/dist/components/card.min.css +2 -2
  29. package/dist/components/checkbox.css +92 -91
  30. package/dist/components/checkbox.js +17 -11
  31. package/dist/components/checkbox.min.css +2 -2
  32. package/dist/components/checkbox.min.js +3 -3
  33. package/dist/components/comment.css +12 -12
  34. package/dist/components/comment.min.css +2 -2
  35. package/dist/components/container.css +98 -4
  36. package/dist/components/container.min.css +2 -2
  37. package/dist/components/dimmer.css +29 -14
  38. package/dist/components/dimmer.js +11 -5
  39. package/dist/components/dimmer.min.css +2 -2
  40. package/dist/components/dimmer.min.js +3 -3
  41. package/dist/components/divider.css +31 -31
  42. package/dist/components/divider.min.css +2 -2
  43. package/dist/components/dropdown.css +90 -50
  44. package/dist/components/dropdown.js +151 -116
  45. package/dist/components/dropdown.min.css +2 -2
  46. package/dist/components/dropdown.min.js +3 -3
  47. package/dist/components/embed.css +5 -5
  48. package/dist/components/embed.js +1 -1
  49. package/dist/components/embed.min.css +2 -2
  50. package/dist/components/embed.min.js +3 -3
  51. package/dist/components/emoji.css +10847 -8841
  52. package/dist/components/emoji.min.css +1 -1
  53. package/dist/components/feed.css +29 -29
  54. package/dist/components/feed.min.css +2 -2
  55. package/dist/components/flag.css +1011 -902
  56. package/dist/components/flag.min.css +2 -2
  57. package/dist/components/form.css +160 -83
  58. package/dist/components/form.js +39 -30
  59. package/dist/components/form.min.css +2 -2
  60. package/dist/components/form.min.js +3 -3
  61. package/dist/components/grid.css +25 -21
  62. package/dist/components/grid.min.css +2 -2
  63. package/dist/components/header.css +6 -4
  64. package/dist/components/header.min.css +2 -2
  65. package/dist/components/icon.css +2063 -1984
  66. package/dist/components/icon.min.css +2 -2
  67. package/dist/components/image.css +1 -1
  68. package/dist/components/image.min.css +1 -1
  69. package/dist/components/input.css +759 -22
  70. package/dist/components/input.min.css +2 -2
  71. package/dist/components/item.css +17 -17
  72. package/dist/components/item.min.css +2 -2
  73. package/dist/components/label.css +72 -68
  74. package/dist/components/label.min.css +2 -2
  75. package/dist/components/list.css +31 -31
  76. package/dist/components/list.min.css +2 -2
  77. package/dist/components/loader.css +352 -352
  78. package/dist/components/loader.min.css +2 -2
  79. package/dist/components/menu.css +108 -76
  80. package/dist/components/menu.min.css +1 -1
  81. package/dist/components/message.css +43 -43
  82. package/dist/components/message.min.css +2 -2
  83. package/dist/components/modal.css +29 -4
  84. package/dist/components/modal.js +128 -50
  85. package/dist/components/modal.min.css +2 -2
  86. package/dist/components/modal.min.js +3 -3
  87. package/dist/components/nag.css +1 -1
  88. package/dist/components/nag.js +2 -2
  89. package/dist/components/nag.min.css +1 -1
  90. package/dist/components/nag.min.js +3 -3
  91. package/dist/components/placeholder.css +33 -33
  92. package/dist/components/placeholder.min.css +2 -2
  93. package/dist/components/popup.css +100 -104
  94. package/dist/components/popup.js +11 -11
  95. package/dist/components/popup.min.css +2 -2
  96. package/dist/components/popup.min.js +3 -3
  97. package/dist/components/progress.css +1 -1
  98. package/dist/components/progress.js +4 -1
  99. package/dist/components/progress.min.css +1 -1
  100. package/dist/components/progress.min.js +3 -3
  101. package/dist/components/rail.css +1 -1
  102. package/dist/components/rail.min.css +1 -1
  103. package/dist/components/rating.css +1 -1
  104. package/dist/components/rating.js +1 -1
  105. package/dist/components/rating.min.css +1 -1
  106. package/dist/components/rating.min.js +3 -3
  107. package/dist/components/reset.css +5 -4
  108. package/dist/components/reset.min.css +2 -2
  109. package/dist/components/reveal.css +1 -1
  110. package/dist/components/reveal.min.css +1 -1
  111. package/dist/components/search.css +6 -6
  112. package/dist/components/search.js +23 -7
  113. package/dist/components/search.min.css +2 -2
  114. package/dist/components/search.min.js +3 -3
  115. package/dist/components/segment.css +118 -34
  116. package/dist/components/segment.min.css +2 -2
  117. package/dist/components/shape.css +1 -1
  118. package/dist/components/shape.js +3 -3
  119. package/dist/components/shape.min.css +1 -1
  120. package/dist/components/shape.min.js +3 -3
  121. package/dist/components/sidebar.css +7 -5
  122. package/dist/components/sidebar.js +14 -12
  123. package/dist/components/sidebar.min.css +2 -2
  124. package/dist/components/sidebar.min.js +3 -3
  125. package/dist/components/site.css +139 -42
  126. package/dist/components/site.js +1 -1
  127. package/dist/components/site.min.css +2 -2
  128. package/dist/components/site.min.js +3 -3
  129. package/dist/components/slider.css +17 -17
  130. package/dist/components/slider.js +68 -51
  131. package/dist/components/slider.min.css +1 -1
  132. package/dist/components/slider.min.js +3 -3
  133. package/dist/components/state.js +2 -2
  134. package/dist/components/state.min.js +3 -3
  135. package/dist/components/statistic.css +4 -4
  136. package/dist/components/statistic.min.css +2 -2
  137. package/dist/components/step.css +31 -31
  138. package/dist/components/step.min.css +2 -2
  139. package/dist/components/sticky.css +1 -1
  140. package/dist/components/sticky.js +4 -4
  141. package/dist/components/sticky.min.css +1 -1
  142. package/dist/components/sticky.min.js +3 -3
  143. package/dist/components/tab.css +5 -5
  144. package/dist/components/tab.js +24 -6
  145. package/dist/components/tab.min.css +2 -2
  146. package/dist/components/tab.min.js +3 -3
  147. package/dist/components/table.css +1684 -272
  148. package/dist/components/table.min.css +2 -2
  149. package/dist/components/text.css +1 -1
  150. package/dist/components/text.min.css +1 -1
  151. package/dist/components/toast.css +42 -1
  152. package/dist/components/toast.js +63 -31
  153. package/dist/components/toast.min.css +2 -2
  154. package/dist/components/toast.min.js +3 -3
  155. package/dist/components/transition.css +1 -1
  156. package/dist/components/transition.js +21 -16
  157. package/dist/components/transition.min.css +1 -1
  158. package/dist/components/transition.min.js +3 -3
  159. package/dist/components/visibility.js +2 -2
  160. package/dist/components/visibility.min.js +3 -3
  161. package/dist/semantic.css +20183 -13376
  162. package/dist/semantic.js +772 -466
  163. package/dist/semantic.min.css +3 -3
  164. package/dist/semantic.min.js +3 -3
  165. package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  166. package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  167. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  168. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  169. package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  170. package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  171. package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  172. package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  173. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  174. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  175. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  176. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  177. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  178. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  179. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  180. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  181. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  182. package/dist/themes/default/assets/fonts/brand-icons.svg +801 -654
  183. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  184. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  185. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  186. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  187. package/dist/themes/default/assets/fonts/icons.svg +1175 -1079
  188. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  189. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  190. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  191. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  192. package/dist/themes/default/assets/fonts/outline-icons.svg +93 -95
  193. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  194. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  195. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  196. package/dist/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  197. package/examples/assets/library/iframe-content.js +8 -8
  198. package/examples/assets/library/iframe.js +3 -3
  199. package/examples/components/button.html +1 -1
  200. package/examples/components/card.html +1 -1
  201. package/examples/components/input.html +1 -1
  202. package/examples/components/menu.html +1 -1
  203. package/examples/components/site.html +1 -1
  204. package/examples/components/table.html +1 -1
  205. package/package.json +18 -16
  206. package/scripts/nightly-version.js +47 -38
  207. package/src/definitions/behaviors/api.js +88 -29
  208. package/src/definitions/behaviors/form.js +38 -29
  209. package/src/definitions/behaviors/state.js +1 -1
  210. package/src/definitions/behaviors/visibility.js +1 -1
  211. package/src/definitions/collections/form.less +229 -165
  212. package/src/definitions/collections/grid.less +723 -687
  213. package/src/definitions/collections/menu.less +232 -170
  214. package/src/definitions/collections/message.less +49 -47
  215. package/src/definitions/collections/table.less +882 -272
  216. package/src/definitions/elements/button.less +611 -469
  217. package/src/definitions/elements/container.less +145 -8
  218. package/src/definitions/elements/divider.less +24 -24
  219. package/src/definitions/elements/emoji.less +39 -10
  220. package/src/definitions/elements/flag.less +53 -18
  221. package/src/definitions/elements/header.less +46 -37
  222. package/src/definitions/elements/icon.less +39 -32
  223. package/src/definitions/elements/input.less +281 -33
  224. package/src/definitions/elements/label.less +132 -128
  225. package/src/definitions/elements/list.less +84 -75
  226. package/src/definitions/elements/loader.less +99 -98
  227. package/src/definitions/elements/placeholder.less +32 -32
  228. package/src/definitions/elements/segment.less +177 -56
  229. package/src/definitions/elements/step.less +76 -72
  230. package/src/definitions/elements/text.less +17 -15
  231. package/src/definitions/globals/reset.less +2 -2
  232. package/src/definitions/globals/site.less +25 -2
  233. package/src/definitions/modules/accordion.js +5 -2
  234. package/src/definitions/modules/accordion.less +371 -219
  235. package/src/definitions/modules/calendar.js +84 -67
  236. package/src/definitions/modules/calendar.less +20 -0
  237. package/src/definitions/modules/checkbox.js +16 -10
  238. package/src/definitions/modules/checkbox.less +83 -227
  239. package/src/definitions/modules/dimmer.js +10 -4
  240. package/src/definitions/modules/dimmer.less +22 -8
  241. package/src/definitions/modules/dropdown.js +150 -115
  242. package/src/definitions/modules/dropdown.less +191 -136
  243. package/src/definitions/modules/embed.less +4 -4
  244. package/src/definitions/modules/modal.js +127 -49
  245. package/src/definitions/modules/modal.less +66 -33
  246. package/src/definitions/modules/nag.js +1 -1
  247. package/src/definitions/modules/nag.less +20 -19
  248. package/src/definitions/modules/popup.js +10 -10
  249. package/src/definitions/modules/popup.less +86 -90
  250. package/src/definitions/modules/progress.js +3 -0
  251. package/src/definitions/modules/progress.less +19 -18
  252. package/src/definitions/modules/rating.less +35 -34
  253. package/src/definitions/modules/search.js +22 -6
  254. package/src/definitions/modules/search.less +35 -19
  255. package/src/definitions/modules/shape.js +2 -2
  256. package/src/definitions/modules/sidebar.js +13 -11
  257. package/src/definitions/modules/sidebar.less +36 -22
  258. package/src/definitions/modules/slider.js +67 -50
  259. package/src/definitions/modules/slider.less +48 -47
  260. package/src/definitions/modules/sticky.js +3 -3
  261. package/src/definitions/modules/sticky.less +3 -1
  262. package/src/definitions/modules/tab.js +23 -5
  263. package/src/definitions/modules/tab.less +4 -4
  264. package/src/definitions/modules/toast.js +62 -30
  265. package/src/definitions/modules/toast.less +51 -16
  266. package/src/definitions/modules/transition.js +20 -15
  267. package/src/definitions/views/ad.less +3 -3
  268. package/src/definitions/views/card.less +522 -375
  269. package/src/definitions/views/comment.less +93 -82
  270. package/src/definitions/views/feed.less +164 -144
  271. package/src/definitions/views/item.less +251 -198
  272. package/src/definitions/views/statistic.less +91 -89
  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/step.overrides +2 -2
  277. package/src/themes/bookish/elements/header.overrides +1 -1
  278. package/src/themes/chubby/elements/button.overrides +1 -1
  279. package/src/themes/chubby/elements/header.overrides +1 -1
  280. package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  281. package/src/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  282. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  283. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  284. package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  285. package/src/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  286. package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  287. package/src/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  288. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  289. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  290. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  291. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  292. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  293. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  294. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  295. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  296. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  297. package/src/themes/default/assets/fonts/brand-icons.svg +801 -654
  298. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  299. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  300. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  301. package/src/themes/default/assets/fonts/icons.eot +0 -0
  302. package/src/themes/default/assets/fonts/icons.svg +1175 -1079
  303. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  304. package/src/themes/default/assets/fonts/icons.woff +0 -0
  305. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  306. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  307. package/src/themes/default/assets/fonts/outline-icons.svg +93 -95
  308. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  309. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  310. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  311. package/src/themes/default/collections/form.variables +4 -0
  312. package/src/themes/default/collections/menu.variables +6 -0
  313. package/src/themes/default/collections/table.variables +52 -0
  314. package/src/themes/default/elements/button.variables +7 -1
  315. package/src/themes/default/elements/container.variables +12 -0
  316. package/src/themes/default/elements/divider.overrides +7 -7
  317. package/src/themes/default/elements/emoji.overrides +0 -3090
  318. package/src/themes/default/elements/emoji.variables +3575 -1
  319. package/src/themes/default/elements/flag.overrides +0 -991
  320. package/src/themes/default/elements/flag.variables +1609 -5
  321. package/src/themes/default/elements/icon.overrides +1975 -1949
  322. package/src/themes/default/elements/icon.variables +1 -0
  323. package/src/themes/default/elements/input.variables +15 -0
  324. package/src/themes/default/elements/segment.variables +8 -0
  325. package/src/themes/default/elements/step.overrides +3 -3
  326. package/src/themes/default/globals/site.variables +109 -8
  327. package/src/themes/default/globals/variation.variables +143 -6
  328. package/src/themes/default/modules/accordion.overrides +6 -5
  329. package/src/themes/default/modules/accordion.variables +49 -2
  330. package/src/themes/default/modules/calendar.variables +3 -0
  331. package/src/themes/default/modules/checkbox.overrides +9 -9
  332. package/src/themes/default/modules/checkbox.variables +5 -5
  333. package/src/themes/default/modules/dimmer.variables +1 -1
  334. package/src/themes/default/modules/dropdown.overrides +5 -5
  335. package/src/themes/default/modules/dropdown.variables +4 -10
  336. package/src/themes/default/modules/modal.variables +14 -0
  337. package/src/themes/default/modules/popup.variables +0 -2
  338. package/src/themes/default/modules/toast.variables +3 -0
  339. package/src/themes/default/views/card.variables +8 -0
  340. package/src/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  341. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  342. package/src/themes/famfamfam/elements/flag.variables +20 -0
  343. package/src/themes/github/elements/icon.overrides +206 -206
  344. package/src/themes/github/elements/step.overrides +5 -5
  345. package/src/themes/github/globals/site.variables +1 -0
  346. package/src/themes/github/modules/dropdown.overrides +6 -6
  347. package/src/themes/instagram/views/card.overrides +1 -1
  348. package/src/themes/joypixels/elements/emoji.overrides +0 -3089
  349. package/src/themes/joypixels/elements/emoji.variables +3574 -5
  350. package/src/themes/material/collections/menu.overrides +1 -1
  351. package/src/themes/material/elements/button.overrides +1 -1
  352. package/src/themes/material/elements/header.overrides +1 -1
  353. package/src/themes/material/elements/icon.overrides +932 -932
  354. package/src/themes/material/globals/site.variables +0 -1
  355. package/src/themes/material/modules/dropdown.overrides +1 -1
  356. package/src/themes/material/modules/modal.overrides +1 -1
  357. package/src/themes/pulsar/elements/loader.overrides +2 -2
  358. package/src/themes/resetcss/globals/reset.overrides +3 -3
  359. package/src/themes/rtl/globals/site.overrides +1 -1
  360. package/src/themes/striped/modules/progress.overrides +1 -1
  361. package/src/themes/systemfont/globals/reset.overrides +8 -0
  362. package/src/themes/systemfont/globals/site.variables +10 -0
  363. package/src/themes/twitter/elements/emoji.overrides +0 -3091
  364. package/src/themes/twitter/elements/emoji.variables +3570 -6
  365. package/tasks/admin/distributions/create.js +1 -1
  366. package/tasks/admin/publish.js +1 -1
  367. package/tasks/admin/release.js +1 -1
  368. package/tasks/build/assets.js +1 -1
  369. package/tasks/build/css.js +9 -4
  370. package/tasks/build/javascript.js +3 -3
  371. package/tasks/check-install.js +1 -1
  372. package/tasks/clean.js +1 -1
  373. package/tasks/collections/README.md +1 -1
  374. package/tasks/collections/admin.js +1 -1
  375. package/tasks/config/admin/oauth.example.js +1 -1
  376. package/tasks/config/admin/templates/composer.json +1 -1
  377. package/tasks/config/project/install.js +15 -13
  378. package/tasks/install.js +1 -0
  379. package/tasks/rtl/watch.js +1 -1
  380. package/tasks/version.js +1 -1
  381. package/test/fixtures/accordion.html +1 -1
  382. package/test/fixtures/checkbox.html +1 -1
  383. package/test/fixtures/dropdown.html +1 -1
  384. package/test/fixtures/modal.html +1 -1
  385. package/test/fixtures/popup.html +1 -1
  386. package/test/fixtures/rating.html +1 -1
  387. package/test/fixtures/shape.html +1 -1
  388. package/test/fixtures/sidebar.html +1 -1
  389. package/test/fixtures/tab.html +1 -1
  390. package/test/fixtures/transition.html +1 -1
  391. package/test/fixtures/video.html +1 -1
  392. package/test/helpers/jasmine-jquery.js +2 -2
  393. package/test/helpers/jasmine-sinon.js +1 -1
  394. package/test/helpers/jquery-events.js +1 -1
  395. package/test/helpers/sinon.js +3 -3
  396. package/test/meteor/fonts.js +1 -1
  397. package/test/modules/accordion.spec.js +1 -1
  398. package/test/modules/checkbox.spec.js +1 -1
  399. package/test/modules/dropdown.spec.js +1 -1
  400. package/test/modules/modal.spec.js +1 -1
  401. package/test/modules/module.spec.js +1 -1
  402. package/test/modules/popup.spec.js +1 -1
  403. package/test/modules/search.spec.js +1 -1
  404. package/test/modules/shape.spec.js +1 -1
  405. package/test/modules/sidebar.spec.js +1 -1
  406. package/test/modules/tab.spec.js +1 -1
  407. package/test/modules/transition.spec.js +1 -1
  408. package/test/modules/video.spec.js +1 -1
@@ -128,7 +128,7 @@
128
128
  font-size: @itemFontSize;
129
129
  color: @itemColor;
130
130
 
131
- padding: @itemPadding !important;
131
+ padding: @itemPadding;
132
132
  text-transform: @itemTextTransform;
133
133
  font-weight: @itemFontWeight;
134
134
  box-shadow: @itemBoxShadow;
@@ -191,7 +191,7 @@
191
191
  border-top: none;
192
192
  }
193
193
 
194
- .ui.dropdown.dropdown .menu > .input {
194
+ .ui.ui.ui.dropdown .menu > .input {
195
195
  width: auto;
196
196
  display: flex;
197
197
  margin: @menuInputMargin;
@@ -259,7 +259,7 @@
259
259
  }
260
260
 
261
261
  /* Hide Arrow */
262
- .ui.dropdown .menu .menu:after {
262
+ .ui.dropdown .menu .menu::after {
263
263
  display: none;
264
264
  }
265
265
 
@@ -329,8 +329,8 @@
329
329
  ---------------*/
330
330
 
331
331
  /* Remove Menu Item Divider */
332
- .ui.dropdown .ui.menu > .item:before,
333
- .ui.menu .ui.dropdown .menu > .item:before {
332
+ .ui.dropdown .ui.menu > .item::before,
333
+ .ui.menu .ui.dropdown .menu > .item::before {
334
334
  display: none;
335
335
  }
336
336
 
@@ -367,9 +367,15 @@
367
367
  .ui.dropdown.icon.button > .dropdown.icon {
368
368
  margin: 0;
369
369
  }
370
- .ui.button.dropdown .menu {
370
+ .ui.dropdown.button .menu {
371
371
  min-width: 100%;
372
372
  }
373
+ .ui.dropdown.button:not(.pointing):not(.floating).active {
374
+ border-radius: @borderRadius @borderRadius 0 0;
375
+ }
376
+ .ui.dropdown.button:not(.pointing):not(.floating) > .menu {
377
+ border-radius: 0 0 @borderRadius @borderRadius;
378
+ }
373
379
  }
374
380
 
375
381
 
@@ -455,8 +461,8 @@ select.ui.dropdown {
455
461
  box-shadow: @selectionMenuBoxShadow;
456
462
  transition: @selectionMenuTransition;
457
463
  }
458
- .ui.selection.dropdown .menu:after,
459
- .ui.selection.dropdown .menu:before {
464
+ .ui.selection.dropdown .menu::after,
465
+ .ui.selection.dropdown .menu::before {
460
466
  display: none;
461
467
  }
462
468
 
@@ -556,7 +562,7 @@ select.ui.dropdown {
556
562
  /* Menu Item */
557
563
  .ui.selection.dropdown .menu > .item {
558
564
  border-top: @selectionItemDivider;
559
- padding: @selectionItemPadding !important;
565
+ padding: @selectionItemPadding;
560
566
  white-space: normal;
561
567
  word-wrap: normal;
562
568
  }
@@ -573,10 +579,12 @@ select.ui.dropdown {
573
579
  }
574
580
 
575
581
  /* Active */
582
+ .ui.selection.simple.dropdown:hover,
576
583
  .ui.selection.active.dropdown {
577
584
  border-color: @selectionVisibleBorderColor;
578
585
  box-shadow: @selectionVisibleBoxShadow;
579
586
  }
587
+ .ui.selection.simple.dropdown:hover .menu,
580
588
  .ui.selection.active.dropdown .menu {
581
589
  border-color: @selectionVisibleBorderColor;
582
590
  box-shadow: @selectionVisibleMenuBoxShadow;
@@ -634,7 +642,7 @@ select.ui.dropdown {
634
642
  /* CSS specific to iOS devices or firefox mobile only */
635
643
  @supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance:none) {
636
644
  @media (-moz-touch-enabled), (pointer: coarse) {
637
- .ui.dropdown .scrollhint.menu:not(.hidden):before {
645
+ .ui.dropdown .scrollhint.menu:not(.hidden)::before {
638
646
  animation: scrollhint @scrollhintDuration @scrollhintEasing @scrollhintIteration;
639
647
  content: '';
640
648
  z-index: @scrollhintZIndex;
@@ -649,7 +657,7 @@ select.ui.dropdown {
649
657
  border-image: linear-gradient(to bottom, @scrollhintStartColor, @scrollhintEndColor) 1 100%;
650
658
  }
651
659
 
652
- .ui.inverted.dropdown .scrollhint.menu:not(.hidden):before {
660
+ .ui.inverted.dropdown .scrollhint.menu:not(.hidden)::before {
653
661
  border-image: linear-gradient(to bottom, @invertedScrollhintStartColor, @invertedScrollhintEndColor) 1 100%;
654
662
  }
655
663
 
@@ -785,11 +793,15 @@ select.ui.dropdown {
785
793
  opacity: @clearableIconOpacity;
786
794
  z-index: @selectionIconZIndex;
787
795
  }
788
- .ui.selection.dropdown > .remove.icon {
789
- right: @clearableIconSelectionPosition;
796
+ & when (@variationDropdownSelection) {
797
+ .ui.selection.dropdown > .remove.icon {
798
+ right: @clearableIconSelectionPosition;
799
+ }
790
800
  }
791
- .ui.inline.dropdown > .remove.icon {
792
- right: @clearableIconInlinePosition;
801
+ & when (@variationDropdownInline) {
802
+ .ui.inline.dropdown > .remove.icon {
803
+ right: @clearableIconInlinePosition;
804
+ }
793
805
  }
794
806
 
795
807
  .ui.clearable.dropdown .text,
@@ -993,7 +1005,7 @@ select.ui.dropdown {
993
1005
  .ui.loading.selection.dropdown > i.icon {
994
1006
  padding: @relative21px @relative18px !important;
995
1007
  }
996
- .ui.loading.dropdown > i.icon:before {
1008
+ .ui.loading.dropdown > i.icon::before {
997
1009
  position: absolute;
998
1010
  content: '';
999
1011
  top: 50%;
@@ -1006,7 +1018,7 @@ select.ui.dropdown {
1006
1018
  border-radius: @circularRadius;
1007
1019
  border: @loaderLineWidth solid @loaderFillColor;
1008
1020
  }
1009
- .ui.loading.dropdown > i.icon:after {
1021
+ .ui.loading.dropdown > i.icon::after {
1010
1022
  position: absolute;
1011
1023
  content: '';
1012
1024
  top: 50%;
@@ -1024,8 +1036,8 @@ select.ui.dropdown {
1024
1036
  }
1025
1037
 
1026
1038
  /* Coupling */
1027
- .ui.loading.dropdown.button > i.icon:before,
1028
- .ui.loading.dropdown.button > i.icon:after {
1039
+ .ui.loading.dropdown.button > i.icon::before,
1040
+ .ui.loading.dropdown.button > i.icon::after {
1029
1041
  display: none;
1030
1042
  }
1031
1043
 
@@ -1073,12 +1085,12 @@ select.ui.dropdown {
1073
1085
  display: none !important;
1074
1086
  }
1075
1087
 
1076
- & when (@variationDropdownStates) {
1088
+ & when not (@variationDropdownStates = false) {
1077
1089
  /*--------------------
1078
1090
  States
1079
1091
  ----------------------*/
1080
- each(@formStates, {
1081
- @state: replace(@key, '@', '');
1092
+ each(@variationDropdownStates, {
1093
+ @state: @value;
1082
1094
  @c: @formStates[@@state][dropdownLabelColor];
1083
1095
  @bdc: @formStates[@@state][borderColor];
1084
1096
 
@@ -1198,24 +1210,24 @@ select.ui.dropdown {
1198
1210
  margin: @leftSubMenuMargin !important;
1199
1211
  border-radius: @leftSubMenuBorderRadius !important;
1200
1212
  }
1201
- }
1202
1213
 
1203
- .ui.dropdown .item .left.dropdown.icon,
1204
- .ui.dropdown .left.menu .item .dropdown.icon {
1205
- width: auto;
1206
- float: @leftMenuDropdownIconFloat;
1207
- margin: @leftMenuDropdownIconMargin;
1208
- }
1209
- .ui.dropdown .item .left.dropdown.icon,
1210
- .ui.dropdown .left.menu .item .dropdown.icon {
1211
- width: auto;
1212
- float: @leftMenuDropdownIconFloat;
1213
- margin: @leftMenuDropdownIconMargin;
1214
- }
1215
- .ui.dropdown .item .left.dropdown.icon + .text,
1216
- .ui.dropdown .left.menu .item .dropdown.icon + .text {
1217
- margin-left: @itemDropdownIconDistance;
1218
- margin-right: 0;
1214
+ .ui.dropdown .item .left.dropdown.icon,
1215
+ .ui.dropdown .left.menu .item .dropdown.icon {
1216
+ width: auto;
1217
+ float: @leftMenuDropdownIconFloat;
1218
+ margin: @leftMenuDropdownIconMargin;
1219
+ }
1220
+ .ui.dropdown .item .left.dropdown.icon,
1221
+ .ui.dropdown .left.menu .item .dropdown.icon {
1222
+ width: auto;
1223
+ float: @leftMenuDropdownIconFloat;
1224
+ margin: @leftMenuDropdownIconMargin;
1225
+ }
1226
+ .ui.dropdown .item .left.dropdown.icon + .text,
1227
+ .ui.dropdown .left.menu .item .dropdown.icon + .text {
1228
+ margin-left: @itemDropdownIconDistance;
1229
+ margin-right: 0;
1230
+ }
1219
1231
  }
1220
1232
 
1221
1233
  & when (@variationDropdownUpward) {
@@ -1228,7 +1240,6 @@ select.ui.dropdown {
1228
1240
  top: auto;
1229
1241
  bottom: 100%;
1230
1242
  box-shadow: @upwardMenuBoxShadow;
1231
- border-radius: @upwardMenuBorderRadius;
1232
1243
  }
1233
1244
 
1234
1245
  /* Upward Sub Menu */
@@ -1237,42 +1248,54 @@ select.ui.dropdown {
1237
1248
  bottom: 0 !important;
1238
1249
  }
1239
1250
 
1240
- /* Active Upward */
1241
- .ui.simple.upward.active.dropdown,
1242
- .ui.simple.upward.dropdown:hover {
1243
- border-radius: @borderRadius @borderRadius 0 0 !important;
1244
- }
1245
- .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
1246
- border-radius: @borderRadius @borderRadius 0 0;
1251
+ & when (@variationDropdownSimple) {
1252
+ /* Active Upward */
1253
+ .ui.simple.upward.active.dropdown,
1254
+ .ui.simple.upward.dropdown:hover {
1255
+ border-radius: 0 0 @borderRadius @borderRadius;
1256
+ }
1247
1257
  }
1248
1258
 
1249
- /* Selection */
1250
- .ui.upward.selection.dropdown .menu {
1251
- border-top-width: @menuBorderWidth !important;
1252
- border-bottom-width: 0 !important;
1253
- box-shadow: @upwardSelectionMenuBoxShadow;
1254
- }
1255
- .ui.upward.selection.dropdown:hover {
1256
- box-shadow: @upwardSelectionHoverBoxShadow;
1259
+ & when (@variationDropdownButton) {
1260
+ /* Button */
1261
+ .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
1262
+ border-radius: 0 0 @borderRadius @borderRadius;
1263
+ }
1264
+ .ui.upward.dropdown.button:not(.pointing):not(.floating) > .menu {
1265
+ border-radius: @borderRadius @borderRadius 0 0;
1266
+ }
1257
1267
  }
1258
1268
 
1259
- /* Active Upward */
1260
- .ui.active.upward.selection.dropdown {
1261
- border-radius: @upwardSelectionVisibleBorderRadius !important;
1262
- }
1269
+ & when (@variationDropdownSelection) {
1270
+ /* Selection */
1271
+ .ui.ui.upward.selection.dropdown .menu {
1272
+ border-top-width: @menuBorderWidth !important;
1273
+ border-bottom-width: 0 !important;
1274
+ box-shadow: @upwardSelectionMenuBoxShadow;
1275
+ border-radius: @upwardSelectionMenuBorderRadius;
1276
+ }
1277
+ .ui.upward.selection.dropdown:hover {
1278
+ box-shadow: @upwardSelectionHoverBoxShadow;
1279
+ }
1263
1280
 
1264
- /* Visible Upward */
1265
- .ui.upward.selection.dropdown.visible {
1266
- box-shadow: @upwardSelectionVisibleBoxShadow;
1267
- border-radius: @upwardSelectionVisibleBorderRadius !important;
1268
- }
1281
+ /* Active Upward */
1282
+ .ui.active.upward.selection.dropdown {
1283
+ border-radius: @upwardSelectionVisibleBorderRadius !important;
1284
+ }
1269
1285
 
1270
- /* Visible Hover Upward */
1271
- .ui.upward.active.selection.dropdown:hover {
1272
- box-shadow: @upwardSelectionActiveHoverBoxShadow;
1273
- }
1274
- .ui.upward.active.selection.dropdown:hover .menu {
1275
- box-shadow: @upwardSelectionActiveHoverMenuBoxShadow;
1286
+ /* Visible Upward */
1287
+ .ui.upward.selection.dropdown.visible {
1288
+ box-shadow: @upwardSelectionVisibleBoxShadow;
1289
+ border-radius: @upwardSelectionVisibleBorderRadius !important;
1290
+ }
1291
+
1292
+ /* Visible Hover Upward */
1293
+ .ui.upward.active.selection.dropdown:hover {
1294
+ box-shadow: @upwardSelectionActiveHoverBoxShadow;
1295
+ }
1296
+ .ui.upward.active.selection.dropdown:hover .menu {
1297
+ box-shadow: @upwardSelectionActiveHoverMenuBoxShadow;
1298
+ }
1276
1299
  }
1277
1300
  }
1278
1301
 
@@ -1320,12 +1343,13 @@ select.ui.dropdown {
1320
1343
  .ui.dropdown > .visible.menu .scrolling.menu {
1321
1344
  display: block;
1322
1345
  }
1323
-
1324
- /* Scrollbar in IE */
1325
- @media all and (-ms-high-contrast:none) {
1326
- .ui.scrolling.dropdown .menu,
1327
- .ui.dropdown .scrolling.menu {
1328
- min-width: e(%("calc(100%% - %d)", @scrollbarWidth));
1346
+ & when (@supportIE) {
1347
+ /* Scrollbar in IE */
1348
+ @media all and (-ms-high-contrast: none) {
1349
+ .ui.scrolling.dropdown .menu,
1350
+ .ui.dropdown .scrolling.menu {
1351
+ min-width: e(%("calc(100%% - %d)", @scrollbarWidth));
1352
+ }
1329
1353
  }
1330
1354
  }
1331
1355
  @media only screen and (max-width : @largestMobileScreen) {
@@ -1378,23 +1402,25 @@ select.ui.dropdown {
1378
1402
  }
1379
1403
  }
1380
1404
 
1381
- /*--------------
1382
- Columnar
1383
- ---------------*/
1384
- .ui.column.dropdown > .menu {
1385
- flex-wrap:wrap;
1386
- }
1387
- .ui.dropdown[class*="two column"] > .menu > .item {
1388
- width: 50%;
1389
- }
1390
- .ui.dropdown[class*="three column"] > .menu > .item {
1391
- width: 33%;
1392
- }
1393
- .ui.dropdown[class*="four column"] > .menu > .item {
1394
- width: 25%;
1395
- }
1396
- .ui.dropdown[class*="five column"] > .menu > .item {
1397
- width: 20%;
1405
+ & when (@variationDropdownColumnar) {
1406
+ /*--------------
1407
+ Columnar
1408
+ ---------------*/
1409
+ .ui.column.dropdown > .menu {
1410
+ flex-wrap: wrap;
1411
+ }
1412
+ .ui.dropdown[class*="two column"] > .menu > .item {
1413
+ width: 50%;
1414
+ }
1415
+ .ui.dropdown[class*="three column"] > .menu > .item {
1416
+ width: 33%;
1417
+ }
1418
+ .ui.dropdown[class*="four column"] > .menu > .item {
1419
+ width: 25%;
1420
+ }
1421
+ .ui.dropdown[class*="five column"] > .menu > .item {
1422
+ width: 20%;
1423
+ }
1398
1424
  }
1399
1425
 
1400
1426
  & when (@variationDropdownSimple) {
@@ -1404,14 +1430,16 @@ select.ui.dropdown {
1404
1430
 
1405
1431
  /* Displays without javascript */
1406
1432
 
1407
- .ui.simple.dropdown .menu:before,
1408
- .ui.simple.dropdown .menu:after {
1433
+ .ui.simple.dropdown .menu::before,
1434
+ .ui.simple.dropdown .menu::after {
1409
1435
  display: none;
1410
1436
  }
1411
1437
  .ui.simple.dropdown .menu {
1412
1438
  position: absolute;
1413
- /* IE hack to make dropdown icons appear inline */
1414
- display: -ms-inline-flexbox !important;
1439
+ & when (@supportIE) {
1440
+ /* IE hack to make dropdown icons appear inline */
1441
+ display: -ms-inline-flexbox !important;
1442
+ }
1415
1443
  display: block;
1416
1444
  overflow: hidden;
1417
1445
  top: -9999px;
@@ -1421,16 +1449,27 @@ select.ui.dropdown {
1421
1449
  transition: @simpleTransition;
1422
1450
  margin-top: 0 !important;
1423
1451
  }
1452
+ & when (@variationDropdownUpward) {
1453
+ .ui.simple.dropdown .upward.menu {
1454
+ margin-bottom: @simpleUpwardMenuMargin;
1455
+ }
1456
+ .ui.simple.selection.dropdown .upward.menu {
1457
+ margin-bottom: @simpleUpwardSelectionMenuMargin;
1458
+ }
1459
+ .ui.menu:not(.vertical) .ui.simple.dropdown.item .upward.menu {
1460
+ margin-bottom: @simpleUpwardItemMenuMargin;
1461
+ }
1462
+ }
1424
1463
 
1425
1464
  .ui.simple.active.dropdown,
1426
1465
  .ui.simple.dropdown:hover {
1427
- border-bottom-left-radius: 0 !important;
1428
- border-bottom-right-radius: 0 !important;
1466
+ border-bottom-left-radius: 0;
1467
+ border-bottom-right-radius: 0;
1429
1468
  }
1430
1469
 
1431
1470
  .ui.simple.active.dropdown > .menu,
1432
1471
  .ui.simple.dropdown:hover > .menu {
1433
- overflow: visible;
1472
+ overflow: auto;
1434
1473
  width: auto;
1435
1474
  height: auto;
1436
1475
  top: 100%;
@@ -1438,7 +1477,7 @@ select.ui.dropdown {
1438
1477
  }
1439
1478
  .ui.simple.dropdown > .menu > .item:active > .menu,
1440
1479
  .ui.simple.dropdown .menu .item:hover > .menu {
1441
- overflow: visible;
1480
+ overflow: auto;
1442
1481
  width: auto;
1443
1482
  height: auto;
1444
1483
  top: 0 !important;
@@ -1446,8 +1485,8 @@ select.ui.dropdown {
1446
1485
  opacity: 1;
1447
1486
  }
1448
1487
  .ui.simple.dropdown > .menu > .item:active > .left.menu,
1449
- .ui.simple.dropdown .menu .item:hover > .left.menu,
1450
- .right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
1488
+ .ui.simple.dropdown .menu .item:hover > .left.menu,
1489
+ .right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
1451
1490
  .right.menu .ui.simple.dropdown > .menu .item:hover > .menu:not(.right) {
1452
1491
  left: auto;
1453
1492
  right: 100%;
@@ -1495,7 +1534,7 @@ select.ui.dropdown {
1495
1534
  Floating
1496
1535
  ---------------*/
1497
1536
 
1498
- .ui.floating.dropdown .menu {
1537
+ .ui.floating.dropdown > .menu {
1499
1538
  left: 0;
1500
1539
  right: auto;
1501
1540
  box-shadow: @floatingMenuBoxShadow !important;
@@ -1523,7 +1562,7 @@ select.ui.dropdown {
1523
1562
  border-radius: @pointingMenuBorderRadius;
1524
1563
  }
1525
1564
 
1526
- .ui.pointing.dropdown > .menu:not(.hidden):after {
1565
+ .ui.pointing.dropdown > .menu:not(.hidden)::after {
1527
1566
  display: block;
1528
1567
  position: absolute;
1529
1568
  pointer-events: none;
@@ -1538,7 +1577,7 @@ select.ui.dropdown {
1538
1577
  z-index: @pointingArrowZIndex;
1539
1578
  }
1540
1579
 
1541
- .ui.pointing.dropdown > .menu:not(.hidden):after {
1580
+ .ui.pointing.dropdown > .menu:not(.hidden)::after {
1542
1581
  top: @pointingArrowOffset;
1543
1582
  left: 50%;
1544
1583
  margin: 0 0 0 @pointingArrowOffset;
@@ -1559,7 +1598,7 @@ select.ui.dropdown {
1559
1598
  right: auto;
1560
1599
  margin: @pointingArrowDistanceFromEdge 0 0;
1561
1600
  }
1562
- .ui.top.left.pointing.dropdown > .menu:after {
1601
+ .ui.top.left.pointing.dropdown > .menu::after {
1563
1602
  top: @pointingArrowOffset;
1564
1603
  left: @pointingArrowDistanceFromEdge;
1565
1604
  right: auto;
@@ -1574,8 +1613,8 @@ select.ui.dropdown {
1574
1613
  left: auto;
1575
1614
  margin: @pointingArrowDistanceFromEdge 0 0;
1576
1615
  }
1577
- .ui.top.pointing.dropdown > .left.menu:after,
1578
- .ui.top.right.pointing.dropdown > .menu:after {
1616
+ .ui.top.pointing.dropdown > .left.menu::after,
1617
+ .ui.top.right.pointing.dropdown > .menu::after {
1579
1618
  top: @pointingArrowOffset;
1580
1619
  left: auto !important;
1581
1620
  right: @pointingArrowDistanceFromEdge !important;
@@ -1590,7 +1629,7 @@ select.ui.dropdown {
1590
1629
  right: auto;
1591
1630
  margin: 0 0 0 @pointingArrowDistanceFromEdge;
1592
1631
  }
1593
- .ui.left.pointing.dropdown > .menu:after {
1632
+ .ui.left.pointing.dropdown > .menu::after {
1594
1633
  top: 1em;
1595
1634
  left: @pointingArrowOffset;
1596
1635
  margin: 0 0 0 0;
@@ -1601,7 +1640,7 @@ select.ui.dropdown {
1601
1640
  right: 100% !important;
1602
1641
  margin: 0 @pointingArrowDistanceFromEdge 0 0;
1603
1642
  }
1604
- .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
1643
+ .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu::after {
1605
1644
  top: 1em;
1606
1645
  left: auto;
1607
1646
  right: @pointingArrowOffset;
@@ -1617,7 +1656,7 @@ select.ui.dropdown {
1617
1656
  right: 100%;
1618
1657
  margin: 0 @pointingArrowDistanceFromEdge 0 0;
1619
1658
  }
1620
- .ui.right.pointing.dropdown > .menu:after {
1659
+ .ui.right.pointing.dropdown > .menu::after {
1621
1660
  top: 1em;
1622
1661
  left: auto;
1623
1662
  right: @pointingArrowOffset;
@@ -1633,7 +1672,7 @@ select.ui.dropdown {
1633
1672
  right: auto;
1634
1673
  margin: 0 0 @pointingArrowDistanceFromEdge ;
1635
1674
  }
1636
- .ui.bottom.pointing.dropdown > .menu:after {
1675
+ .ui.bottom.pointing.dropdown > .menu::after {
1637
1676
  top: auto;
1638
1677
  bottom: @pointingArrowOffset;
1639
1678
  right: auto;
@@ -1651,7 +1690,7 @@ select.ui.dropdown {
1651
1690
  left: 0;
1652
1691
  right: auto;
1653
1692
  }
1654
- .ui.bottom.left.pointing.dropdown > .menu:after {
1693
+ .ui.bottom.left.pointing.dropdown > .menu::after {
1655
1694
  left: @pointingArrowDistanceFromEdge;
1656
1695
  right: auto;
1657
1696
  }
@@ -1661,7 +1700,7 @@ select.ui.dropdown {
1661
1700
  right: 0;
1662
1701
  left: auto;
1663
1702
  }
1664
- .ui.bottom.right.pointing.dropdown > .menu:after {
1703
+ .ui.bottom.right.pointing.dropdown > .menu::after {
1665
1704
  left: auto;
1666
1705
  right: @pointingArrowDistanceFromEdge;
1667
1706
  }
@@ -1674,8 +1713,8 @@ select.ui.dropdown {
1674
1713
  margin: 0 0 @pointingMenuDistance;
1675
1714
  border-radius: @pointingUpwardMenuBorderRadius;
1676
1715
  }
1677
- .ui.pointing.upward.dropdown .menu:after,
1678
- .ui.top.pointing.upward.dropdown .menu:after {
1716
+ .ui.pointing.upward.dropdown .menu::after,
1717
+ .ui.top.pointing.upward.dropdown .menu::after {
1679
1718
  top: 100% !important;
1680
1719
  bottom: auto !important;
1681
1720
  box-shadow: @pointingUpwardArrowBoxShadow;
@@ -1688,7 +1727,7 @@ select.ui.dropdown {
1688
1727
  bottom: 0 !important;
1689
1728
  margin: 0 @pointingArrowDistanceFromEdge 0 0;
1690
1729
  }
1691
- .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
1730
+ .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
1692
1731
  top: auto !important;
1693
1732
  bottom: 0 !important;
1694
1733
  margin: 0 0 @pointingArrowDistanceFromEdge 0;
@@ -1702,7 +1741,7 @@ select.ui.dropdown {
1702
1741
  bottom: 0 !important;
1703
1742
  margin: 0 0 0 @pointingArrowDistanceFromEdge;
1704
1743
  }
1705
- .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
1744
+ .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
1706
1745
  top: auto !important;
1707
1746
  bottom: 0 !important;
1708
1747
  margin: 0 0 @pointingArrowDistanceFromEdge 0;
@@ -1809,6 +1848,8 @@ select.ui.dropdown {
1809
1848
  color: @invertedSelectionVisibleTextColor;
1810
1849
  }
1811
1850
 
1851
+ .ui.selection.simple.dropdown:hover .inverted.menu,
1852
+ .ui.inverted.selection.simple.dropdown:hover .menu,
1812
1853
  .ui.selection.active.dropdown .inverted.menu,
1813
1854
  .ui.inverted.selection.active.dropdown .menu,
1814
1855
  .ui.inverted.selection.active.dropdown:hover {
@@ -1895,25 +1936,39 @@ select.ui.dropdown {
1895
1936
  }
1896
1937
 
1897
1938
  /* Scrollbars */
1898
- .ui.dropdown .inverted.menu::-webkit-scrollbar-track,
1899
- .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
1900
- background: @trackInvertedBackground;
1901
- }
1902
- .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
1903
- .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
1904
- background: @thumbInvertedBackground;
1905
- }
1906
- .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
1907
- .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
1908
- background: @thumbInvertedInactiveBackground;
1909
- }
1910
- .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
1911
- .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
1912
- background: @thumbInvertedHoverBackground;
1939
+ & when (@useCustomScrollbars) {
1940
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-track,
1941
+ .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
1942
+ background: @trackInvertedBackground;
1943
+ }
1944
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
1945
+ .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
1946
+ background: @thumbInvertedBackground;
1947
+ }
1948
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
1949
+ .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
1950
+ background: @thumbInvertedInactiveBackground;
1951
+ }
1952
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
1953
+ .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
1954
+ background: @thumbInvertedHoverBackground;
1955
+ }
1956
+ .ui.dropdown .inverted.menu,
1957
+ .ui.inverted.dropdown .menu {
1958
+ & when (@supportIE) {
1959
+ /* IE11 */
1960
+ scrollbar-face-color: @thumbInvertedBackgroundHex;
1961
+ scrollbar-shadow-color: @thumbInvertedBackgroundHex;
1962
+ scrollbar-track-color: @trackInvertedBackgroundHex;
1963
+ scrollbar-arrow-color: @trackInvertedBackgroundHex;
1964
+ }
1965
+ /* firefox : first color thumb, second track */
1966
+ scrollbar-color: @thumbInvertedBackground @trackInvertedBackground;
1967
+ }
1913
1968
  }
1914
1969
  & when (@variationDropdownPointing) {
1915
- .ui.pointing.dropdown > .inverted.menu:after,
1916
- .ui.inverted.pointing.dropdown > .menu:after {
1970
+ .ui.pointing.dropdown > .inverted.menu::after,
1971
+ .ui.inverted.pointing.dropdown > .menu::after {
1917
1972
  background: @invertedPointingArrowBackground;
1918
1973
  box-shadow: @invertedPointingArrowBoxShadow;
1919
1974
  }
@@ -85,7 +85,7 @@
85
85
  height: 100%;
86
86
  z-index: 2;
87
87
  }
88
- .ui.embed > i.icon:after {
88
+ .ui.embed > i.icon::after {
89
89
  position: absolute;
90
90
  top: 0;
91
91
  left: 0;
@@ -97,7 +97,7 @@
97
97
  opacity: @placeholderBackgroundOpacity;
98
98
  transition: @placeholderBackgroundTransition;
99
99
  }
100
- .ui.embed > i.icon:before {
100
+ .ui.embed > i.icon::before {
101
101
  position: absolute;
102
102
  top: 50%;
103
103
  left: 50%;
@@ -118,11 +118,11 @@
118
118
  Hover
119
119
  ---------------*/
120
120
 
121
- .ui.embed i.icon:hover:after {
121
+ .ui.embed i.icon:hover::after {
122
122
  background: @hoverPlaceholderBackground;
123
123
  opacity: @hoverPlaceholderBackgroundOpacity;
124
124
  }
125
- .ui.embed i.icon:hover:before {
125
+ .ui.embed i.icon:hover::before {
126
126
  color: @hoverIconColor;
127
127
  }
128
128