fomantic-ui 2.10.0-beta.8 → 2.10.0-beta.81

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 (345) hide show
  1. package/.eslintrc.js +6 -23
  2. package/.github/workflows/ci.yml +9 -9
  3. package/.github/workflows/depsreview.yml +1 -1
  4. package/.github/workflows/nightly.yml +7 -5
  5. package/.github/workflows/release.yml +2 -2
  6. package/.stylelintrc.js +1 -15
  7. package/CHANGELOG.md +5289 -2325
  8. package/README.md +8 -4
  9. package/changelog-setup.js +32 -10
  10. package/changelog-template.hbs +256 -251
  11. package/dist/components/accordion.css +1 -1
  12. package/dist/components/accordion.js +62 -73
  13. package/dist/components/accordion.min.css +1 -1
  14. package/dist/components/accordion.min.js +3 -3
  15. package/dist/components/ad.css +1 -1
  16. package/dist/components/ad.min.css +1 -1
  17. package/dist/components/api.js +101 -161
  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 +5 -6
  22. package/dist/components/button.min.css +2 -2
  23. package/dist/components/calendar.css +3 -3
  24. package/dist/components/calendar.js +283 -332
  25. package/dist/components/calendar.min.css +2 -2
  26. package/dist/components/calendar.min.js +3 -3
  27. package/dist/components/card.css +1 -1
  28. package/dist/components/card.min.css +1 -1
  29. package/dist/components/checkbox.css +1 -1
  30. package/dist/components/checkbox.js +58 -79
  31. package/dist/components/checkbox.min.css +1 -1
  32. package/dist/components/checkbox.min.js +3 -3
  33. package/dist/components/comment.css +1 -1
  34. package/dist/components/comment.min.css +1 -1
  35. package/dist/components/container.css +1 -1
  36. package/dist/components/container.min.css +1 -1
  37. package/dist/components/dimmer.css +2 -2
  38. package/dist/components/dimmer.js +39 -52
  39. package/dist/components/dimmer.min.css +2 -2
  40. package/dist/components/dimmer.min.js +3 -3
  41. package/dist/components/divider.css +1 -1
  42. package/dist/components/divider.min.css +1 -1
  43. package/dist/components/dropdown.css +21 -35
  44. package/dist/components/dropdown.js +435 -531
  45. package/dist/components/dropdown.min.css +2 -2
  46. package/dist/components/dropdown.min.js +3 -3
  47. package/dist/components/embed.css +1 -1
  48. package/dist/components/embed.js +55 -68
  49. package/dist/components/embed.min.css +1 -1
  50. package/dist/components/embed.min.js +3 -3
  51. package/dist/components/emoji.css +3809 -7617
  52. package/dist/components/emoji.min.css +2 -2
  53. package/dist/components/feed.css +1 -1
  54. package/dist/components/feed.min.css +1 -1
  55. package/dist/components/flag.css +1 -1
  56. package/dist/components/flag.min.css +1 -1
  57. package/dist/components/flyout.css +1 -1
  58. package/dist/components/flyout.js +149 -168
  59. package/dist/components/flyout.min.css +1 -1
  60. package/dist/components/flyout.min.js +3 -3
  61. package/dist/components/form.css +3 -5
  62. package/dist/components/form.js +249 -269
  63. package/dist/components/form.min.css +2 -2
  64. package/dist/components/form.min.js +3 -3
  65. package/dist/components/grid.css +2 -2
  66. package/dist/components/grid.min.css +2 -2
  67. package/dist/components/header.css +6 -6
  68. package/dist/components/header.min.css +2 -2
  69. package/dist/components/icon.css +10 -37
  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 +284 -12
  74. package/dist/components/input.min.css +2 -2
  75. package/dist/components/item.css +1 -1
  76. package/dist/components/item.min.css +1 -1
  77. package/dist/components/label.css +6 -14
  78. package/dist/components/label.min.css +2 -2
  79. package/dist/components/list.css +3 -3
  80. package/dist/components/list.min.css +2 -2
  81. package/dist/components/loader.css +53 -53
  82. package/dist/components/loader.min.css +2 -2
  83. package/dist/components/menu.css +45 -60
  84. package/dist/components/menu.min.css +2 -2
  85. package/dist/components/message.css +2 -2
  86. package/dist/components/message.min.css +2 -2
  87. package/dist/components/modal.css +5 -5
  88. package/dist/components/modal.js +161 -170
  89. package/dist/components/modal.min.css +2 -2
  90. package/dist/components/modal.min.js +3 -3
  91. package/dist/components/nag.css +1 -1
  92. package/dist/components/nag.js +74 -88
  93. package/dist/components/nag.min.css +1 -1
  94. package/dist/components/nag.min.js +3 -3
  95. package/dist/components/placeholder.css +2 -2
  96. package/dist/components/placeholder.min.css +2 -2
  97. package/dist/components/popup.css +19 -73
  98. package/dist/components/popup.js +105 -138
  99. package/dist/components/popup.min.css +2 -2
  100. package/dist/components/popup.min.js +3 -3
  101. package/dist/components/progress.css +4 -13
  102. package/dist/components/progress.js +75 -97
  103. package/dist/components/progress.min.css +2 -2
  104. package/dist/components/progress.min.js +3 -3
  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 +49 -61
  109. package/dist/components/rating.min.css +1 -1
  110. package/dist/components/rating.min.js +3 -3
  111. package/dist/components/reset.css +48 -208
  112. package/dist/components/reset.min.css +2 -2
  113. package/dist/components/reveal.css +2 -5
  114. package/dist/components/reveal.min.css +2 -2
  115. package/dist/components/search.css +2 -3
  116. package/dist/components/search.js +178 -198
  117. package/dist/components/search.min.css +2 -2
  118. package/dist/components/search.min.js +3 -3
  119. package/dist/components/segment.css +6 -6
  120. package/dist/components/segment.min.css +2 -2
  121. package/dist/components/shape.css +1 -1
  122. package/dist/components/shape.js +59 -69
  123. package/dist/components/shape.min.css +1 -1
  124. package/dist/components/shape.min.js +3 -3
  125. package/dist/components/sidebar.css +1 -1
  126. package/dist/components/sidebar.js +81 -101
  127. package/dist/components/sidebar.min.css +1 -1
  128. package/dist/components/sidebar.min.js +3 -3
  129. package/dist/components/site.css +1 -1
  130. package/dist/components/site.js +37 -58
  131. package/dist/components/site.min.css +1 -1
  132. package/dist/components/site.min.js +3 -3
  133. package/dist/components/slider.css +1 -1
  134. package/dist/components/slider.js +169 -183
  135. package/dist/components/slider.min.css +1 -1
  136. package/dist/components/slider.min.js +3 -3
  137. package/dist/components/state.js +45 -59
  138. package/dist/components/state.min.js +3 -3
  139. package/dist/components/statistic.css +1 -1
  140. package/dist/components/statistic.min.css +1 -1
  141. package/dist/components/step.css +4 -4
  142. package/dist/components/step.min.css +2 -2
  143. package/dist/components/sticky.css +1 -1
  144. package/dist/components/sticky.js +95 -117
  145. package/dist/components/sticky.min.css +1 -1
  146. package/dist/components/sticky.min.js +3 -3
  147. package/dist/components/tab.css +1 -1
  148. package/dist/components/tab.js +83 -115
  149. package/dist/components/tab.min.css +1 -1
  150. package/dist/components/tab.min.js +3 -3
  151. package/dist/components/table.css +8 -8
  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 +1 -1
  156. package/dist/components/toast.js +64 -74
  157. package/dist/components/toast.min.css +1 -1
  158. package/dist/components/toast.min.js +3 -3
  159. package/dist/components/transition.css +1 -1
  160. package/dist/components/transition.js +61 -85
  161. package/dist/components/transition.min.css +1 -1
  162. package/dist/components/transition.min.js +3 -3
  163. package/dist/components/visibility.js +120 -140
  164. package/dist/components/visibility.min.js +3 -3
  165. package/dist/semantic.css +4480 -8222
  166. package/dist/semantic.js +2886 -3485
  167. package/dist/semantic.min.css +3 -3
  168. package/dist/semantic.min.js +3 -3
  169. package/examples/attached.html +1 -1
  170. package/examples/components/menu.html +1 -1
  171. package/package.json +8 -5
  172. package/scripts/nightly-version.js +4 -4
  173. package/src/definitions/behaviors/api.js +100 -160
  174. package/src/definitions/behaviors/form.js +248 -268
  175. package/src/definitions/behaviors/state.js +44 -58
  176. package/src/definitions/behaviors/visibility.js +119 -139
  177. package/src/definitions/collections/breadcrumb.less +0 -1
  178. package/src/definitions/collections/form.less +3 -9
  179. package/src/definitions/collections/grid.less +1 -2
  180. package/src/definitions/collections/menu.less +106 -117
  181. package/src/definitions/collections/message.less +1 -2
  182. package/src/definitions/collections/table.less +7 -8
  183. package/src/definitions/elements/button.less +4 -6
  184. package/src/definitions/elements/container.less +0 -1
  185. package/src/definitions/elements/divider.less +1 -2
  186. package/src/definitions/elements/emoji.less +1 -1
  187. package/src/definitions/elements/flag.less +1 -1
  188. package/src/definitions/elements/header.less +4 -5
  189. package/src/definitions/elements/icon.less +10 -37
  190. package/src/definitions/elements/image.less +0 -1
  191. package/src/definitions/elements/input.less +4 -7
  192. package/src/definitions/elements/label.less +5 -14
  193. package/src/definitions/elements/list.less +2 -3
  194. package/src/definitions/elements/loader.less +10 -11
  195. package/src/definitions/elements/placeholder.less +1 -2
  196. package/src/definitions/elements/rail.less +0 -1
  197. package/src/definitions/elements/reveal.less +1 -5
  198. package/src/definitions/elements/segment.less +5 -6
  199. package/src/definitions/elements/step.less +3 -4
  200. package/src/definitions/elements/text.less +0 -1
  201. package/src/definitions/globals/reset.less +0 -1
  202. package/src/definitions/globals/site.js +36 -57
  203. package/src/definitions/globals/site.less +0 -1
  204. package/src/definitions/modules/accordion.js +61 -72
  205. package/src/definitions/modules/accordion.less +0 -1
  206. package/src/definitions/modules/calendar.js +282 -331
  207. package/src/definitions/modules/calendar.less +2 -3
  208. package/src/definitions/modules/checkbox.js +57 -78
  209. package/src/definitions/modules/checkbox.less +0 -1
  210. package/src/definitions/modules/dimmer.js +38 -51
  211. package/src/definitions/modules/dimmer.less +1 -2
  212. package/src/definitions/modules/dropdown.js +434 -530
  213. package/src/definitions/modules/dropdown.less +27 -38
  214. package/src/definitions/modules/embed.js +54 -67
  215. package/src/definitions/modules/embed.less +0 -1
  216. package/src/definitions/modules/flyout.js +148 -167
  217. package/src/definitions/modules/flyout.less +0 -1
  218. package/src/definitions/modules/modal.js +160 -169
  219. package/src/definitions/modules/modal.less +3 -4
  220. package/src/definitions/modules/nag.js +73 -87
  221. package/src/definitions/modules/nag.less +0 -1
  222. package/src/definitions/modules/popup.js +104 -137
  223. package/src/definitions/modules/popup.less +18 -73
  224. package/src/definitions/modules/progress.js +74 -96
  225. package/src/definitions/modules/progress.less +3 -13
  226. package/src/definitions/modules/rating.js +48 -60
  227. package/src/definitions/modules/rating.less +0 -1
  228. package/src/definitions/modules/search.js +177 -197
  229. package/src/definitions/modules/search.less +2 -4
  230. package/src/definitions/modules/shape.js +58 -68
  231. package/src/definitions/modules/shape.less +0 -1
  232. package/src/definitions/modules/sidebar.js +80 -100
  233. package/src/definitions/modules/sidebar.less +0 -1
  234. package/src/definitions/modules/slider.js +168 -182
  235. package/src/definitions/modules/slider.less +0 -1
  236. package/src/definitions/modules/sticky.js +94 -116
  237. package/src/definitions/modules/sticky.less +0 -1
  238. package/src/definitions/modules/tab.js +82 -114
  239. package/src/definitions/modules/tab.less +0 -1
  240. package/src/definitions/modules/toast.js +63 -73
  241. package/src/definitions/modules/toast.less +0 -1
  242. package/src/definitions/modules/transition.js +60 -84
  243. package/src/definitions/modules/transition.less +1 -2
  244. package/src/definitions/views/ad.less +0 -1
  245. package/src/definitions/views/card.less +0 -1
  246. package/src/definitions/views/comment.less +0 -1
  247. package/src/definitions/views/feed.less +0 -1
  248. package/src/definitions/views/item.less +0 -1
  249. package/src/definitions/views/statistic.less +0 -1
  250. package/src/semantic.less +1 -1
  251. package/src/themes/amazon/elements/button.overrides +1 -1
  252. package/src/themes/amazon/elements/button.variables +5 -6
  253. package/src/themes/amazon/globals/site.variables +2 -3
  254. package/src/themes/bookish/elements/header.variables +2 -2
  255. package/src/themes/bootstrap3/elements/button.variables +4 -5
  256. package/src/themes/chubby/collections/menu.variables +1 -1
  257. package/src/themes/chubby/elements/button.overrides +4 -4
  258. package/src/themes/chubby/modules/accordion.overrides +1 -1
  259. package/src/themes/chubby/views/comment.overrides +2 -2
  260. package/src/themes/chubby/views/comment.variables +2 -2
  261. package/src/themes/classic/collections/table.variables +2 -2
  262. package/src/themes/classic/elements/button.variables +11 -11
  263. package/src/themes/classic/modules/progress.variables +2 -2
  264. package/src/themes/classic/views/card.variables +2 -2
  265. package/src/themes/default/collections/form.variables +2 -3
  266. package/src/themes/default/collections/menu.variables +28 -28
  267. package/src/themes/default/collections/message.variables +1 -1
  268. package/src/themes/default/collections/table.variables +4 -4
  269. package/src/themes/default/elements/button.variables +9 -10
  270. package/src/themes/default/elements/divider.variables +1 -1
  271. package/src/themes/default/elements/icon.variables +2 -2
  272. package/src/themes/default/elements/image.variables +1 -1
  273. package/src/themes/default/elements/input.variables +2 -2
  274. package/src/themes/default/elements/label.variables +4 -4
  275. package/src/themes/default/elements/list.variables +1 -1
  276. package/src/themes/default/elements/placeholder.variables +6 -6
  277. package/src/themes/default/elements/segment.variables +8 -8
  278. package/src/themes/default/globals/reset.overrides +45 -201
  279. package/src/themes/default/globals/site.variables +50 -50
  280. package/src/themes/default/globals/variation.variables +3 -2
  281. package/src/themes/default/modules/accordion.variables +0 -1
  282. package/src/themes/default/modules/checkbox.variables +1 -1
  283. package/src/themes/default/modules/dimmer.variables +12 -12
  284. package/src/themes/default/modules/dropdown.variables +17 -16
  285. package/src/themes/default/modules/embed.variables +2 -2
  286. package/src/themes/default/modules/flyout.variables +3 -3
  287. package/src/themes/default/modules/modal.variables +14 -14
  288. package/src/themes/default/modules/nag.variables +1 -1
  289. package/src/themes/default/modules/rating.variables +1 -1
  290. package/src/themes/default/modules/search.variables +1 -1
  291. package/src/themes/default/modules/shape.variables +1 -1
  292. package/src/themes/default/modules/sidebar.variables +2 -2
  293. package/src/themes/default/modules/toast.variables +4 -4
  294. package/src/themes/default/views/card.variables +6 -7
  295. package/src/themes/default/views/feed.variables +4 -4
  296. package/src/themes/default/views/item.variables +2 -3
  297. package/src/themes/flat/collections/form.variables +1 -1
  298. package/src/themes/flat/globals/site.variables +9 -9
  299. package/src/themes/github/collections/form.overrides +3 -3
  300. package/src/themes/github/collections/form.variables +3 -3
  301. package/src/themes/github/collections/menu.overrides +1 -1
  302. package/src/themes/github/collections/menu.variables +10 -10
  303. package/src/themes/github/collections/message.variables +6 -6
  304. package/src/themes/github/elements/button.variables +17 -17
  305. package/src/themes/github/elements/input.variables +3 -3
  306. package/src/themes/github/elements/segment.variables +2 -2
  307. package/src/themes/github/elements/step.overrides +4 -4
  308. package/src/themes/github/elements/step.variables +3 -3
  309. package/src/themes/github/globals/site.variables +2 -2
  310. package/src/themes/github/modules/dropdown.variables +1 -3
  311. package/src/themes/gmail/collections/message.variables +2 -2
  312. package/src/themes/material/collections/menu.variables +1 -1
  313. package/src/themes/material/elements/button.overrides +4 -4
  314. package/src/themes/material/elements/button.variables +5 -5
  315. package/src/themes/material/modules/dropdown.variables +1 -1
  316. package/src/themes/material/modules/modal.variables +1 -1
  317. package/src/themes/raised/elements/button.variables +1 -1
  318. package/src/themes/round/elements/button.variables +12 -12
  319. package/src/themes/striped/modules/progress.overrides +3 -3
  320. package/src/themes/timeline/views/feed.variables +2 -2
  321. package/src/themes/twitter/elements/button.overrides +1 -1
  322. package/src/themes/twitter/elements/button.variables +4 -5
  323. package/tasks/admin/components/create.js +12 -15
  324. package/tasks/admin/components/init.js +11 -12
  325. package/tasks/admin/components/update.js +19 -20
  326. package/tasks/admin/distributions/create.js +30 -51
  327. package/tasks/admin/distributions/init.js +11 -12
  328. package/tasks/admin/distributions/update.js +18 -19
  329. package/tasks/admin/register.js +7 -7
  330. package/tasks/build/assets.js +1 -1
  331. package/tasks/build/css.js +5 -5
  332. package/tasks/build/javascript.js +1 -1
  333. package/tasks/config/admin/github.js +1 -1
  334. package/tasks/config/admin/templates/css-package.js +1 -1
  335. package/tasks/config/admin/templates/less-package.js +1 -1
  336. package/tasks/config/project/config.js +10 -10
  337. package/tasks/config/project/install.js +12 -12
  338. package/tasks/config/project/release.js +6 -12
  339. package/tasks/config/tasks.js +15 -11
  340. package/tasks/config/user.js +1 -4
  341. package/tasks/docs/metadata.js +18 -20
  342. package/tasks/install.js +14 -12
  343. package/test/meteor/assets.js +4 -4
  344. package/test/meteor/fonts.js +10 -11
  345. package/test/modules/module.spec.js +18 -18
