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
@@ -51,6 +51,7 @@
51
51
  @variationContainerFluid: true;
52
52
  @variationContainerAligned: true;
53
53
  @variationContainerJustified: true;
54
+ @variationContainerResizable: true;
54
55
  @variationContainerScrolling: true;
55
56
  @variationContainerScrollingShort: true;
56
57
  @variationContainerScrollingVeryShort: true;
@@ -127,7 +128,7 @@
127
128
  @variationInputDisabled: true;
128
129
  @variationInputInverted: true;
129
130
  @variationInputStates: @variationAllStates;
130
- @variationInputInvalid: true;
131
+ @variationInputInvalid: false;
131
132
  @variationInputTransparent: true;
132
133
  @variationInputCorner: true;
133
134
  @variationInputLoading: true;
@@ -235,6 +236,7 @@
235
236
  @variationSegmentAttached: true;
236
237
  @variationSegmentSeamless: true;
237
238
  @variationSegmentFitted: true;
239
+ @variationSegmentResizable: true;
238
240
  @variationSegmentScrolling: true;
239
241
  @variationSegmentScrollingShort: true;
240
242
  @variationSegmentScrollingVeryShort: true;
@@ -372,6 +374,7 @@
372
374
  @variationTableMarked: true;
373
375
  @variationTableEqualWidth: true;
374
376
  @variationTableWide: true;
377
+ @variationTableResizable: true;
375
378
  @variationTableScrolling: true;
376
379
  @variationTableScrollingShort: true;
377
380
  @variationTableScrollingVeryShort: true;
@@ -436,6 +439,7 @@
436
439
 
437
440
  /* Comment */
438
441
  @variationCommentInverted: true;
442
+ @variationCommentDisabled: true;
439
443
  @variationCommentThreaded: true;
440
444
  @variationCommentMinimal: true;
441
445
  @variationCommentAvatar: true;
@@ -448,16 +452,29 @@
448
452
 
449
453
  /* Feed */
450
454
  @variationFeedInverted: true;
455
+ @variationFeedDisabled: true;
451
456
  @variationFeedMeta: true;
452
457
  @variationFeedSummary: true;
453
458
  @variationFeedUser: true;
454
459
  @variationFeedExtra: true;
455
460
  @variationFeedDate: true;
456
461
  @variationFeedLike: true;
462
+ @variationFeedLabel: true;
463
+ @variationFeedLabelIcon: true;
464
+ @variationFeedLabelImage: true;
465
+ @variationFeedLabelText: true;
466
+ @variationFeedLabelUiLabel: true;
467
+ @variationFeedConnected: true;
468
+ @variationFeedDivided: true;
469
+ @variationFeedOrdered: true;
470
+ @variationFeedBasic: true;
471
+ @variationFeedRightFloated: true;
457
472
  @variationFeedSizes: @variationAllSizes;
473
+ @variationFeedColors: @variationAllColors;
458
474
 
459
475
  /* Item */
460
476
  @variationItemInverted: true;
477
+ @variationItemDisabled: true;
461
478
  @variationItemImage: true;
462
479
  @variationItemHeader: true;
463
480
  @variationItemDescription: true;
@@ -502,11 +519,13 @@
502
519
  @variationCalendarInverted: true;
503
520
  @variationCalendarDisabled: true;
504
521
  @variationCalendarMultiMonth: true;
522
+ @variationCalendarSizes: @variationAllSizes;
505
523
 
506
524
  /* Checkbox */
507
525
  @variationCheckboxDisabled: true;
508
526
  @variationCheckboxReadonly: true;
509
527
  @variationCheckboxInverted: true;
528
+ @variationCheckboxInvisible: true;
510
529
  @variationCheckboxRadio: true;
511
530
  @variationCheckboxSlider: true;
512
531
  @variationCheckboxToggle: true;
@@ -546,6 +565,7 @@
546
565
  @variationDropdownLeft: true;
547
566
  @variationDropdownUpward: true;
548
567
  @variationDropdownSimple: true;
568
+ @variationDropdownResizable: true;
549
569
  @variationDropdownScrolling: true;
550
570
  @variationDropdownFluid: true;
551
571
  @variationDropdownFloating: true;
@@ -581,6 +601,7 @@
581
601
  @variationModalFullscreen: true;
582
602
  @variationModalOverlay: true;
583
603
  @variationModalAligned: true;
604
+ @variationModalResizable: true;
584
605
  @variationModalScrolling: true;
585
606
  @variationModalLegacy: true;
586
607
  @variationModalCloseInside: true;
