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.
- package/.all-contributorsrc +2 -2
- package/.github/FUNDING.yml +1 -1
- package/.github/auto_assign.yml +1 -1
- package/.github/workflows/ci.yml +5 -5
- package/.github/workflows/nightly.yml +1 -1
- package/.github/workflows/release.yml +1 -1
- package/CHANGELOG.md +131 -0
- package/CONTRIBUTORS.md +1 -1
- package/README.md +5 -2
- package/SECURITY.md +2 -1
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +2 -2
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +10 -9
- package/dist/components/api.min.js +2 -2
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +2 -2
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +140 -3
- package/dist/components/calendar.js +2 -2
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +2 -2
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +50 -6
- package/dist/components/checkbox.js +5 -3
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +2 -2
- package/dist/components/comment.css +6 -1
- package/dist/components/comment.min.css +2 -2
- package/dist/components/container.css +62 -1
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +3 -3
- package/dist/components/dimmer.js +2 -2
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +2 -2
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +101 -25
- package/dist/components/dropdown.js +29 -21
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +2 -2
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +697 -249
- package/dist/components/emoji.min.css +2 -2
- package/dist/components/feed.css +486 -5
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +3 -2
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +1 -1
- package/dist/components/flyout.js +2 -33
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +34 -32
- package/dist/components/form.js +72 -31
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +107 -107
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +62 -62
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +3 -27
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +6 -1
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +21 -2
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +13 -13
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +282 -282
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +13 -7
- package/dist/components/menu.min.css +2 -2
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +5 -1
- package/dist/components/modal.js +3 -3
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +3 -3
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +2 -2
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +3 -3
- package/dist/components/popup.js +11 -9
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +2 -2
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +2 -2
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +2 -2
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +2 -2
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +26 -1
- package/dist/components/search.js +5 -4
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +159 -33
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +2 -2
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +2 -2
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +2 -32
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +2 -2
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +2 -2
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +126 -26
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +2 -2
- package/dist/components/state.min.js +2 -2
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +2 -2
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +2 -2
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +6 -4
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +2 -2
- package/dist/components/table.css +65 -1
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +6 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +3 -3
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +2 -2
- package/dist/components/visibility.js +2 -2
- package/dist/components/visibility.min.js +2 -2
- package/dist/semantic.css +2822 -954
- package/dist/semantic.js +302 -206
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +5 -4
- package/scripts/nightly-version.js +2 -2
- package/src/definitions/behaviors/api.js +9 -8
- package/src/definitions/behaviors/form.js +71 -30
- package/src/definitions/behaviors/state.js +1 -1
- package/src/definitions/behaviors/visibility.js +1 -1
- package/src/definitions/collections/form.less +9 -14
- package/src/definitions/collections/grid.less +106 -106
- package/src/definitions/collections/menu.less +29 -22
- package/src/definitions/collections/table.less +66 -0
- package/src/definitions/elements/button.less +1 -1
- package/src/definitions/elements/container.less +63 -0
- package/src/definitions/elements/icon.less +5 -5
- package/src/definitions/elements/input.less +2 -2
- package/src/definitions/elements/label.less +21 -1
- package/src/definitions/elements/list.less +13 -13
- package/src/definitions/elements/loader.less +71 -71
- package/src/definitions/elements/segment.less +110 -13
- package/src/definitions/globals/site.js +1 -1
- package/src/definitions/modules/accordion.js +1 -1
- package/src/definitions/modules/calendar.js +1 -1
- package/src/definitions/modules/calendar.less +40 -11
- package/src/definitions/modules/checkbox.js +4 -2
- package/src/definitions/modules/checkbox.less +61 -5
- package/src/definitions/modules/dimmer.js +1 -1
- package/src/definitions/modules/dimmer.less +2 -2
- package/src/definitions/modules/dropdown.js +28 -20
- package/src/definitions/modules/dropdown.less +124 -21
- package/src/definitions/modules/embed.js +1 -1
- package/src/definitions/modules/flyout.js +1 -32
- package/src/definitions/modules/modal.js +2 -2
- package/src/definitions/modules/modal.less +6 -0
- package/src/definitions/modules/nag.js +2 -2
- package/src/definitions/modules/popup.js +10 -8
- package/src/definitions/modules/popup.less +4 -4
- package/src/definitions/modules/progress.js +1 -1
- package/src/definitions/modules/rating.js +1 -1
- package/src/definitions/modules/search.js +4 -3
- package/src/definitions/modules/search.less +31 -0
- package/src/definitions/modules/shape.js +1 -1
- package/src/definitions/modules/sidebar.js +1 -31
- package/src/definitions/modules/slider.js +125 -25
- package/src/definitions/modules/sticky.js +1 -1
- package/src/definitions/modules/tab.js +5 -3
- package/src/definitions/modules/toast.js +1 -1
- package/src/definitions/modules/toast.less +7 -0
- package/src/definitions/modules/transition.js +2 -2
- package/src/definitions/views/comment.less +7 -0
- package/src/definitions/views/feed.less +238 -32
- package/src/definitions/views/item.less +7 -0
- package/src/theme.less +1 -1
- package/src/themes/amazon/elements/button.variables +5 -1
- package/src/themes/bootstrap3/elements/button.variables +5 -1
- package/src/themes/chubby/elements/header.variables +6 -1
- package/src/themes/default/collections/message.variables +3 -9
- package/src/themes/default/collections/table.variables +11 -8
- package/src/themes/default/elements/button.variables +8 -10
- package/src/themes/default/elements/container.variables +3 -0
- package/src/themes/default/elements/emoji.variables +179 -67
- package/src/themes/default/elements/flag.variables +1 -1
- package/src/themes/default/elements/label.variables +6 -1
- package/src/themes/default/elements/segment.variables +8 -0
- package/src/themes/default/globals/site.variables +362 -341
- package/src/themes/default/globals/variation.variables +24 -1
- package/src/themes/default/modules/calendar.variables +11 -0
- package/src/themes/default/modules/checkbox.variables +12 -0
- package/src/themes/default/modules/dropdown.variables +10 -4
- package/src/themes/default/modules/modal.variables +3 -0
- package/src/themes/default/modules/popup.variables +1 -1
- package/src/themes/default/modules/search.variables +3 -0
- package/src/themes/default/modules/toast.variables +6 -5
- package/src/themes/default/views/card.variables +4 -12
- package/src/themes/default/views/feed.variables +55 -1
- package/src/themes/default/views/item.variables +5 -5
- package/src/themes/flat/collections/form.variables +4 -4
- package/src/themes/flat/globals/site.variables +1 -1
- package/src/themes/github/elements/button.variables +5 -1
- package/src/themes/joypixels/elements/emoji.variables +182 -70
- package/src/themes/material/globals/site.variables +1 -1
- package/src/themes/twitter/elements/button.variables +5 -1
- package/src/themes/twitter/elements/emoji.variables +178 -66
- package/tasks/admin/components/create.js +1 -2
- package/tasks/admin/components/init.js +3 -4
- package/tasks/admin/components/update.js +2 -3
- package/tasks/admin/distributions/create.js +9 -5
- package/tasks/admin/distributions/init.js +3 -4
- package/tasks/admin/distributions/update.js +2 -3
- package/tasks/config/project/install.js +3 -0
- package/tasks/config/tasks.js +1 -8
- package/tasks/config/user.js +1 -1
- package/tasks/docs/build.js +2 -2
- package/tasks/docs/metadata.js +1 -1
- package/tasks/docs/serve.js +1 -1
- package/tasks/install.js +19 -10
- package/tasks/watch.js +1 -2
- package/types/fomantic-ui-accordion.d.ts +244 -0
- package/types/fomantic-ui-api.d.ts +555 -0
- package/types/fomantic-ui-calendar.d.ts +766 -0
- package/types/fomantic-ui-checkbox.d.ts +332 -0
- package/types/fomantic-ui-dimmer.d.ts +408 -0
- package/types/fomantic-ui-dropdown.d.ts +1183 -0
- package/types/fomantic-ui-embed.d.ts +326 -0
- package/types/fomantic-ui-flyout.d.ts +525 -0
- package/types/fomantic-ui-form.d.ts +651 -0
- package/types/fomantic-ui-modal.d.ts +471 -0
- package/types/fomantic-ui-nag.d.ts +270 -0
- package/types/fomantic-ui-popup.d.ts +523 -0
- package/types/fomantic-ui-progress.d.ts +459 -0
- package/types/fomantic-ui-rating.d.ts +187 -0
- package/types/fomantic-ui-search.d.ts +496 -0
- package/types/fomantic-ui-shape.d.ts +274 -0
- package/types/fomantic-ui-sidebar.d.ts +402 -0
- package/types/fomantic-ui-slider.d.ts +316 -0
- package/types/fomantic-ui-sticky.d.ts +215 -0
- package/types/fomantic-ui-tab.d.ts +361 -0
- package/types/fomantic-ui-tests.ts +25 -0
- package/types/fomantic-ui-toast.d.ts +514 -0
- package/types/fomantic-ui-transition.d.ts +355 -0
- package/types/fomantic-ui-visibility.d.ts +355 -0
- package/types/index.d.ts +63 -0
- package/types/tsconfig.json +23 -0
- 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:
|
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:
|
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:
|
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:
|
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:
|
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;
|
@@ -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;
|
@@ -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
|
-
|
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:
|
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);
|