package/src/themes/default/modules/dropdown.variables CHANGED
@@ -220,6 +220,7 @@
220
220
  @selectionVisibleIconOpacity: "";
221
221
 
222
222
  @selectionIconFocusOpacity: 1;
223
+ @actionIconFocusOpacity: ((@selectionIconFocusOpacity * 68) / 100);
223
224
 
224
225
  /* --------------
225
226
  Search
@@ -349,13 +350,13 @@
349
350
 
350
351
  /* Upward */
351
352
  @upwardSelectionVisibleBorderRadius: @selectionVisibleConnectingBorder @selectionVisibleConnectingBorder @borderRadius @borderRadius;
352
- @upwardMenuBoxShadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
353
- @upwardSelectionMenuBoxShadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
353
+ @upwardMenuBoxShadow: 0 0 3px 0 rgb(0 0 0 / 0.08);
354
+ @upwardSelectionMenuBoxShadow: 0 -2px 3px 0 rgb(0 0 0 / 0.08);
354
355
  @upwardSelectionMenuBorderRadius: @borderRadius @borderRadius 0 0;
355
- @upwardSelectionHoverBoxShadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
356
- @upwardSelectionVisibleBoxShadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
357
- @upwardSelectionActiveHoverBoxShadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
358
- @upwardSelectionActiveHoverMenuBoxShadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
356
+ @upwardSelectionHoverBoxShadow: 0 0 2px 0 rgb(0 0 0 / 0.05);
357
+ @upwardSelectionVisibleBoxShadow: 0 0 3px 0 rgb(0 0 0 / 0.08);
358
+ @upwardSelectionActiveHoverBoxShadow: 0 0 3px 0 rgb(0 0 0 / 0.05);
359
+ @upwardSelectionActiveHoverMenuBoxShadow: 0 -2px 3px 0 rgb(0 0 0 / 0.08);
359
360
 