@@ -646,6 +667,7 @@
646
667
  @variationSearchDisabled: true;
647
668
  @variationSearchSelection: true;
648
669
  @variationSearchCategory: true;
670
+ @variationSearchHorizontalCategory: true;
649
671
  @variationSearchLoading: true;
650
672
  @variationSearchAligned: true;
651
673
  @variationSearchFluid: true;
@@ -653,6 +675,7 @@
653
675
  @variationSearchVeryShort: true;
654
676
  @variationSearchLong: true;
655
677
  @variationSearchVeryLong: true;
678
+ @variationSearchResizable: true;
656
679
  @variationSearchScrolling: true;
657
680
  @variationSearchSizes: @variationAllSizes;
658
681
 
@@ -23,3 +23,14 @@
23
23
 
24
24
  @multiMonthMargin: -1rem;
25
25
  @multiMonthPadding: 0;
26
+
27
+ @cellPadding: 0.5em;
28
+ @cellLeftRightPadding: 0.1em;
29
+ @cellHeaderTopPadding: 0.2em;
30
+ @cellHeaderBottomPadding: 0.3em;
31
+
32
+ @widthPrevNext: (100% / 7);
33
+ @widthYearMonthMinute: 15em;
34
+ @widthDay: 18em;
35
+ @widthDayAndWeek: 22em;
36
+ @widthHour: 20em;
@@ -190,6 +190,18 @@
190
190
  Variations
191
191
  -------------------- */
192
192
 
193
+ /* Invisible */
194
+ @invisibleCheckboxLabelTransition: all @defaultDuration @defaultEasing;
195
+ @invisibleCheckboxBackground: transparent;
196
+ @invisibleCheckboxBorderColor: transparent;
197
+ @invisibleCheckboxColor: inherit;
198
+ @invisibleCheckboxBoxShadow: 0 0 0 @borderWidth @borderColor inset;
199
+ @invisibleCheckboxFocusBoxShadow: 0 0 0 @borderWidth @selectedBorderColor inset;
200
+ @invisibleCheckboxImageOpacityUnchecked: 0.5;
201
+ @invisibleCheckboxImageOpacityUncheckedDisabled: @invisibleCheckboxImageOpacityUnchecked * @disabledCheckboxOpacity;
202
+ @invisibleCheckboxImageOpacityFocus: 0.75;
203
+ @invisibleCheckboxImageFilterUnchecked: grayscale(1);
204
+
193
205
  /* Inverted */
194
206
  @checkboxInvertedHoverBackground: @black;
195
207
 
@@ -292,7 +292,7 @@
292
292
  @additionZIndex: @hoveredZIndex + 1;
293
293
 
294
294
  /* Hovered */
295
- @hoveredItemBackground: @transparentBlack;
295
+ @hoveredItemBackground: #f2f2f2;
296
296
  @hoveredItemColor: @selectedTextColor;
297
297
  @hoveredZIndex: @menuZIndex + 2;
298
298
 
@@ -311,7 +311,7 @@
311
311
  @activeItemColor: @selectedTextColor;
312
312
 
313
313
  /* Selected */
314
- @selectedBackground: @subtleTransparentBlack;
314
+ @selectedBackground: #f7f7f7;
315
315
  @selectedColor: @selectedTextColor;
316
316
 
317
317
  /* Clearable */
@@ -382,6 +382,7 @@
382
382
  @pointingArrowBackground: @white;
383
383
  @pointingArrowZIndex: 2;
384
384
  @pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0 0 @menuBorderColor;
385
+ @pointingArrowBoxShadowSelection: -@menuBorderWidth -@menuBorderWidth 0 0 @selectionVisibleBorderColor;
385
386
  @pointingArrowSize: @relative7px;
386
387
 
387
388
  @pointingMenuDistance: @mini;
@@ -390,6 +391,7 @@
390
391
  /* Pointing Upward */
391
392
  @pointingUpwardMenuBorderRadius: @borderRadius;
392
393
  @pointingUpwardArrowBoxShadow: @menuBorderWidth @menuBorderWidth 0 0 @menuBorderColor;
394
+ @pointingUpwardArrowBoxShadowSelection: @menuBorderWidth @menuBorderWidth 0 0 @selectionVisibleBorderColor;
393
395
 
394
396
  /* Scrollhint */
395
397
  @scrollhintWidth: 0.25em;
@@ -416,15 +418,16 @@
416
418
 
417
419
  @invertedPointingArrowBackground: @black;
418
420
  @invertedPointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0 0 @invertedMenuBorderColor;
