fomantic-ui 2.9.3-beta.8 → 2.9.3

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 (290) hide show
  1. package/.all-contributorsrc +2 -2
  2. package/.github/FUNDING.yml +1 -1
  3. package/.github/auto_assign.yml +1 -1
  4. package/.github/workflows/ci.yml +5 -5
  5. package/.github/workflows/nightly.yml +1 -1
  6. package/.github/workflows/release.yml +1 -1
  7. package/CHANGELOG.md +131 -0
  8. package/CONTRIBUTORS.md +1 -1
  9. package/README.md +5 -2
  10. package/SECURITY.md +2 -1
  11. package/dist/components/accordion.css +1 -1
  12. package/dist/components/accordion.js +2 -2
  13. package/dist/components/accordion.min.css +1 -1
  14. package/dist/components/accordion.min.js +2 -2
  15. package/dist/components/ad.css +1 -1
  16. package/dist/components/ad.min.css +1 -1
  17. package/dist/components/api.js +10 -9
  18. package/dist/components/api.min.js +2 -2
  19. package/dist/components/breadcrumb.css +1 -1
  20. package/dist/components/breadcrumb.min.css +1 -1
  21. package/dist/components/button.css +2 -2
  22. package/dist/components/button.min.css +2 -2
  23. package/dist/components/calendar.css +140 -3
  24. package/dist/components/calendar.js +2 -2
  25. package/dist/components/calendar.min.css +2 -2
  26. package/dist/components/calendar.min.js +2 -2
  27. package/dist/components/card.css +1 -1
  28. package/dist/components/card.min.css +1 -1
  29. package/dist/components/checkbox.css +50 -6
  30. package/dist/components/checkbox.js +5 -3
  31. package/dist/components/checkbox.min.css +2 -2
  32. package/dist/components/checkbox.min.js +2 -2
  33. package/dist/components/comment.css +6 -1
  34. package/dist/components/comment.min.css +2 -2
  35. package/dist/components/container.css +62 -1
  36. package/dist/components/container.min.css +2 -2
  37. package/dist/components/dimmer.css +3 -3
  38. package/dist/components/dimmer.js +2 -2
  39. package/dist/components/dimmer.min.css +2 -2
  40. package/dist/components/dimmer.min.js +2 -2
  41. package/dist/components/divider.css +1 -1
  42. package/dist/components/divider.min.css +1 -1
  43. package/dist/components/dropdown.css +101 -25
  44. package/dist/components/dropdown.js +29 -21
  45. package/dist/components/dropdown.min.css +2 -2
  46. package/dist/components/dropdown.min.js +2 -2
  47. package/dist/components/embed.css +1 -1
  48. package/dist/components/embed.js +2 -2
  49. package/dist/components/embed.min.css +1 -1
  50. package/dist/components/embed.min.js +2 -2
  51. package/dist/components/emoji.css +697 -249
  52. package/dist/components/emoji.min.css +2 -2
  53. package/dist/components/feed.css +486 -5
  54. package/dist/components/feed.min.css +2 -2
  55. package/dist/components/flag.css +3 -2
  56. package/dist/components/flag.min.css +2 -2
  57. package/dist/components/flyout.css +1 -1
  58. package/dist/components/flyout.js +2 -33
  59. package/dist/components/flyout.min.css +1 -1
  60. package/dist/components/flyout.min.js +2 -2
  61. package/dist/components/form.css +34 -32
  62. package/dist/components/form.js +72 -31
  63. package/dist/components/form.min.css +2 -2
  64. package/dist/components/form.min.js +2 -2
  65. package/dist/components/grid.css +107 -107
  66. package/dist/components/grid.min.css +2 -2
  67. package/dist/components/header.css +1 -1
  68. package/dist/components/header.min.css +1 -1
  69. package/dist/components/icon.css +62 -62
  70. package/dist/components/icon.min.css +2 -2
  71. package/dist/components/image.css +1 -1
  72. package/dist/components/image.min.css +1 -1
  73. package/dist/components/input.css +3 -27
  74. package/dist/components/input.min.css +2 -2
  75. package/dist/components/item.css +6 -1
  76. package/dist/components/item.min.css +2 -2
  77. package/dist/components/label.css +21 -2
  78. package/dist/components/label.min.css +2 -2
  79. package/dist/components/list.css +13 -13
  80. package/dist/components/list.min.css +2 -2
  81. package/dist/components/loader.css +282 -282
  82. package/dist/components/loader.min.css +2 -2
  83. package/dist/components/menu.css +13 -7
  84. package/dist/components/menu.min.css +2 -2
  85. package/dist/components/message.css +1 -1
  86. package/dist/components/message.min.css +1 -1
  87. package/dist/components/modal.css +5 -1
  88. package/dist/components/modal.js +3 -3
  89. package/dist/components/modal.min.css +2 -2
  90. package/dist/components/modal.min.js +2 -2
  91. package/dist/components/nag.css +1 -1
  92. package/dist/components/nag.js +3 -3
  93. package/dist/components/nag.min.css +1 -1
  94. package/dist/components/nag.min.js +2 -2
  95. package/dist/components/placeholder.css +1 -1
  96. package/dist/components/placeholder.min.css +1 -1
  97. package/dist/components/popup.css +3 -3
  98. package/dist/components/popup.js +11 -9
  99. package/dist/components/popup.min.css +2 -2
  100. package/dist/components/popup.min.js +2 -2
  101. package/dist/components/progress.css +1 -1
  102. package/dist/components/progress.js +2 -2
  103. package/dist/components/progress.min.css +1 -1
  104. package/dist/components/progress.min.js +2 -2
  105. package/dist/components/rail.css +1 -1
  106. package/dist/components/rail.min.css +1 -1
  107. package/dist/components/rating.css +1 -1
  108. package/dist/components/rating.js +2 -2
  109. package/dist/components/rating.min.css +1 -1
  110. package/dist/components/rating.min.js +2 -2
  111. package/dist/components/reset.css +1 -1
  112. package/dist/components/reset.min.css +1 -1
  113. package/dist/components/reveal.css +1 -1
  114. package/dist/components/reveal.min.css +1 -1
  115. package/dist/components/search.css +26 -1
  116. package/dist/components/search.js +5 -4
  117. package/dist/components/search.min.css +2 -2
  118. package/dist/components/search.min.js +2 -2
  119. package/dist/components/segment.css +159 -33
  120. package/dist/components/segment.min.css +2 -2
  121. package/dist/components/shape.css +1 -1
  122. package/dist/components/shape.js +2 -2
  123. package/dist/components/shape.min.css +1 -1
  124. package/dist/components/shape.min.js +2 -2
  125. package/dist/components/sidebar.css +1 -1
  126. package/dist/components/sidebar.js +2 -32
  127. package/dist/components/sidebar.min.css +1 -1
  128. package/dist/components/sidebar.min.js +2 -2
  129. package/dist/components/site.css +1 -1
  130. package/dist/components/site.js +2 -2
  131. package/dist/components/site.min.css +1 -1
  132. package/dist/components/site.min.js +2 -2
  133. package/dist/components/slider.css +1 -1
  134. package/dist/components/slider.js +126 -26
  135. package/dist/components/slider.min.css +1 -1
  136. package/dist/components/slider.min.js +2 -2
  137. package/dist/components/state.js +2 -2
  138. package/dist/components/state.min.js +2 -2
  139. package/dist/components/statistic.css +1 -1
  140. package/dist/components/statistic.min.css +1 -1
  141. package/dist/components/step.css +1 -1
  142. package/dist/components/step.min.css +1 -1
  143. package/dist/components/sticky.css +1 -1
  144. package/dist/components/sticky.js +2 -2
  145. package/dist/components/sticky.min.css +1 -1
  146. package/dist/components/sticky.min.js +2 -2
  147. package/dist/components/tab.css +1 -1
  148. package/dist/components/tab.js +6 -4
  149. package/dist/components/tab.min.css +1 -1
  150. package/dist/components/tab.min.js +2 -2
  151. package/dist/components/table.css +65 -1
  152. package/dist/components/table.min.css +2 -2
  153. package/dist/components/text.css +1 -1
  154. package/dist/components/text.min.css +1 -1
  155. package/dist/components/toast.css +6 -1
  156. package/dist/components/toast.js +2 -2
  157. package/dist/components/toast.min.css +2 -2
  158. package/dist/components/toast.min.js +2 -2
  159. package/dist/components/transition.css +1 -1
  160. package/dist/components/transition.js +3 -3
  161. package/dist/components/transition.min.css +1 -1
  162. package/dist/components/transition.min.js +2 -2
  163. package/dist/components/visibility.js +2 -2
  164. package/dist/components/visibility.min.js +2 -2
  165. package/dist/semantic.css +2822 -954
  166. package/dist/semantic.js +302 -206
  167. package/dist/semantic.min.css +2 -2
  168. package/dist/semantic.min.js +2 -2
  169. package/package.json +5 -4
  170. package/scripts/nightly-version.js +2 -2
  171. package/src/definitions/behaviors/api.js +9 -8
  172. package/src/definitions/behaviors/form.js +71 -30
  173. package/src/definitions/behaviors/state.js +1 -1
  174. package/src/definitions/behaviors/visibility.js +1 -1
  175. package/src/definitions/collections/form.less +9 -14
  176. package/src/definitions/collections/grid.less +106 -106
  177. package/src/definitions/collections/menu.less +29 -22
  178. package/src/definitions/collections/table.less +66 -0
  179. package/src/definitions/elements/button.less +1 -1
  180. package/src/definitions/elements/container.less +63 -0
  181. package/src/definitions/elements/icon.less +5 -5
  182. package/src/definitions/elements/input.less +2 -2
  183. package/src/definitions/elements/label.less +21 -1
  184. package/src/definitions/elements/list.less +13 -13
  185. package/src/definitions/elements/loader.less +71 -71
  186. package/src/definitions/elements/segment.less +110 -13
  187. package/src/definitions/globals/site.js +1 -1
  188. package/src/definitions/modules/accordion.js +1 -1
  189. package/src/definitions/modules/calendar.js +1 -1
  190. package/src/definitions/modules/calendar.less +40 -11
  191. package/src/definitions/modules/checkbox.js +4 -2
  192. package/src/definitions/modules/checkbox.less +61 -5
  193. package/src/definitions/modules/dimmer.js +1 -1
  194. package/src/definitions/modules/dimmer.less +2 -2
  195. package/src/definitions/modules/dropdown.js +28 -20
  196. package/src/definitions/modules/dropdown.less +124 -21
  197. package/src/definitions/modules/embed.js +1 -1
  198. package/src/definitions/modules/flyout.js +1 -32
  199. package/src/definitions/modules/modal.js +2 -2
  200. package/src/definitions/modules/modal.less +6 -0
  201. package/src/definitions/modules/nag.js +2 -2
  202. package/src/definitions/modules/popup.js +10 -8
  203. package/src/definitions/modules/popup.less +4 -4
  204. package/src/definitions/modules/progress.js +1 -1
  205. package/src/definitions/modules/rating.js +1 -1
  206. package/src/definitions/modules/search.js +4 -3
  207. package/src/definitions/modules/search.less +31 -0
  208. package/src/definitions/modules/shape.js +1 -1
  209. package/src/definitions/modules/sidebar.js +1 -31
  210. package/src/definitions/modules/slider.js +125 -25
  211. package/src/definitions/modules/sticky.js +1 -1
  212. package/src/definitions/modules/tab.js +5 -3
  213. package/src/definitions/modules/toast.js +1 -1
  214. package/src/definitions/modules/toast.less +7 -0
  215. package/src/definitions/modules/transition.js +2 -2
  216. package/src/definitions/views/comment.less +7 -0
  217. package/src/definitions/views/feed.less +238 -32
  218. package/src/definitions/views/item.less +7 -0
  219. package/src/theme.less +1 -1
  220. package/src/themes/amazon/elements/button.variables +5 -1
  221. package/src/themes/bootstrap3/elements/button.variables +5 -1
  222. package/src/themes/chubby/elements/header.variables +6 -1
  223. package/src/themes/default/collections/message.variables +3 -9
  224. package/src/themes/default/collections/table.variables +11 -8
  225. package/src/themes/default/elements/button.variables +8 -10
  226. package/src/themes/default/elements/container.variables +3 -0
  227. package/src/themes/default/elements/emoji.variables +179 -67
  228. package/src/themes/default/elements/flag.variables +1 -1
  229. package/src/themes/default/elements/label.variables +6 -1
  230. package/src/themes/default/elements/segment.variables +8 -0
  231. package/src/themes/default/globals/site.variables +362 -341
  232. package/src/themes/default/globals/variation.variables +24 -1
  233. package/src/themes/default/modules/calendar.variables +11 -0
  234. package/src/themes/default/modules/checkbox.variables +12 -0
  235. package/src/themes/default/modules/dropdown.variables +10 -4
  236. package/src/themes/default/modules/modal.variables +3 -0
  237. package/src/themes/default/modules/popup.variables +1 -1
  238. package/src/themes/default/modules/search.variables +3 -0
  239. package/src/themes/default/modules/toast.variables +6 -5
  240. package/src/themes/default/views/card.variables +4 -12
  241. package/src/themes/default/views/feed.variables +55 -1
  242. package/src/themes/default/views/item.variables +5 -5
  243. package/src/themes/flat/collections/form.variables +4 -4
  244. package/src/themes/flat/globals/site.variables +1 -1
  245. package/src/themes/github/elements/button.variables +5 -1
  246. package/src/themes/joypixels/elements/emoji.variables +182 -70
  247. package/src/themes/material/globals/site.variables +1 -1
  248. package/src/themes/twitter/elements/button.variables +5 -1
  249. package/src/themes/twitter/elements/emoji.variables +178 -66
  250. package/tasks/admin/components/create.js +1 -2
  251. package/tasks/admin/components/init.js +3 -4
  252. package/tasks/admin/components/update.js +2 -3
  253. package/tasks/admin/distributions/create.js +9 -5
  254. package/tasks/admin/distributions/init.js +3 -4
  255. package/tasks/admin/distributions/update.js +2 -3
  256. package/tasks/config/project/install.js +3 -0
  257. package/tasks/config/tasks.js +1 -8
  258. package/tasks/config/user.js +1 -1
  259. package/tasks/docs/build.js +2 -2
  260. package/tasks/docs/metadata.js +1 -1
  261. package/tasks/docs/serve.js +1 -1
  262. package/tasks/install.js +19 -10
  263. package/tasks/watch.js +1 -2
  264. package/types/fomantic-ui-accordion.d.ts +244 -0
  265. package/types/fomantic-ui-api.d.ts +555 -0
  266. package/types/fomantic-ui-calendar.d.ts +766 -0
  267. package/types/fomantic-ui-checkbox.d.ts +332 -0
  268. package/types/fomantic-ui-dimmer.d.ts +408 -0
  269. package/types/fomantic-ui-dropdown.d.ts +1183 -0
  270. package/types/fomantic-ui-embed.d.ts +326 -0
  271. package/types/fomantic-ui-flyout.d.ts +525 -0
  272. package/types/fomantic-ui-form.d.ts +651 -0
  273. package/types/fomantic-ui-modal.d.ts +471 -0
  274. package/types/fomantic-ui-nag.d.ts +270 -0
  275. package/types/fomantic-ui-popup.d.ts +523 -0
  276. package/types/fomantic-ui-progress.d.ts +459 -0
  277. package/types/fomantic-ui-rating.d.ts +187 -0
  278. package/types/fomantic-ui-search.d.ts +496 -0
  279. package/types/fomantic-ui-shape.d.ts +274 -0
  280. package/types/fomantic-ui-sidebar.d.ts +402 -0
  281. package/types/fomantic-ui-slider.d.ts +316 -0
  282. package/types/fomantic-ui-sticky.d.ts +215 -0
  283. package/types/fomantic-ui-tab.d.ts +361 -0
  284. package/types/fomantic-ui-tests.ts +25 -0
  285. package/types/fomantic-ui-toast.d.ts +514 -0
  286. package/types/fomantic-ui-transition.d.ts +355 -0
  287. package/types/fomantic-ui-visibility.d.ts +355 -0
  288. package/types/index.d.ts +63 -0
  289. package/types/tsconfig.json +23 -0
  290. package/types/tslint.json +1 -0