360
361
  /* Flyout Direction */
361
362
  @leftMenuDropdownIconFloat: left;
@@ -404,8 +405,8 @@
404
405
  @scrollhintEasing: @defaultEasing;
405
406
  @scrollhintIteration: 2;
406
407
  @scrollhintOffsetRight: @scrollhintWidth;
407
- @scrollhintStartColor: rgba(0, 0, 0, 0.75);
408
- @scrollhintEndColor: rgba(0, 0, 0, 0);
408
+ @scrollhintStartColor: rgb(0 0 0 / 0.75);
409
+ @scrollhintEndColor: rgb(0 0 0 / 0);
409
410
 
410
411
  /* --------------
411
412
  Inverted
@@ -444,7 +445,7 @@
444
445
  @invertedSelectionTextColor: @invertedMenuColor;
445
446
  @invertedSelectionInputTextColor: @white;
446
447
 
447
- @invertedSelectionHoverBorderColor: rgba(255, 255, 255, 0.25);
448
+ @invertedSelectionHoverBorderColor: rgb(255 255 255 / 0.25);
448
449
  @invertedSelectionHoverBoxShadow: none;
449
450
 
450
451
  @invertedDefaultTextColor: @invertedUnselectedTextColor;
@@ -460,16 +461,16 @@
460
461
 
461
462
  @invertedMessageColor: @invertedUnselectedTextColor;
462
463
 
463
- @invertedInputHighlightBackground: rgba(255, 255, 255, 0.25);
464
+ @invertedInputHighlightBackground: rgb(255 255 255 / 0.25);
464
465
  @invertedInputHighlightColor: @invertedMutedTextColor;
465
466
 
466
467
  /* Multiple */