421
+ @invertedPointingUpwardArrowBoxShadow: @menuBorderWidth @menuBorderWidth 0 0 @invertedMenuBorderColor;
419
422
 
420
- @invertedHoveredItemBackground: @transparentWhite;
423
+ @invertedHoveredItemBackground: #2d2e2f;
421
424
  @invertedHoveredItemColor: @invertedMenuColor;
422
425
 
423
426
  @invertedActiveItemBackground: transparent;
424
427
  @invertedActiveItemColor: @invertedMenuColor;
425
428
  @invertedActiveItemBoxShadow: none;
426
429
 
427
- @invertedSelectedBackground: @strongTransparentWhite;
430
+ @invertedSelectedBackground: #3d3e3f;
428
431
  @invertedSelectedColor: @invertedMenuColor;
429
432
 
430
433
  @invertedMenuHeaderColor: @white;
@@ -474,3 +477,6 @@
474
477
  /* Scrollhint */
475
478
  @invertedScrollhintStartColor: rgba(255, 255, 255, 0.75);
476
479
  @invertedScrollhintEndColor: rgba(255, 255, 255, 0);
480
+
481
+ /* Resizable */
482
+ @resizableDirection: vertical;
@@ -261,3 +261,6 @@
261
261
  1px -1px 2px rgba(255, 255, 255, 0.3),
262
262
  -1px 2px 2px rgba(255, 255, 255, 0.3),
263
263
  1px 2px 2px rgba(255, 255, 255, 0.3);
264
+
265
+ /* Resizable */
266
+ @resizableDirection: vertical;
@@ -49,7 +49,7 @@
49
49
  @arrowOffset: -(@arrowSize / 2) + @arrowJitter;
50
50
 
51
51
  @arrowStroke: @borderWidth;
52
- @arrowColor: darken(@borderColor, 10);
52
+ @arrowColor: if(iscolor(@borderColor), darken(@borderColor, 10), @borderColor);
53
53
 
54
54
  /* Arrow color by position */
55
55
  @arrowTopBackground: @arrowBackground;
@@ -174,3 +174,6 @@
174
174
  @bigSearchSize: @relativeBig;
175
175
  @hugeSearchSize: @relativeHuge;
176
176
  @massiveSearchSize: @relativeMassive;
177
+
178
+ /* Resizable */
179
+ @resizableDirection: vertical;
@@ -36,6 +36,7 @@
36
36
  @toastInvertedColor: @black;
37
37
 
38
38
  @toastBoxBorder: 1px solid rgba(34, 36, 38, 0.12);
39
+ @invertedToastBoxBorder: 1px solid rgba(225, 225, 225, 0.5);
39
40
 
40
41
  /* Icon */
41
42
  @toastIconContentPadding: 3em;
@@ -62,11 +63,11 @@
62
63
  @toastImageMiniImagePadding: 4.4em;
63
64
 
64
65
  /* Progressbar Colors */
65
- @toastInfoProgressColor: darken(@toastInfoColor, 15);
66
- @toastWarningProgressColor: darken(@toastWarningColor, 15);
67
- @toastErrorProgressColor: darken(@toastErrorColor, 15);
68
- @toastSuccessProgressColor: darken(@toastSuccessColor, 15);
69
- @toastNeutralProgressColor: darken(@toastNeutralColor, 15);
66
+ @toastInfoProgressColor: if(iscolor(@toastInfoColor), darken(@toastInfoColor, 15), @toastInfoColor);
67
+ @toastWarningProgressColor: if(iscolor(@toastWarningColor), darken(@toastWarningColor, 15), @toastWarningColor);
68
+ @toastErrorProgressColor: if(iscolor(@toastErrorColor), darken(@toastErrorColor, 15), @toastErrorColor);
69
+ @toastSuccessProgressColor: if(iscolor(@toastSuccessColor), darken(@toastSuccessColor, 15), @toastSuccessColor);
70
+ @toastNeutralProgressColor: if(iscolor(@toastNeutralColor), darken(@toastNeutralColor, 15), @toastNeutralColor);
70
71
 
71
72
  /* Close Icon */
72
73
  @toastCloseTopDistance: 0.3em;
@@ -21,9 +21,7 @@
21
21
  @width: 290px;
22
22
  @borderWidth: 1px;
23
23
  @borderShadow: 0 0 0 @borderWidth @solidBorderColor;
24
- @boxShadow:
25
- @shadowBoxShadow,
26
- @borderShadow;
24
+ @boxShadow: @shadowBoxShadow, @borderShadow;
27
25
  @border: none;