@@ -1270,8 +1270,8 @@
1270
1270
  .ui[class*="left aligned"].grid > .column,
1271
1271
  .ui[class*="left aligned"].grid > .row > .column,
1272
1272
  .ui.grid > [class*="left aligned"].row > .column,
1273
- .ui.grid > [class*="left aligned"].column.column,
1274
- .ui.grid > .row > [class*="left aligned"].column.column {
1273
+ .ui.ui.grid > [class*="left aligned"].column,
1274
+ .ui.ui.grid > .row > [class*="left aligned"].column {
1275
1275
  text-align: left;
1276
1276
  align-self: inherit;
1277
1277
  }
@@ -1281,8 +1281,8 @@
1281
1281
  .ui[class*="center aligned"].grid > .column,
1282
1282
  .ui[class*="center aligned"].grid > .row > .column,
1283
1283
  .ui.grid > [class*="center aligned"].row > .column,
1284
- .ui.grid > [class*="center aligned"].column.column,
1285
- .ui.grid > .row > [class*="center aligned"].column.column {
1284
+ .ui.ui.grid > [class*="center aligned"].column,
1285
+ .ui.ui.grid > .row > [class*="center aligned"].column {
1286
1286
  text-align: center;
1287
1287
  align-self: inherit;
1288
1288
  }
@@ -1296,8 +1296,8 @@
1296
1296
  .ui[class*="right aligned"].grid > .column,
1297
1297
  .ui[class*="right aligned"].grid > .row > .column,
1298
1298
  .ui.grid > [class*="right aligned"].row > .column,
1299
- .ui.grid > [class*="right aligned"].column.column,
1300
- .ui.grid > .row > [class*="right aligned"].column.column {
1299
+ .ui.ui.grid > [class*="right aligned"].column,
1300
+ .ui.ui.grid > .row > [class*="right aligned"].column {
1301
1301
  text-align: right;
1302
1302
  align-self: inherit;
1303
1303
  }
@@ -1308,8 +1308,8 @@
1308
1308
  .ui.justified.grid > .column,
1309
1309
  .ui.justified.grid > .row > .column,
1310
1310
  .ui.grid > .justified.row > .column,
1311
- .ui.grid > .justified.column.column,
1312
- .ui.grid > .row > .justified.column.column {
1311
+ .ui.ui.grid > .justified.column,
1312
+ .ui.ui.grid > .row > .justified.column {
1313
1313
  text-align: justify;
1314
1314
  hyphens: auto;
1315
1315
  }
@@ -1505,77 +1505,77 @@
1505
1505
  }
1506
1506
  .ui[class*="two column"].doubling.grid > .row > .column,
1507
1507
  .ui[class*="two column"].doubling.grid > .column:not(.row),
1508
- .ui.grid > [class*="two column"].doubling.row.row > .column {
1508
+ .ui.ui.grid > [class*="two column"].doubling.row > .column {
1509
1509
  width: @oneColumn !important;
1510
1510
  }
1511
1511
  .ui[class*="three column"].doubling.grid > .row > .column,
1512
1512
  .ui[class*="three column"].doubling.grid > .column:not(.row),
1513
- .ui.grid > [class*="three column"].doubling.row.row > .column {
1513
+ .ui.ui.grid > [class*="three column"].doubling.row > .column {
1514
1514
  width: @twoColumn !important;
1515
1515
  }
1516
1516
  .ui[class*="four column"].doubling.grid > .row > .column,
1517
1517
  .ui[class*="four column"].doubling.grid > .column:not(.row),
1518
- .ui.grid > [class*="four column"].doubling.row.row > .column {
1518
+ .ui.ui.grid > [class*="four column"].doubling.row > .column {
1519
1519
  width: @twoColumn !important;
1520
1520
  }
1521
1521
  .ui[class*="five column"].doubling.grid > .row > .column,
1522
1522
  .ui[class*="five column"].doubling.grid > .column:not(.row),
1523
- .ui.grid > [class*="five column"].doubling.row.row > .column {
1523
+ .ui.ui.grid > [class*="five column"].doubling.row > .column {
1524
1524
  width: @threeColumn !important;
1525
1525
  }
1526
1526
  .ui[class*="six column"].doubling.grid > .row > .column,
1527
1527
  .ui[class*="six column"].doubling.grid > .column:not(.row),
1528
- .ui.grid > [class*="six column"].doubling.row.row > .column {
1528
+ .ui.ui.grid > [class*="six column"].doubling.row > .column {
1529
1529
  width: @threeColumn !important;
1530
1530
  }
1531
1531
  .ui[class*="seven column"].doubling.grid > .row > .column,
1532
1532
  .ui[class*="seven column"].doubling.grid > .column:not(.row),
1533
- .ui.grid > [class*="seven column"].doubling.row.row > .column {
1533
+ .ui.ui.grid > [class*="seven column"].doubling.row > .column {
1534
1534
  width: @threeColumn !important;
1535
1535
  }
1536
1536
  .ui[class*="eight column"].doubling.grid > .row > .column,
1537
1537
  .ui[class*="eight column"].doubling.grid > .column:not(.row),
1538
- .ui.grid > [class*="eight column"].doubling.row.row > .column {
1538
+ .ui.ui.grid > [class*="eight column"].doubling.row > .column {
1539
1539
  width: @fourColumn !important;
1540
1540
  }
1541
1541
  .ui[class*="nine column"].doubling.grid > .row > .column,
1542
1542
  .ui[class*="nine column"].doubling.grid > .column:not(.row),
1543
- .ui.grid > [class*="nine column"].doubling.row.row > .column {
1543
+ .ui.ui.grid > [class*="nine column"].doubling.row > .column {
1544
1544
  width: @fourColumn !important;
1545
1545
  }
1546
1546
  .ui[class*="ten column"].doubling.grid > .row > .column,
1547
1547
  .ui[class*="ten column"].doubling.grid > .column:not(.row),
1548
- .ui.grid > [class*="ten column"].doubling.row.row > .column {
1548
+ .ui.ui.grid > [class*="ten column"].doubling.row > .column {
1549
1549
  width: @fiveColumn !important;
1550
1550
  }
1551
1551
  .ui[class*="eleven column"].doubling.grid > .row > .column,
1552
1552
  .ui[class*="eleven column"].doubling.grid > .column:not(.row),
1553
- .ui.grid > [class*="eleven column"].doubling.row.row > .column {
1553
+ .ui.ui.grid > [class*="eleven column"].doubling.row > .column {
1554
1554
  width: @fiveColumn !important;
1555
1555
  }
1556
1556
  .ui[class*="twelve column"].doubling.grid > .row > .column,
1557
1557
  .ui[class*="twelve column"].doubling.grid > .column:not(.row),
1558
- .ui.grid > [class*="twelve column"].doubling.row.row > .column {
1558
+ .ui.ui.grid > [class*="twelve column"].doubling.row > .column {
1559
1559
  width: @sixColumn !important;
1560
1560
  }
1561
1561
  .ui[class*="thirteen column"].doubling.grid > .row > .column,
1562
1562
  .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
1563
- .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
1563
+ .ui.ui.grid > [class*="thirteen column"].doubling.row > .column {
1564
1564
  width: @sixColumn !important;
1565
1565
  }
1566
1566
  .ui[class*="fourteen column"].doubling.grid > .row > .column,
1567
1567
  .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
1568
- .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
1568
+ .ui.ui.grid > [class*="fourteen column"].doubling.row > .column {
1569
1569
  width: @sevenColumn !important;
1570
1570
  }
1571
1571
  .ui[class*="fifteen column"].doubling.grid > .row > .column,
1572
1572
  .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
1573
- .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
1573
+ .ui.ui.grid > [class*="fifteen column"].doubling.row > .column {
1574
1574
  width: @sevenColumn !important;
1575
1575
  }
1576
1576
  .ui[class*="sixteen column"].doubling.grid > .row > .column,
1577
1577
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
1578
- .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
1578
+ .ui.ui.grid > [class*="sixteen column"].doubling.row > .column {
1579
1579
  width: @eightColumn !important;
1580
1580
  }
1581
1581
  }
@@ -1596,77 +1596,77 @@
1596
1596
  }
1597
1597
  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
1598
1598
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
1599
- .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
1599
+ .ui.ui.grid > [class*="two column"].doubling:not(.stackable).row > .column {
1600
1600
  width: @oneColumn !important;
1601
1601
  }
1602
1602
  .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
1603
1603
  .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
1604
- .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
1604
+ .ui.ui.grid > [class*="three column"].doubling:not(.stackable).row > .column {
1605
1605
  width: @twoColumn !important;
1606
1606
  }
1607
1607
  .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
1608
1608
  .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
1609
- .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
1609
+ .ui.ui.grid > [class*="four column"].doubling:not(.stackable).row > .column {
1610
1610
  width: @twoColumn !important;
1611
1611
  }
1612
1612
  .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
1613
1613
  .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
1614
- .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
1614
+ .ui.ui.grid > [class*="five column"].doubling:not(.stackable).row > .column {
1615
1615
  width: @twoColumn !important;
1616
1616
  }
1617
1617
  .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
1618
1618
  .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
1619
- .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
1619
+ .ui.ui.grid > [class*="six column"].doubling:not(.stackable).row > .column {
1620
1620
  width: @twoColumn !important;
1621
1621
  }
1622
1622
  .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
1623
1623
  .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
1624
- .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
1624
+ .ui.ui.grid > [class*="seven column"].doubling:not(.stackable).row > .column {
1625
1625
  width: @twoColumn !important;
1626
1626
  }
1627
1627
  .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
1628
1628
  .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
1629
- .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
1629
+ .ui.ui.grid > [class*="eight column"].doubling:not(.stackable).row > .column {
1630
1630
  width: @twoColumn !important;
1631
1631
  }
1632
1632
  .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
1633
1633
  .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
1634
- .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
1634
+ .ui.ui.grid > [class*="nine column"].doubling:not(.stackable).row > .column {
1635
1635
  width: @threeColumn !important;
1636
1636
  }
1637
1637
  .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
1638
1638
  .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
1639
- .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
1639
+ .ui.ui.grid > [class*="ten column"].doubling:not(.stackable).row > .column {
1640
1640
  width: @threeColumn !important;
1641
1641
  }
1642
1642
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
1643
1643
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
1644
- .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
1644
+ .ui.ui.grid > [class*="eleven column"].doubling:not(.stackable).row > .column {
1645
1645
  width: @threeColumn !important;
1646
1646
  }
1647
1647
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
1648
1648
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
1649
- .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
1649
+ .ui.ui.grid > [class*="twelve column"].doubling:not(.stackable).row > .column {
1650
1650
  width: @threeColumn !important;
1651
1651
  }
1652
1652
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
1653
1653
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
1654
- .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
1654
+ .ui.ui.grid > [class*="thirteen column"].doubling:not(.stackable).row > .column {
1655
1655
  width: @threeColumn !important;
1656
1656
  }
1657
1657
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
1658
1658
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
1659
- .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
1659
+ .ui.ui.grid > [class*="fourteen column"].doubling:not(.stackable).row > .column {
1660
1660
  width: @fourColumn !important;
1661
1661
  }
1662
1662
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
1663
1663
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
1664
- .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
1664
+ .ui.ui.grid > [class*="fifteen column"].doubling:not(.stackable).row > .column {
1665
1665
  width: @fourColumn !important;
1666
1666
  }
1667
1667
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
1668
1668
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
1669
- .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
1669
+ .ui.ui.grid > [class*="sixteen column"].doubling:not(.stackable).row > .column {
1670
1670
  width: @fourColumn !important;
1671
1671
  }
1672
1672
  }
@@ -1762,122 +1762,122 @@
1762
1762
 
1763
1763
  /* Mobile Only Hide */
1764
1764
  @media only screen and (max-width: @largestMobileScreen) {
1765
- .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
1766
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
1767
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
1768
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
1765
+ .ui.ui.ui[class*="tablet only"].grid:not(.mobile),
1766
+ .ui.ui.ui.grid > [class*="tablet only"].row:not(.mobile),
1767
+ .ui.ui.ui.grid > [class*="tablet only"].column:not(.mobile),
1768
+ .ui.ui.ui.grid > .row > [class*="tablet only"].column:not(.mobile) {
1769
1769
  display: none !important;
1770
1770
  }
1771
- .ui[class*="computer only"].grid.grid.grid:not(.mobile),
1772
- .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
1773
- .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
1774
- .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
1771
+ .ui.ui.ui[class*="computer only"].grid:not(.mobile),
1772
+ .ui.ui.ui.grid > [class*="computer only"].row:not(.mobile),
1773
+ .ui.ui.ui.grid > [class*="computer only"].column:not(.mobile),
1774
+ .ui.ui.ui.grid > .row > [class*="computer only"].column:not(.mobile) {
1775
1775
  display: none !important;
1776
1776
  }
1777
- .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
1778
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
1779
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
1780
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
1777
+ .ui.ui.ui[class*="large screen only"].grid:not(.mobile),
1778
+ .ui.ui.ui.grid > [class*="large screen only"].row:not(.mobile),
1779
+ .ui.ui.ui.grid > [class*="large screen only"].column:not(.mobile),
1780
+ .ui.ui.ui.grid > .row > [class*="large screen only"].column:not(.mobile) {
1781
1781
  display: none !important;
1782
1782
  }
1783
- .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
1784
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
1785
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
1786
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1783
+ .ui.ui.ui[class*="widescreen only"].grid:not(.mobile),
1784
+ .ui.ui.ui.grid > [class*="widescreen only"].row:not(.mobile),
1785
+ .ui.ui.ui.grid > [class*="widescreen only"].column:not(.mobile),
1786
+ .ui.ui.ui.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1787
1787
  display: none !important;
1788
1788
  }
1789
1789
  }
1790
1790
 
1791
1791
  /* Tablet Only Hide */
1792
1792
  @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
1793
- .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
1794
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
1795
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
1796
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
1793
+ .ui.ui.ui[class*="mobile only"].grid:not(.tablet),
1794
+ .ui.ui.ui.grid > [class*="mobile only"].row:not(.tablet),
1795
+ .ui.ui.ui.grid > [class*="mobile only"].column:not(.tablet),
1796
+ .ui.ui.ui.grid > .row > [class*="mobile only"].column:not(.tablet) {
1797
1797
  display: none !important;
1798
1798
  }
1799
- .ui[class*="computer only"].grid.grid.grid:not(.tablet),
1800
- .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
1801
- .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
1802
- .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
1799
+ .ui.ui.ui[class*="computer only"].grid:not(.tablet),
1800
+ .ui.ui.ui.grid > [class*="computer only"].row:not(.tablet),
1801
+ .ui.ui.ui.grid > [class*="computer only"].column:not(.tablet),
1802
+ .ui.ui.ui.grid > .row > [class*="computer only"].column:not(.tablet) {
1803
1803
  display: none !important;
1804
1804
  }
1805
- .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
1806
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
1807
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
1808
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
1805
+ .ui.ui.ui[class*="large screen only"].grid:not(.mobile),
1806
+ .ui.ui.ui.grid > [class*="large screen only"].row:not(.mobile),
1807
+ .ui.ui.ui.grid > [class*="large screen only"].column:not(.mobile),
1808
+ .ui.ui.ui.grid > .row > [class*="large screen only"].column:not(.mobile) {
1809
1809
  display: none !important;
1810
1810
  }
1811
- .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
1812
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
1813
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
1814
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1811
+ .ui.ui.ui[class*="widescreen only"].grid:not(.mobile),
1812
+ .ui.ui.ui.grid > [class*="widescreen only"].row:not(.mobile),
1813
+ .ui.ui.ui.grid > [class*="widescreen only"].column:not(.mobile),
1814
+ .ui.ui.ui.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1815
1815
  display: none !important;
1816
1816
  }
1817
1817
  }
1818
1818
 
1819
1819
  /* Computer Only Hide */
1820
1820
  @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
1821
- .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1822
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1823
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
1824
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
1821
+ .ui.ui.ui[class*="mobile only"].grid:not(.computer),
1822
+ .ui.ui.ui.grid > [class*="mobile only"].row:not(.computer),
1823
+ .ui.ui.ui.grid > [class*="mobile only"].column:not(.computer),
1824
+ .ui.ui.ui.grid > .row > [class*="mobile only"].column:not(.computer) {
1825
1825
  display: none !important;
1826
1826
  }
1827
- .ui[class*="tablet only"].grid.grid.grid:not(.computer),
1828
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
1829
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
1830
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
1827
+ .ui.ui.ui[class*="tablet only"].grid:not(.computer),
1828
+ .ui.ui.ui.grid > [class*="tablet only"].row:not(.computer),
1829
+ .ui.ui.ui.grid > [class*="tablet only"].column:not(.computer),
1830
+ .ui.ui.ui.grid > .row > [class*="tablet only"].column:not(.computer) {
1831
1831
  display: none !important;
1832
1832
  }
1833
- .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
1834
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
1835
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
1836
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
1833
+ .ui.ui.ui[class*="large screen only"].grid:not(.mobile),
1834
+ .ui.ui.ui.grid > [class*="large screen only"].row:not(.mobile),
1835
+ .ui.ui.ui.grid > [class*="large screen only"].column:not(.mobile),
1836
+ .ui.ui.ui.grid > .row > [class*="large screen only"].column:not(.mobile) {
1837
1837
  display: none !important;
1838
1838
  }
1839
- .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
1840
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
1841
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
1842
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1839
+ .ui.ui.ui[class*="widescreen only"].grid:not(.mobile),
1840
+ .ui.ui.ui.grid > [class*="widescreen only"].row:not(.mobile),
1841
+ .ui.ui.ui.grid > [class*="widescreen only"].column:not(.mobile),
1842
+ .ui.ui.ui.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1843
1843
  display: none !important;
1844
1844
  }
1845
1845
  }
1846
1846
 
1847
1847
  /* Large Screen Only Hide */
1848
1848
  @media only screen and (min-width: @largeMonitorBreakpoint) and (max-width: @largestLargeMonitor) {
1849
- .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1850
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1851
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
1852
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
1849
+ .ui.ui.ui[class*="mobile only"].grid:not(.computer),
1850
+ .ui.ui.ui.grid > [class*="mobile only"].row:not(.computer),
1851
+ .ui.ui.ui.grid > [class*="mobile only"].column:not(.computer),
1852
+ .ui.ui.ui.grid > .row > [class*="mobile only"].column:not(.computer) {
1853
1853
  display: none !important;
1854
1854
  }
1855
- .ui[class*="tablet only"].grid.grid.grid:not(.computer),
1856
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
1857
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
1858
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
1855
+ .ui.ui.ui[class*="tablet only"].grid:not(.computer),
1856
+ .ui.ui.ui.grid > [class*="tablet only"].row:not(.computer),
1857
+ .ui.ui.ui.grid > [class*="tablet only"].column:not(.computer),
1858
+ .ui.ui.ui.grid > .row > [class*="tablet only"].column:not(.computer) {
1859
1859
  display: none !important;
1860
1860
  }
1861
- .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
1862
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
1863
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
1864
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1861
+ .ui.ui.ui[class*="widescreen only"].grid:not(.mobile),
1862
+ .ui.ui.ui.grid > [class*="widescreen only"].row:not(.mobile),
1863
+ .ui.ui.ui.grid > [class*="widescreen only"].column:not(.mobile),
1864
+ .ui.ui.ui.grid > .row > [class*="widescreen only"].column:not(.mobile) {
1865
1865
  display: none !important;
1866
1866
  }
1867
1867
  }
1868
1868
 
1869
1869
  /* Widescreen Only Hide */
1870
1870
  @media only screen and (min-width: @widescreenMonitorBreakpoint) {
1871
- .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1872
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1873
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
1874
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
1871
+ .ui.ui.ui[class*="mobile only"].grid:not(.computer),
1872
+ .ui.ui.ui.grid > [class*="mobile only"].row:not(.computer),
1873
+ .ui.ui.ui.grid > [class*="mobile only"].column:not(.computer),
1874
+ .ui.ui.ui.grid > .row > [class*="mobile only"].column:not(.computer) {
1875
1875
  display: none !important;
1876
1876
  }
1877
- .ui[class*="tablet only"].grid.grid.grid:not(.computer),
1878
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
1879
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
1880
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
1877
+ .ui.ui.ui[class*="tablet only"].grid:not(.computer),
1878
+ .ui.ui.ui.grid > [class*="tablet only"].row:not(.computer),
1879
+ .ui.ui.ui.grid > [class*="tablet only"].column:not(.computer),
1880
+ .ui.ui.ui.grid > .row > [class*="tablet only"].column:not(.computer) {
1881
1881
  display: none !important;
1882
1882
  }
1883
1883
  }
@@ -1623,29 +1623,36 @@ Floated Menu / Item
1623
1623
  }
1624
1624
  }
1625
1625
 
1626
- /* -------------------
1627
- Evenly Sized
1628
- -------------------- */
1626
+ & when (@variationMenuEqualWidth) {
1627
+ /* -------------------
1628
+ Evenly Sized
1629
+ -------------------- */
1629
1630
 
1630
- .ui.item.menu,
1631
- .ui.item.menu .item {
1632
- width: 100%;
1633
- padding-left: 0 !important;
1634
- padding-right: 0 !important;
1635
- margin-left: 0 !important;
1636
- margin-right: 0 !important;
1637
- text-align: center;
1638
- justify-content: center;
1639
- }
1640
- .ui.attached.item.menu:not(.tabular) {
1641
- margin: 0 @attachedHorizontalOffset !important;
1642
- }
1631
+ .ui[class*="equal width"].menu > .item {
1632
+ flex: 1;
1633
+ }
1643
1634
 
1644
- .ui.item.menu .item:last-child::before {
1645
- display: none;
1646
- }
1635
+ .ui[class*="equal width"].menu > .item,
1636
+ .ui.item.menu,
1637
+ .ui.item.menu .item {
1638
+ width: 100%;
1639
+ padding-left: 0 !important;
1640
+ padding-right: 0 !important;
1641
+ margin-left: 0 !important;
1642
+ margin-right: 0 !important;
1643
+ text-align: center;
1644
+ justify-content: center;
1645
+ }
1646
+ .ui.attached[class*="equal width"].menu:not(.tabular),
1647
+ .ui.attached.item.menu:not(.tabular) {
1648
+ margin: 0 @attachedHorizontalOffset !important;
1649
+ }
1650
+
1651
+ .ui[class*="equal width"].menu > .item:last-child::before,
1652
+ .ui.item.menu .item:last-child::before {
1653
+ display: none;
1654
+ }
1647
1655
 
1648
- & when (@variationMenuEqualWidth) {
1649
1656
  .ui.menu.two.item .item {
1650
1657
  width: 50%;
1651
1658
  }
@@ -1929,7 +1936,7 @@ Floated Menu / Item
1929
1936
  & .item:first-child::before {
1930
1937
  display: none;
1931
1938
  }
1932
- &:not(.tabular) .item {
1939
+ &:not(.secondary):not(.text):not(.tabular):not(.borderless) .item {
1933
1940
  &:last-of-type,
1934
1941
  &:last-child {
1935
1942
  border-right: @dividerSize solid @dividerBackground;
@@ -1937,7 +1944,7 @@ Floated Menu / Item
1937
1944
  }
1938
1945
  }
1939
1946
  & when (@variationMenuWrapped) {
1940
- .ui.wrapped.menu:not(.tabular) .item {
1947
+ .ui.wrapped.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item {
1941
1948
  &:first-child {
1942
1949
  border-bottom-left-radius: 0;
1943
1950
  }