467
- @invertedLabelBackgroundColor: rgba(255, 255, 255, 0.7);
468
+ @invertedLabelBackgroundColor: rgb(255 255 255 / 0.7);
468
469
  @invertedLabelBackgroundImage: none;
469
- @invertedLabelColor: rgba(0, 0, 0, 1);
470
- @invertedLabelBoxShadow: 0 0 0 @labelBorderWidth rgba(255, 255, 255, 0) inset;
470
+ @invertedLabelColor: rgb(0 0 0 / 1);
471
+ @invertedLabelBoxShadow: 0 0 0 @labelBorderWidth rgb(255 255 255 / 0) inset;
471
472
 
472
- @invertedLabelHoverBackgroundColor: rgba(255, 255, 255, 0.9);
473
+ @invertedLabelHoverBackgroundColor: rgb(255 255 255 / 0.9);
473
474
  @invertedLabelHoverBackgroundImage: none;
474
475
  @invertedLabelHoverTextColor: @invertedLabelColor;
475
476
 
@@ -477,8 +478,8 @@
477
478
  @invertedLabelIconHoverOpacity: 0.8;
478
479
 
479
480
  /* Scrollhint */
480
- @invertedScrollhintStartColor: rgba(255, 255, 255, 0.75);
481
- @invertedScrollhintEndColor: rgba(255, 255, 255, 0);
481
+ @invertedScrollhintStartColor: rgb(255 255 255 / 0.75);
482
+ @invertedScrollhintEndColor: rgb(255 255 255 / 0);
482
483
 
483
484
  /* Resizable */
484
485
  @resizableDirection: vertical;
package/src/themes/default/modules/embed.variables CHANGED
@@ -15,7 +15,7 @@
15
15
  @placeholderUnderlay: @background;
16
16
 
17
17
  /* Placeholder Overlayed Background */
18
- @placeholderBackground: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
18
+ @placeholderBackground: radial-gradient(transparent 45%, rgb(0 0 0 / 0.3));
19
19
  @placeholderBackgroundOpacity: 0.5;
20
20
  @placeholderBackgroundTransition: opacity @transitionDuration @transitionEasing;
21
21
 
@@ -26,7 +26,7 @@
26
26
  opacity @transitionDuration @transitionEasing,
27
27
  color @transitionDuration @transitionEasing;
28
28
  @iconColor: @white;
29
- @iconShadow: 0 2px 10px rgba(34, 36, 38, 0.2);
29
+ @iconShadow: 0 2px 10px rgb(34 36 38 / 0.2);
30
30
  @iconZIndex: 10;
31
31
 
32
32
  /* -------------------
package/src/themes/default/modules/flyout.variables CHANGED
@@ -12,10 +12,10 @@
12
12
  @easing: @defaultEasing;
13
13
 
14
14
  /* Dimmer */
15
- @dimmerColor: rgba(0, 0, 0, 0.4);
15
+ @dimmerColor: rgb(0 0 0 / 0.4);
16
16
  @dimmerTransition: all @duration;
17
17
 
18
- @blurredBackgroundColor: rgba(0, 0, 0, 0.6);
18
+ @blurredBackgroundColor: rgb(0 0 0 / 0.6);
19
19
  @blurredEndFilter: e("blur(5px) grayscale(0.7)");
20
20
 
21
21
  /* Color below page */
@@ -98,5 +98,5 @@
98
98
  @invertedCloseColor: @white;
99
99
  @invertedHeaderColor: @white;
100
100
  @invertedActionBackground: #191a1b;
101
- @invertedActionBorder: 1px solid rgba(34, 36, 38, 0.85);
101
+ @invertedActionBorder: 1px solid rgb(34 36 38 / 0.85);
102
102
  @invertedActionColor: @white;
package/src/themes/default/modules/modal.variables CHANGED
@@ -8,8 +8,8 @@
8
8
  @borderRadius: @defaultBorderRadius;
9
9
  @transformOrigin: 50% 25%;
10
10
  @boxShadow:
11
- 1px 3px 3px 0 rgba(0, 0, 0, 0.2),
12
- 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
11
+ 1px 3px 3px 0 rgb(0 0 0 / 0.2),
12
+ 1px 3px 15px 2px rgb(0 0 0 / 0.2);
13
13
 