28
26
  @zIndex: "";
29
27
  @transition:
@@ -164,9 +162,7 @@
164
162
  @linkHoverTransform: translateY(-@linkHoverRaiseDistance);
165
163
 
166
164
  @shadowHoverBoxShadow: 0 @shadowDistance @linkHoverRaiseDistance 0 @solidSelectedBorderColor;
167
- @linkHoverBoxShadow:
168
- @shadowHoverBoxShadow,
169
- @borderShadow;
165
+ @linkHoverBoxShadow: @shadowHoverBoxShadow, @borderShadow;
170
166
 
171
167
  /* Horizontal */
172
168
  @horizontalMinWidth: 270px;
@@ -174,12 +170,8 @@
174
170
  @horizontalImageWidth: 150px;
175
171
 
176
172
  /* Raised */
177
- @raisedShadow:
178
- @borderShadow,
179
- @floatingShadow;
180
- @raisedShadowHover:
181
- @borderShadow,
182
- @floatingShadowHover;
173
+ @raisedShadow: @borderShadow, @floatingShadow;
174
+ @raisedShadowHover: @borderShadow, @floatingShadowHover;
183
175
 
184
176
  /* Basic Raised */
185
177
  @basicRaisedShadow: @floatingShadow;
@@ -31,7 +31,7 @@
31
31
  @iconLabelSize: 1.5em;
32
32
  @iconLabelPadding: 0.25em;
33
33
  @iconLabelBackground: none;
34
- @iconLabelBorderRadius: none;
34
+ @iconLabelBorderRadius: 0;
35
35
  @iconLabelBorder: none;
36
36
  @iconLabelColor: rgba(0, 0, 0, 0.6);
37
37
 
@@ -40,6 +40,16 @@
40
40
  @imageLabelHeight: auto;
41
41
  @imageLabelBorderRadius: @circularRadius;
42
42
 
43
+ /* Text Label */
44
+ @textLabelTopMargin: 0.5em;
45
+ @uiTextLabelTopMargin: 0.65em;
46
+ @multilineTextLabelTopMargin: 0;
47
+ @uiMultilineTextLabelTopMargin: 0.3em;
48
+
49
+ /* Ui label */
50
+ @uiLabelTopMargin: 0.4em;
51
+ @uiLabelZIndex: 1;
52
+
43
53
  /* Content w/ Label */
44
54
  @labeledContentMargin: 0.5em 0 @relative5px @relativeLarge;
45
55
  @lastLabeledContentPadding: 0;
@@ -139,3 +149,47 @@
139
149
  /* -------------------
140
150
  Variations
141
151
  -------------------- */
152
+
153
+ /* Connected */
154
+ @connectedBorderColor: @borderColor;
155
+ @connectedBorderWidth: 2px;
156
+ @connectedBorder: @connectedBorderWidth solid @connectedBorderColor;
157
+ @connectedBorderLeftOffset: 1.2em;
158
+ @connectedBorderTopOffset: 2.1em;
159
+ @connectedBorderHeight: e(%("calc(100%% - %d)", @iconLabelSize));
160
+
161
+ /* Divided */
162
+ @dividedBorderColor: @borderColor;
163
+ @dividedBorderWidth: @borderWidth;
164
+ @dividedBorder: @dividedBorderWidth solid @dividedBorderColor;
165
+
166
+ /* Ordered */
167
+ @orderedCountName: ordered;
168
+ @orderedCountContent: counter(@orderedCountName);
169
+ @orderedTopOffset: 0.6em;
170
+ @orderedBottomMargin: 0.3em;
171
+ @orderedBorderColor: transparent;
172
+ @orderedBorderWidth: 2px;
173
+ @orderedHeight: @labelWidth;
174
+ @orderedBorder: @orderedBorderWidth solid @orderedBorderColor;
175
+ @orderedBorderRadius: 50%;
176
+ @orderedColor: @white;
177
+ @orderedBackground: @orderedBasicBorderColor;
178
+ @orderedBasicBorderColor: #bbbbbb;
179
+ @orderedBasicColor: inherit;
180
+ @orderedBasicBackground: transparent;
181
+ @orderedConnectedBorderTopOffset: 2.7em;
182
+ @orderedConnectedBorderHeight: e(%("calc(100%% - %d)", (@orderedConnectedBorderTopOffset - 0.2em)));
183
+ @orderedConnectedLabeledBorderTopOffset: 4.85em;
184
+ @orderedConnectedLabeledBorderHeight: e(%("calc(100%% - %d)", (@orderedConnectedLabeledBorderTopOffset - 0.2em)));
185
+
186
+ /* Inverted */
187
+ @invertedBackground: @black;
188
+ @invertedIconLabelColor: @invertedLightTextColor;
189
+ @invertedLikeColor: @invertedLightTextColor;
190
+ @invertedLikeHoverColor: @invertedSelectedTextColor;
191
+ @invertedLikeActiveColor: @invertedLikeColor;
192
+
193
+ @invertedConnectedBorderColor: @whiteBorderColor;
194
+ @invertedDividedBorderColor: @whiteBorderColor;
195
+ @invertedTextLabelColor: @white;
@@ -163,15 +163,15 @@
163
163
  @invertedMetaLinkColor: @invertedLightTextColor;