14
14
  /* Close Icon */
15
15
  @closeOpacity: 0.8;
@@ -24,10 +24,10 @@
24
24
  @closeTop: -(@closeDistance + @closeHitbox);
25
25
  @closeRight: -(@closeDistance + @closeHitbox);
26
26
  @closeShadow:
27
- -1px -1px 2px rgba(0, 0, 0, 0.3),
28
- 1px -1px 2px rgba(0, 0, 0, 0.3),
29
- -1px 2px 2px rgba(0, 0, 0, 0.3),
30
- 1px 2px 2px rgba(0, 0, 0, 0.3);
27
+ -1px -1px 2px rgb(0 0 0 / 0.3),
28
+ 1px -1px 2px rgb(0 0 0 / 0.3),
29
+ -1px 2px 2px rgb(0 0 0 / 0.3),
30
+ 1px 2px 2px rgb(0 0 0 / 0.3);
31
31
 
32
32
  /* Header */
33
33
  @headerMargin: 0;
@@ -54,7 +54,7 @@
54
54
  @imageVerticalAlign: start;
55
55
 
56
56
  @descriptionDistance: 2em;
57
- @descriptionMinWidth: "";
57
+ @descriptionMinWidth: auto;
58
58
  @descriptionWidth: auto;
59
59
  @descriptionVerticalAlign: start;
60
60
 
@@ -102,7 +102,7 @@
102
102
  @fullScreenMargin: 1em auto;
103
103
 
104
104
  /* Coupling */
105
- @invertedBoxShadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
105
+ @invertedBoxShadow: 1px 3px 10px 2px rgb(0 0 0 / 0.2);
106
106
 
107
107
  /* -------------------
108
108
  States
@@ -253,14 +253,14 @@
253
253
  @invertedHeaderColor: @white;
254
254
  @invertedHeaderBackgroundColor: @darkTextColor;
255
255
  @invertedActionBackground: #191a1b;
256
- @invertedActionBorder: 1px solid rgba(34, 36, 38, 0.85);
256
+ @invertedActionBorder: 1px solid rgb(34 36 38 / 0.85);
257
257
  @invertedActionColor: @white;
258
- @invertedDimmerCloseColor: rgba(0, 0, 0, 0.85);
258
+ @invertedDimmerCloseColor: rgb(0 0 0 / 0.85);
259
259
  @invertedCloseShadow:
260
- -1px -1px 2px rgba(255, 255, 255, 0.3),
261
- 1px -1px 2px rgba(255, 255, 255, 0.3),
262
- -1px 2px 2px rgba(255, 255, 255, 0.3),
263
- 1px 2px 2px rgba(255, 255, 255, 0.3);
260
+ -1px -1px 2px rgb(255 255 255 / 0.3),
261
+ 1px -1px 2px rgb(255 255 255 / 0.3),
262
+ -1px 2px 2px rgb(255 255 255 / 0.3),
263
+ 1px 2px 2px rgb(255 255 255 / 0.3);
264
264
 
265
265
  /* Resizable */
266
266
  @resizableDirection: vertical;
package/src/themes/default/modules/nag.variables CHANGED
@@ -16,7 +16,7 @@
16
16
  @minHeight: 0;
17
17
  @padding: 0.75em 1em;
18
18
  @lineHeight: 1em;
19
- @boxShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
19
+ @boxShadow: 0 1px 2px 0 rgb(0 0 0 / 0.2);
20
20
 
21
21
  @fontSize: 1rem;
22
22
  @textAlign: center;
package/src/themes/default/modules/rating.variables CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /* Standard */
23
23
  @inactiveBackground: transparent;
24
- @inactiveColor: rgba(0, 0, 0, 0.15);
24
+ @inactiveColor: rgb(0 0 0 / 0.15);
25
25
 
26
26
  @selectedBackground: @inactiveBackground;
27
27
  @selectedColor: @textColor;
package/src/themes/default/modules/search.variables CHANGED
@@ -108,7 +108,7 @@
108
108
  @actionHoverBackground: #e0e0e0;
109
109
 
110
110
  /* Loading */
111
- @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
111
+ @invertedLoaderFillColor: rgb(0 0 0 / 0.15);
112
112
 
113
113
  /* Active Category */
114
114
  @categoryActiveBackground: @darkWhite;
package/src/themes/default/modules/shape.variables CHANGED
@@ -33,7 +33,7 @@
33
33
  @cubeBackground: #e6e6e6;
34
34
  @cubePadding: 2em;
35
35
  @cubeTextColor: @textColor;
36
- @cubeBoxShadow: 0 0 2px rgba(0, 0, 0, 0.3);
36
+ @cubeBoxShadow: 0 0 2px rgb(0 0 0 / 0.3);
37
37
 
38
38
  @cubeTextAlign: center;
39
39
  @cubeFontSize: 2em;
package/src/themes/default/modules/sidebar.variables CHANGED
@@ -12,10 +12,10 @@
12
12
  @easing: @defaultEasing;
13
13
 
14
14
  /* Dimmer */
15
- @dimmerColor: rgba(0, 0, 0, 0.4);
15
+ @dimmerColor: rgb(0 0 0 / 0.4);
16
16
  @dimmerTransition: all @duration;
17
17
 
18
- @blurredBackgroundColor: rgba(0, 0, 0, 0.6);
18
+ @blurredBackgroundColor: rgb(0 0 0 / 0.6);
19
19
  @blurredEndFilter: e("blur(5px) grayscale(0.7)");
20
20
 
21
21
  /* Color below page */
package/src/themes/default/modules/toast.variables CHANGED
@@ -35,8 +35,8 @@
35
35
  @toastNeutralColor: @white;
36
36
  @toastInvertedColor: @black;
37
37
 
38
- @toastBoxBorder: 1px solid rgba(34, 36, 38, 0.12);
39
- @invertedToastBoxBorder: 1px solid rgba(225, 225, 225, 0.5);
38
+ @toastBoxBorder: 1px solid rgb(34 36 38 / 0.12);
39
+ @invertedToastBoxBorder: 1px solid rgb(225 225 225 / 0.5);
40
40
 
41
41
  /* Icon */
42
42
  @toastIconContentPadding: 3em;
@@ -78,8 +78,8 @@
78
78
  @toastCloseDistanceVertical: 1em;
79
79
 
80
80
  /* Actions */
81
- @toastActionBackground: rgba(255, 255, 255, 0.25);
82
- @toastActionBorder: 1px solid rgba(0, 0, 0, 0.2);
81
+ @toastActionBackground: rgb(255 255 255 / 0.25);
82
+ @toastActionBorder: 1px solid rgb(0 0 0 / 0.2);
83
83
  @toastActionMargin: -1em;
84
84
  @toastActionMarginTop: 0.5em;
85
85
  @toastActionMarginLeft: 1em;
package/src/themes/default/views/card.variables CHANGED
@@ -49,7 +49,6 @@
49
49
  /* Image */
50
50
  @imageBackground: @transparentBlack;
51
51
  @imagePadding: 0;
52
- @imageBorder: none;
53
52
  @imageBoxShadow: none;
54
53
  @imageBorder: none;
55
54
 
@@ -99,7 +98,7 @@
99
98
 
100
99
  /* Description */
101
100
  @descriptionDistance: 0.5em;
102
- @descriptionColor: rgba(0, 0, 0, 0.68);
101
+ @descriptionColor: rgb(0 0 0 / 0.68);
103
102
 
104
103
  /* Content Image */
105
104
  @contentImageWidth: "";
@@ -117,7 +116,7 @@
117
116
  @dimmerColor: "";
118
117
 
119
118
  /* Additional Content */
120
- @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
119
+ @extraDivider: 1px solid rgb(0 0 0 / 0.05);
121
120
  @extraBackground: none;
122
121
  @extraPosition: static;
123
122
  @extraWidth: auto;
@@ -142,8 +141,8 @@
142
141
  *******************************/
143
142
 
144
143
  /* Loading Dimmer */
145
- @loaderDimmerColor: rgba(255, 255, 255, 0.8);
146
- @loaderInvertedDimmerColor: rgba(0, 0, 0, 0.85);
144
+ @loaderDimmerColor: rgb(255 255 255 / 0.8);
145
+ @loaderInvertedDimmerColor: rgb(0 0 0 / 0.85);
147
146
  @loaderDimmerZIndex: 100;
148
147
 
149
148
  /* Loading Spinner */
@@ -227,7 +226,7 @@
227
226
 
228
227
  /* Inverted */
229
228
  @invertedBackground: @black;
230
- @invertedContentDivider: @borderWidth solid rgba(255, 255, 255, 0.15);
229
+ @invertedContentDivider: @borderWidth solid rgb(255 255 255 / 0.15);
231
230
  @invertedHeaderColor: @invertedTextColor;
232
231
  @invertedHeaderLinkColor: @invertedTextColor;
233
232
  @invertedHeaderLinkHoverColor: @linkHoverColor;
@@ -237,7 +236,7 @@
237
236
  @invertedMetaLinkHoverColor: @invertedHoveredTextColor;
238
237
  @invertedExtraColor: @invertedLightTextColor;
239
238
  @invertedExtraLinkColor: @invertedUnselectedTextColor;
240
- @invertedExtraDivider: 1px solid rgba(255, 255, 255, 0.15);
239
+ @invertedExtraDivider: 1px solid rgb(255 255 255 / 0.15);
241
240
  @invertedLinkHoverBackground: @black;
242
241
  @invertedBoxShadow:
243
242
  0 @shadowDistance 3px 0 @solidWhiteBorderColor,
package/src/themes/default/views/feed.variables CHANGED
@@ -33,7 +33,7 @@
33
33
  @iconLabelBackground: none;
34
34
  @iconLabelBorderRadius: 0;
35
35
  @iconLabelBorder: none;
36
- @iconLabelColor: rgba(0, 0, 0, 0.6);
36
+ @iconLabelColor: rgb(0 0 0 / 0.6);
37
37
 
38
38
  /* Image Label */
39
39
  @imageLabelWidth: 100%;
@@ -124,7 +124,7 @@
124
124
  @metadataBorderRadius: 0;
125
125
  @metadataBoxShadow: none;
126
126
  @metadataPadding: 0;
127
- @metadataColor: rgba(0, 0, 0, 0.6);
127
+ @metadataColor: rgb(0 0 0 / 0.6);
128
128
 
129
129
  @metadataElementSpacing: 0.75em;
130
130
 
@@ -136,12 +136,12 @@
136
136
 
137
137
  /* Metadata Divider */
138
138
  @metadataDivider: "";
139
- @metadataDividerColor: rgba(0, 0, 0, 0.2);
139
+ @metadataDividerColor: rgb(0 0 0 / 0.2);
140
140
  @metadataDividerOffset: -1em;
141
141
 
142
142
  @metadataActionCursor: pointer;
143
143
  @metadataActionOpacity: 1;
144
- @metadataActionColor: rgba(0, 0, 0, 0.5);
144
+ @metadataActionColor: rgb(0 0 0 / 0.5);
145
145
  @metadataActionTransition: color @defaultDuration @defaultEasing;
146
146
 
147
147
  @metadataActionHoverColor: @selectedTextColor;
package/src/themes/default/views/item.variables CHANGED
@@ -46,7 +46,6 @@
46
46
  @imageVerticalAlign: start;
47
47
  @imageMargin: 0;
48
48
  @imagePadding: 0;
49
- @imageBorder: none;
50
49
  @imageBorderRadius: 0.125rem;
51
50
  @imageBoxShadow: none;
52
51
  @imageBorder: none;
@@ -77,7 +76,7 @@
77
76
  @metaFontSize: 1em;
78
77
  @metaLineHeight: 1em;
79
78
  @metaSpacing: 0.3em;
80
- @metaColor: rgba(0, 0, 0, 0.6);
79
+ @metaColor: rgb(0 0 0 / 0.6);
81
80
 
82
81
  /* Icons */
83
82
  @actionOpacity: 0.75;
@@ -167,7 +166,7 @@
167
166
  @invertedContentLinkHoverColor: @linkColor;
168
167
  @invertedExtraColor: @invertedLightTextColor;
169
168
  @invertedDescriptionColor: @invertedTextColor;
170
- @invertedMetaColor: rgba(255, 255, 255, 0.8);
169
+ @invertedMetaColor: rgb(255 255 255 / 0.8);
171
170
  @invertedLikeColor: if(iscolor(@likeColor), lighten(@likeColor, 10), @likeColor);
172
171
  @invertedLikeActiveColor: if(iscolor(@likeActiveColor), lighten(@likeActiveColor, 10), @likeActiveColor);
173
172
  @invertedFavoriteColor: if(iscolor(@favoriteColor), lighten(@favoriteColor, 10), @favoriteColor);
package/src/themes/flat/collections/form.variables CHANGED
@@ -65,7 +65,7 @@
65
65
  @inputErrorPlaceholderFocusColor: if(iscolor(@formErrorColor), lighten(@formErrorColor, 5), @formErrorColor);
66
66
 
67
67
  /* Loading */
68
- @formLoaderDimmerColor: rgba(255, 255, 255, 0.6);
68
+ @formLoaderDimmerColor: rgb(255 255 255 / 0.6);
69
69
  @formLoaderPath: "@{imagePath}/loader-large.gif";