164
164
  @invertedMetaLinkHoverColor: @invertedTextColor;
165
165
  @invertedContentColor: @invertedTextColor;
166
- @invertedContentLinkColor: lighten(saturate(@linkColor, 30), 25, relative);
166
+ @invertedContentLinkColor: if(iscolor(@linkColor), lighten(saturate(@linkColor, 30), 25, relative), @linkColor);
167
167
  @invertedContentLinkHoverColor: @linkColor;
168
168
  @invertedExtraColor: @invertedLightTextColor;
169
169
  @invertedDescriptionColor: @invertedTextColor;
170
170
  @invertedMetaColor: rgba(255, 255, 255, 0.8);
171
- @invertedLikeColor: lighten(@likeColor, 10);
172
- @invertedLikeActiveColor: lighten(@likeActiveColor, 10);
173
- @invertedFavoriteColor: lighten(@favoriteColor, 10);
174
- @invertedFavoriteActiveColor: lighten(@favoriteActiveColor, 10);
171
+ @invertedLikeColor: if(iscolor(@likeColor), lighten(@likeColor, 10), @likeColor);
172
+ @invertedLikeActiveColor: if(iscolor(@likeActiveColor), lighten(@likeActiveColor, 10), @likeActiveColor);
173
+ @invertedFavoriteColor: if(iscolor(@favoriteColor), lighten(@favoriteColor, 10), @favoriteColor);
174
+ @invertedFavoriteActiveColor: if(iscolor(@favoriteActiveColor), lighten(@favoriteActiveColor, 10), @favoriteActiveColor);
175
175
  @invertedDividedBorder: 1px solid @whiteBorderColor;
176
176
 
177
177
  @miniItemSize: @relativeMini;
@@ -59,10 +59,10 @@
59
59
  @inputErrorFocusBoxShadow: @inputErrorPointerSize 0 0 0 @negativeColorHover inset;
60
60
 
61
61
  /* Placeholder */
62
- @inputPlaceholderColor: lighten(@inputColor, 55);
63
- @inputPlaceholderFocusColor: lighten(@inputColor, 35);
64
- @inputErrorPlaceholderColor: lighten(@formErrorColor, 10);
65
- @inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 5);
62
+ @inputPlaceholderColor: if(iscolor(@inputColor), lighten(@inputColor, 55), @inputColor);
63
+ @inputPlaceholderFocusColor: if(iscolor(@inputColor), lighten(@inputColor, 35), @inputColor);
64
+ @inputErrorPlaceholderColor: if(iscolor(@formErrorColor), lighten(@formErrorColor, 10), @formErrorColor);
65
+ @inputErrorPlaceholderFocusColor: if(iscolor(@formErrorColor), lighten(@formErrorColor, 5), @formErrorColor);
66
66
 
67
67
  /* Loading */
68
68
  @formLoaderDimmerColor: rgba(255, 255, 255, 0.6);
@@ -60,7 +60,7 @@
60
60
 
61
61
  @linkColor: #009fda;
62
62
  @linkUnderline: none;
63
- @linkHoverColor: lighten(@linkColor, 5);
63
+ @linkHoverColor: if(iscolor(@linkColor), lighten(@linkColor, 5), @linkColor);
64
64
  @linkHoverUnderline: @linkUnderline;
65
65
 
66
66
  @highlightBackground: #ffc;
@@ -3,7 +3,11 @@
3
3
  -------------------- */
4
4
 
5
5
  /* Button Variables */
6
- @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
6
+ @pageFont:
7
+ Helvetica Neue,
8
+ Helvetica,
9
+ Arial,
10
+ sans-serif;
7
11
  @textTransform: none;
8
12
  @fontWeight: bold;
9
13
  @textColor: #333;