70
70
  @formLoaderPosition: 50% 50%;
71
71
 
package/src/themes/flat/globals/site.variables CHANGED
@@ -53,7 +53,7 @@
53
53
 
54
54
  @bodyBackground: #fcfcfc;
55
55
  @fontSize: 14px;
56
- @textColor: rgba(0, 0, 0, 0.8);
56
+ @textColor: rgb(0 0 0 / 0.8);
57
57
 
58
58
  @headerMargin: 1em 0 1rem;
59
59
  @paragraphMargin: 0 0 1em;
@@ -70,19 +70,19 @@
70
70
  Background Colors
71
71
  -------------------- */
72
72
 
73
- @subtleTransparentBlack: rgba(0, 0, 0, 0.03);
74
- @transparentBlack: rgba(0, 0, 0, 0.05);
75
- @strongTransparentBlack: rgba(0, 0, 0, 0.1);
73
+ @subtleTransparentBlack: rgb(0 0 0 / 0.03);
74
+ @transparentBlack: rgb(0 0 0 / 0.05);
75
+ @strongTransparentBlack: rgb(0 0 0 / 0.1);
76
76
 
77
- @subtleTransparentWhite: rgba(255, 255, 255, 0.01);
78
- @transparentWhite: rgba(255, 255, 255, 0.05);
79
- @strongTransparentWhite: rgba(255, 255, 255, 0.01);
77
+ @subtleTransparentWhite: rgb(255 255 255 / 0.01);
78
+ @transparentWhite: rgb(255 255 255 / 0.05);
79
+ @strongTransparentWhite: rgb(255 255 255 / 0.01);
80
80
 
81
81
  /* Used for differentiating neutrals */
82
- @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
82
+ @subtleGradient: linear-gradient(transparent, rgb(0 0 0 / 0.05));
83
83
 
84
84
  /* Used for differentiating layers */
85
- @subtleShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
85
+ @subtleShadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
86
86
 
87
87
  /* -------------------
88
88
  Grid
package/src/themes/github/collections/form.overrides CHANGED
@@ -4,12 +4,12 @@
4
4
 
5
5
  .ui.selection.dropdown {
6
6
  background-color: #fafafa;
7
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
7
+ box-shadow: 0 1px 2px rgb(0 0 0 / 0.075) inset;
8
8
  border-color: #ccc;
9
9
  }
10
10
 
11
11
  .ui.selection.dropdown:focus {
12
12
  box-shadow:
13
- 0 1px 2px rgba(0, 0, 0, 0.075) inset,
14
- 0 0 5px rgba(81, 167, 232, 0.5);
13
+ 0 1px 2px rgb(0 0 0 / 0.075) inset,
14
+ 0 0 5px rgb(81 167 232 / 0.5);
15
15
  }
package/src/themes/github/collections/form.variables CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  @inputBackground: #fafafa;
10
10
  @inputBorder: 1px solid #ccc;
11
- @inputBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
11
+ @inputBoxShadow: 0 1px 2px rgb(0 0 0 / 0.075) inset;
12
12
  @inputBorderRadius: 3px;
13
13
 
14
14
  @labelFontWeight: bold;
@@ -20,8 +20,8 @@
20
20
 
21
21
  @inputFocusBackground: #fff;
22
22
  @inputFocusBoxShadow:
23
- 0 1px 2px rgba(0, 0, 0, 0.075) inset,
24
- 0 0 5px rgba(81, 167, 232, 0.5);
23
+ 0 1px 2px rgb(0 0 0 / 0.075) inset,
24
+ 0 0 5px rgb(81 167 232 / 0.5);
25
25
  @inputFocusBorderColor: #51a7e8;
26
26
  @inputFocusBorderRadius: @inputBorderRadius;
27
27
 
package/src/themes/github/collections/menu.overrides CHANGED
@@ -3,5 +3,5 @@
3
3
  *******************************/
4
4
 
5
5
  .ui.menu .item > .label {
6
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
6
+ box-shadow: 0 0 0 1px rgb(0 0 0 / 0.1) inset;
7
7
  }
package/src/themes/github/collections/menu.variables CHANGED
@@ -5,18 +5,18 @@
5
5
  @itemVerticalPadding: 1em;
6
6
  @itemHorizontalPadding: 1.25em;
7
7
 
8
- @background: #fff linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
8
+ @background: #fff linear-gradient(rgb(255 255 255 / 0.05), rgb(0 0 0 / 0.05));
9
9
  @fontWeight: normal;
10
10
 
11
11
  @activeBorderSize: 0;
12
12
 
13
- @hoverBackground: rgba(0, 0, 0, 0.02);
14
- @downBackground: rgba(0, 0, 0, 0.06);
13
+ @hoverBackground: rgb(0 0 0 / 0.02);
14
+ @downBackground: rgb(0 0 0 / 0.06);
15
15
 
16
- @activeBackground: rgba(0, 0, 0, 0.04);
17
- @activeHoverBackground: rgba(0, 0, 0, 0.04);
16
+ @activeBackground: rgb(0 0 0 / 0.04);
17
+ @activeHoverBackground: rgb(0 0 0 / 0.04);
18
18
 
19
- @headerBackground: rgba(0, 0, 0, 0.08);
19
+ @headerBackground: rgb(0 0 0 / 0.08);
20
20
 
21
21
  @subMenuMargin: 0.5em -0.6em 0;
22
22
  @subMenuHorizontalPadding: 0.7em;
@@ -50,10 +50,10 @@
50
50
  -------------------- */
51
51
 
52
52
  @verticalBackground: #fff;
53
- @verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
53
+ @verticalItemBackground: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.02));
54
54
 
55
- @invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0));
55
+ @invertedBackground: @black linear-gradient(rgb(255 255 255 / 0.05), rgb(0 0 0 / 0));
56
56
  @invertedBoxShadow:
57
- 0 1px 2px 0 rgba(0, 0, 0, 0.15),
58
- 0 0 0 1px rgba(255, 255, 255, 0.15);
57
+ 0 1px 2px 0 rgb(0 0 0 / 0.15),
58
+ 0 0 0 1px rgb(255 255 255 / 0.15);
59
59
  @secondaryVerticalPadding: 0.75em;
package/src/themes/github/collections/message.variables CHANGED
@@ -1,7 +1,7 @@
1
- @background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #fefefe;
1
+ @background: linear-gradient(rgb(255 255 255 / 0.1), rgb(0 0 0 / 0.05)) #fefefe;
2
2
  @boxShadow:
3
- 0 0 0 1px rgba(255, 255, 255, 0.3) inset,
4
- 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
3
+ 0 0 0 1px rgb(255 255 255 / 0.3) inset,
4
+ 0 0 0 1px rgb(0 0 0 / 0.2) inset;
5
5
  @verticalPadding: 15px;
6
6
  @horizontalPadding: 15px;
7
7
 
@@ -12,9 +12,9 @@
12
12
  @errorTextColor: #911;
13
13
 
14
14
  @floatingBoxShadow:
15
- 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
16
- 0 2px 3px 0 rgba(0, 0, 0, 0.1),
17
- 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
15
+ 0 0 0 1px rgb(0 0 0 / 0.1) inset,
16
+ 0 2px 3px 0 rgb(0 0 0 / 0.1),
17
+ 0 0 0 1px rgb(0 0 0 / 0.05) inset;
18
18
 
19
19
  @infoBorderColor: #97c1da;
20
20
  @errorBorderColor: #da9797;
package/src/themes/github/elements/button.variables CHANGED
@@ -12,8 +12,8 @@
12
12
  @fontWeight: bold;
13
13
  @textColor: #333;
14
14
 
15
- @textShadow: 0 1px 0 rgba(255, 255, 255, 0.9);
16
- @invertedTextShadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
15
+ @textShadow: 0 1px 0 rgb(255 255 255 / 0.9);
16
+ @invertedTextShadow: 0 -1px 0 rgb(0 0 0 / 0.25);
17
17
 
18
18
  @borderRadius: @relativeBorderRadius;
19
19
 
@@ -21,34 +21,34 @@
21
21
  @horizontalPadding: 1.15em;
22
22
 
23
23
  @backgroundColor: #fafafa;
24
- @backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
24
+ @backgroundImage: linear-gradient(rgb(255 255 255 / 0.15), rgb(0 0 0 / 0.1));
25
25
  @boxShadow:
26
- 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
27
- 0 0 0 1px rgba(0, 0, 0, 0.13) inset,
28
- 0 1px 3px rgba(0, 0, 0, 0.05);
26
+ 0 -1px 0 0 rgb(0 0 0 / 0.05) inset,
27
+ 0 0 0 1px rgb(0 0 0 / 0.13) inset,
28
+ 0 1px 3px rgb(0 0 0 / 0.05);
29
29
 
30
- @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
30
+ @coloredBackgroundImage: linear-gradient(rgb(255 255 255 / 0.2), rgb(0 0 0 / 0.2));
31
31
  @coloredBoxShadow:
32
- 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
33
- 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
34
- 0 1px 3px rgba(0, 0, 0, 0.05);
32
+ 0 -1px 0 0 rgb(0 0 0 / 0.05) inset,
33
+ 0 0 0 1px rgb(0 0 0 / 0.1) inset,
34
+ 0 1px 3px rgb(0 0 0 / 0.05);
35
35
 
36
36
  @hoverBackgroundColor: #e0e0e0;
37
- @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
37
+ @hoverBackgroundImage: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.08));
38
38
  @hoverBoxShadow: @boxShadow;
39
39
 
40
40
  @downBackgroundColor: "";
41
41
  @downBackgroundImage: "";
42
42
  @downBoxShadow:
43
- 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
44
- 0 0 0 1px rgba(0, 0, 0, 0.13) inset,
45
- 0 3px 5px rgba(0, 0, 0, 0.15) inset !important;
43
+ 0 -1px 0 0 rgb(0 0 0 / 0.05) inset,
44
+ 0 0 0 1px rgb(0 0 0 / 0.13) inset,
45
+ 0 3px 5px rgb(0 0 0 / 0.15) inset !important;
46
46
  @activeBackgroundColor: #dfdfdf;
47
47
  @activeBackgroundImage: none;
48
48
  @activeBoxShadow:
49
- 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
50
- 0 0 0 1px rgba(0, 0, 0, 0.13) inset,
51
- 0 3px 5px rgba(0, 0, 0, 0.1) inset !important;
49
+ 0 -1px 0 0 rgb(0 0 0 / 0.05) inset,
50
+ 0 0 0 1px rgb(0 0 0 / 0.13) inset,
51
+ 0 3px 5px rgb(0 0 0 / 0.1) inset !important;
52
52
 
53
53
  @labeledIconBackgroundColor: transparent;
54
54
  @labeledIconBorder: transparent;
package/src/themes/github/elements/input.variables CHANGED
@@ -2,7 +2,7 @@
2
2
  Input
3
3
  *******************************/
4
4
 
5
- @boxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
5
+ @boxShadow: 0 1px 2px rgb(0 0 0 / 0.075) inset;
6
6
 
7
7
  @verticalPadding: @relative7px;
8
8
  @horizontalPadding: @relative8px;
@@ -11,5 +11,5 @@
11
11
 
12
12
  @focusBorderColor: #51a7e8;
13
13
  @focusBoxShadow:
14
- 0 1px 2px rgba(0, 0, 0, 0.075) inset,
15
- 0 0 5px rgba(81, 167, 232, 0.5);
14
+ 0 1px 2px rgb(0 0 0 / 0.075) inset,
15
+ 0 0 5px rgb(81 167 232 / 0.5);
package/src/themes/github/elements/segment.variables CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  @segmentBorderWidth: 1px;
10
10
  @border: 1px solid #d8dee2;
11
- @boxShadow: 0 1px 3px rgba(0, 0, 0, 0.075);
11
+ @boxShadow: 0 1px 3px rgb(0 0 0 / 0.075);
12
12
 
13
13
  @verticalPadding: 20px;
14
14
  @horizontalPadding: 20px;
@@ -20,7 +20,7 @@
20
20
  *******************************/
21
21
 
22
22
  /* Raised */
23
- @raisedBoxShadow: 0 1px 3px rgba(0, 0, 0, 0.075);
23
+ @raisedBoxShadow: 0 1px 3px rgb(0 0 0 / 0.075);
24
24
 
25
25
  /* Colors */
26
26
  @coloredBorderSize: 0.5em;
package/src/themes/github/elements/step.overrides CHANGED
@@ -12,8 +12,8 @@
12
12
  .ui.steps .step.active::after {
13
13
  display: block;
14
14
  border: none;
15
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
16
- border-left: 1px solid rgba(0, 0, 0, 0.2);
15
+ border-bottom: 1px solid rgb(0 0 0 / 0.2);
16
+ border-left: 1px solid rgb(0 0 0 / 0.2);
17
17
  }
18
18
  .ui.vertical.steps .step.active::after {
19
19
  display: block;
@@ -21,6 +21,6 @@
21
21
  top: 50%;
22
22
  right: 0;
23
23
  border-left: none;
24
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
25
- border-right: 1px solid rgba(0, 0, 0, 0.2);
24
+ border-bottom: 1px solid rgb(0 0 0 / 0.2);
25
+ border-right: 1px solid rgb(0 0 0 / 0.2);
26
26
  }