fomantic-ui 2.9.1-beta.9 → 2.9.1
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/.eslint/eqeqeq-rule.js +18 -0
- package/.eslint/index.js +29 -0
- package/.eslint/no-extra-parens-rule.js +17 -0
- package/.eslint/package.json +11 -0
- package/.eslintrc.js +123 -0
- package/.github/auto_assign.yml +0 -1
- package/.github/workflows/ci.yml +37 -4
- package/.github/workflows/nightly.yml +1 -1
- package/.github/workflows/release.yml +1 -1
- package/.prettierrc.js +12 -0
- package/.stylelintrc.js +48 -0
- package/CHANGELOG.md +112 -0
- package/README.md +1 -1
- package/dist/components/accordion.css +35 -53
- package/dist/components/accordion.js +568 -595
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +3 -3
- package/dist/components/ad.css +34 -45
- package/dist/components/ad.min.css +2 -2
- package/dist/components/api.js +1157 -1179
- package/dist/components/api.min.js +3 -3
- package/dist/components/breadcrumb.css +5 -5
- package/dist/components/breadcrumb.min.css +2 -2
- package/dist/components/button.css +709 -1111
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +24 -27
- package/dist/components/calendar.js +1934 -1809
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +3 -3
- package/dist/components/card.css +219 -365
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +120 -191
- package/dist/components/checkbox.js +842 -841
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +3 -3
- package/dist/components/comment.css +41 -59
- package/dist/components/comment.min.css +2 -2
- package/dist/components/container.css +7 -6
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +53 -172
- package/dist/components/dimmer.js +706 -737
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +3 -3
- package/dist/components/divider.css +43 -61
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +252 -386
- package/dist/components/dropdown.js +4195 -4236
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +3 -3
- package/dist/components/embed.css +18 -29
- package/dist/components/embed.js +645 -675
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +3 -3
- package/dist/components/emoji.css +3556 -3556
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +35 -57
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +270 -268
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +95 -141
- package/dist/components/flyout.js +1514 -1465
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +3 -3
- package/dist/components/form.css +244 -339
- package/dist/components/form.js +2022 -2004
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +3 -3
- package/dist/components/grid.css +183 -329
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +118 -142
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +662 -732
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +39 -63
- package/dist/components/image.min.css +2 -2
- package/dist/components/input.css +356 -274
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +84 -131
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +359 -410
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +49 -70
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +67 -155
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +270 -431
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +125 -197
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +120 -154
- package/dist/components/modal.js +1544 -1486
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +3 -3
- package/dist/components/nag.css +51 -60
- package/dist/components/nag.js +520 -526
- package/dist/components/nag.min.css +2 -2
- package/dist/components/nag.min.js +3 -3
- package/dist/components/placeholder.css +22 -42
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +211 -289
- package/dist/components/popup.js +1456 -1456
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +3 -3
- package/dist/components/progress.css +106 -211
- package/dist/components/progress.js +969 -997
- package/dist/components/progress.min.css +2 -2
- package/dist/components/progress.min.js +3 -3
- package/dist/components/rail.css +15 -20
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +80 -121
- package/dist/components/rating.js +507 -523
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +3 -3
- package/dist/components/reset.css +8 -13
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +44 -83
- package/dist/components/reveal.min.css +2 -2
- package/dist/components/search.css +69 -98
- package/dist/components/search.js +1520 -1534
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +3 -3
- package/dist/components/segment.css +148 -224
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +14 -30
- package/dist/components/shape.js +783 -810
- package/dist/components/shape.min.css +2 -2
- package/dist/components/shape.min.js +3 -3
- package/dist/components/sidebar.css +103 -206
- package/dist/components/sidebar.js +1061 -1099
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +3 -3
- package/dist/components/site.css +28 -41
- package/dist/components/site.js +436 -476
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +3 -3
- package/dist/components/slider.css +93 -121
- package/dist/components/slider.js +1310 -1311
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +3 -3
- package/dist/components/state.js +638 -657
- package/dist/components/state.min.js +3 -3
- package/dist/components/statistic.css +75 -116
- package/dist/components/statistic.min.css +2 -2
- package/dist/components/step.css +77 -150
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -5
- package/dist/components/sticky.js +847 -901
- package/dist/components/sticky.min.css +2 -2
- package/dist/components/sticky.min.js +3 -3
- package/dist/components/tab.css +10 -14
- package/dist/components/tab.js +902 -966
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +3 -3
- package/dist/components/table.css +547 -774
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +32 -32
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +69 -147
- package/dist/components/toast.js +910 -884
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +3 -3
- package/dist/components/transition.css +299 -1356
- package/dist/components/transition.js +1048 -1077
- package/dist/components/transition.min.css +2 -2
- package/dist/components/transition.min.js +3 -3
- package/dist/components/visibility.js +1213 -1245
- package/dist/components/visibility.min.js +3 -3
- package/dist/semantic.css +9069 -12355
- package/dist/semantic.js +29181 -29423
- package/dist/semantic.min.css +3 -3
- package/dist/semantic.min.js +3 -3
- package/dist/themes/basic/assets/fonts/icons.woff2 +0 -0
- package/dist/themes/github/assets/fonts/octicons.woff2 +0 -0
- package/examples/.eslintrc.js +6 -0
- package/examples/assets/library/jquery.min.js +2 -4
- package/examples/assets/show-examples.js +13 -13
- package/examples/attached.html +1 -1
- package/examples/bootstrap.html +1 -1
- package/examples/components/button.html +1 -1
- package/examples/components/card.html +6 -6
- package/examples/components/input.html +1 -1
- package/examples/components/menu.html +1 -1
- package/examples/components/site.html +1 -1
- package/examples/components/sticky-context.html +2 -2
- package/examples/components/table.html +1 -1
- package/examples/fixed.html +3 -3
- package/examples/grid.html +5 -5
- package/examples/homepage.html +1 -1
- package/examples/login.html +2 -2
- package/examples/responsive.html +2 -2
- package/examples/sticky.html +4 -4
- package/examples/theming.html +1 -1
- package/gulpfile.js +13 -11
- package/package.json +17 -8
- package/scripts/nightly-version.js +83 -75
- package/src/_site/collections/menu.overrides +1 -1
- package/src/_site/elements/flag.variables +2 -2
- package/src/_site/globals/site.variables +1 -1
- package/src/_site/modules/embed.variables +3 -0
- package/src/definitions/behaviors/api.js +1158 -1180
- package/src/definitions/behaviors/form.js +2021 -2003
- package/src/definitions/behaviors/state.js +644 -663
- package/src/definitions/behaviors/visibility.js +1212 -1244
- package/src/definitions/collections/breadcrumb.less +43 -47
- package/src/definitions/collections/form.less +866 -884
- package/src/definitions/collections/grid.less +1681 -1699
- package/src/definitions/collections/menu.less +1522 -1544
- package/src/definitions/collections/message.less +294 -298
- package/src/definitions/collections/table.less +1657 -1661
- package/src/definitions/elements/button.less +1716 -1750
- package/src/definitions/elements/container.less +211 -211
- package/src/definitions/elements/divider.less +198 -211
- package/src/definitions/elements/emoji.less +41 -48
- package/src/definitions/elements/flag.less +46 -48
- package/src/definitions/elements/header.less +351 -359
- package/src/definitions/elements/icon.less +538 -555
- package/src/definitions/elements/image.less +216 -227
- package/src/definitions/elements/input.less +692 -699
- package/src/definitions/elements/label.less +784 -806
- package/src/definitions/elements/list.less +810 -814
- package/src/definitions/elements/loader.less +273 -268
- package/src/definitions/elements/placeholder.less +173 -170
- package/src/definitions/elements/rail.less +93 -93
- package/src/definitions/elements/reveal.less +192 -198
- package/src/definitions/elements/segment.less +742 -749
- package/src/definitions/elements/step.less +423 -437
- package/src/definitions/elements/text.less +34 -36
- package/src/definitions/globals/reset.less +11 -8
- package/src/definitions/globals/site.js +435 -475
- package/src/definitions/globals/site.less +108 -110
- package/src/definitions/modules/accordion.js +567 -594
- package/src/definitions/modules/accordion.less +244 -248
- package/src/definitions/modules/calendar.js +1933 -1808
- package/src/definitions/modules/calendar.less +100 -97
- package/src/definitions/modules/checkbox.js +841 -840
- package/src/definitions/modules/checkbox.less +531 -552
- package/src/definitions/modules/dimmer.js +705 -736
- package/src/definitions/modules/dimmer.less +294 -305
- package/src/definitions/modules/dropdown.js +4194 -4235
- package/src/definitions/modules/dropdown.less +1568 -1598
- package/src/definitions/modules/embed.js +644 -674
- package/src/definitions/modules/embed.less +82 -84
- package/src/definitions/modules/flyout.js +1513 -1464
- package/src/definitions/modules/flyout.less +453 -455
- package/src/definitions/modules/modal.js +1543 -1485
- package/src/definitions/modules/modal.less +459 -467
- package/src/definitions/modules/nag.js +519 -525
- package/src/definitions/modules/nag.less +136 -148
- package/src/definitions/modules/popup.js +1455 -1455
- package/src/definitions/modules/popup.less +735 -740
- package/src/definitions/modules/progress.js +968 -996
- package/src/definitions/modules/progress.less +523 -499
- package/src/definitions/modules/rating.js +506 -522
- package/src/definitions/modules/rating.less +98 -103
- package/src/definitions/modules/search.js +1519 -1533
- package/src/definitions/modules/search.less +374 -394
- package/src/definitions/modules/shape.js +782 -809
- package/src/definitions/modules/shape.less +70 -79
- package/src/definitions/modules/sidebar.js +1060 -1098
- package/src/definitions/modules/sidebar.less +463 -476
- package/src/definitions/modules/slider.js +1309 -1310
- package/src/definitions/modules/slider.less +309 -310
- package/src/definitions/modules/sticky.js +863 -917
- package/src/definitions/modules/sticky.less +17 -25
- package/src/definitions/modules/tab.js +901 -965
- package/src/definitions/modules/tab.less +48 -54
- package/src/definitions/modules/toast.js +909 -883
- package/src/definitions/modules/toast.less +589 -589
- package/src/definitions/modules/transition.js +1047 -1076
- package/src/definitions/modules/transition.less +58 -59
- package/src/definitions/views/ad.less +207 -208
- package/src/definitions/views/card.less +955 -973
- package/src/definitions/views/comment.less +192 -200
- package/src/definitions/views/feed.less +222 -226
- package/src/definitions/views/item.less +437 -448
- package/src/definitions/views/statistic.less +273 -279
- package/src/semantic.less +8 -6
- package/src/theme.config.example +53 -53
- package/src/theme.less +44 -35
- package/src/themes/amazon/elements/button.overrides +23 -24
- package/src/themes/amazon/elements/button.variables +18 -23
- package/src/themes/amazon/globals/site.variables +16 -17
- package/src/themes/basic/assets/fonts/icons.woff2 +0 -0
- package/src/themes/basic/collections/table.overrides +0 -1
- package/src/themes/basic/collections/table.variables +3 -3
- package/src/themes/basic/elements/button.overrides +0 -1
- package/src/themes/basic/elements/button.variables +9 -9
- package/src/themes/basic/elements/icon.overrides +9 -169
- package/src/themes/basic/elements/icon.variables +161 -18
- package/src/themes/basic/elements/step.overrides +2 -2
- package/src/themes/basic/elements/step.variables +2 -2
- package/src/themes/basic/globals/reset.overrides +1 -1
- package/src/themes/basic/globals/reset.variables +1 -1
- package/src/themes/basic/modules/progress.variables +2 -2
- package/src/themes/basic/views/card.overrides +0 -1
- package/src/themes/basic/views/card.variables +6 -6
- package/src/themes/bookish/elements/header.overrides +4 -4
- package/src/themes/bookish/elements/header.variables +5 -5
- package/src/themes/bootstrap3/elements/button.overrides +3 -0
- package/src/themes/bootstrap3/elements/button.variables +20 -25
- package/src/themes/chubby/collections/form.overrides +9 -9
- package/src/themes/chubby/collections/form.variables +3 -3
- package/src/themes/chubby/collections/menu.overrides +3 -0
- package/src/themes/chubby/collections/menu.variables +3 -3
- package/src/themes/chubby/elements/button.overrides +8 -10
- package/src/themes/chubby/elements/button.variables +10 -10
- package/src/themes/chubby/elements/header.overrides +1 -1
- package/src/themes/chubby/elements/header.variables +4 -4
- package/src/themes/chubby/modules/accordion.overrides +2 -2
- package/src/themes/chubby/modules/accordion.variables +4 -4
- package/src/themes/chubby/views/comment.overrides +5 -5
- package/src/themes/chubby/views/comment.variables +11 -11
- package/src/themes/classic/collections/table.variables +3 -3
- package/src/themes/classic/elements/button.variables +36 -43
- package/src/themes/classic/elements/header.variables +4 -4
- package/src/themes/classic/modules/progress.variables +3 -3
- package/src/themes/classic/views/card.overrides +25 -27
- package/src/themes/classic/views/card.variables +7 -7
- package/src/themes/colored/modules/checkbox.overrides +3 -0
- package/src/themes/colored/modules/checkbox.variables +1 -3
- package/src/themes/default/collections/breadcrumb.variables +4 -4
- package/src/themes/default/collections/form.variables +15 -16
- package/src/themes/default/collections/grid.overrides +0 -1
- package/src/themes/default/collections/grid.variables +15 -16
- package/src/themes/default/collections/menu.variables +31 -45
- package/src/themes/default/collections/message.variables +84 -123
- package/src/themes/default/collections/table.overrides +3 -0
- package/src/themes/default/collections/table.variables +30 -34
- package/src/themes/default/elements/button.variables +44 -53
- package/src/themes/default/elements/container.variables +8 -16
- package/src/themes/default/elements/divider.overrides +8 -9
- package/src/themes/default/elements/divider.variables +5 -6
- package/src/themes/default/elements/emoji.overrides +0 -1
- package/src/themes/default/elements/emoji.variables +3556 -3556
- package/src/themes/default/elements/flag.variables +1595 -1595
- package/src/themes/default/elements/header.overrides +0 -1
- package/src/themes/default/elements/header.variables +21 -21
- package/src/themes/default/elements/icon.variables +2002 -2013
- package/src/themes/default/elements/image.variables +6 -7
- package/src/themes/default/elements/input.variables +11 -12
- package/src/themes/default/elements/label.variables +25 -26
- package/src/themes/default/elements/list.variables +17 -21
- package/src/themes/default/elements/loader.variables +16 -17
- package/src/themes/default/elements/placeholder.variables +12 -9
- package/src/themes/default/elements/rail.variables +4 -5
- package/src/themes/default/elements/reveal.variables +1 -1
- package/src/themes/default/elements/segment.variables +24 -36
- package/src/themes/default/elements/step.overrides +4 -4
- package/src/themes/default/elements/step.variables +19 -22
- package/src/themes/default/elements/text.variables +2 -3
- package/src/themes/default/globals/colors.less +588 -588
- package/src/themes/default/globals/reset.overrides +63 -59
- package/src/themes/default/globals/reset.variables +1 -1
- package/src/themes/default/globals/site.variables +1074 -1123
- package/src/themes/default/globals/variation.variables +4 -3
- package/src/themes/default/modules/accordion.overrides +11 -11
- package/src/themes/default/modules/accordion.variables +15 -20
- package/src/themes/default/modules/calendar.variables +2 -0
- package/src/themes/default/modules/chatroom.variables +1 -1
- package/src/themes/default/modules/checkbox.overrides +9 -13
- package/src/themes/default/modules/checkbox.variables +24 -33
- package/src/themes/default/modules/dimmer.variables +14 -17
- package/src/themes/default/modules/dropdown.overrides +17 -17
- package/src/themes/default/modules/dropdown.variables +29 -31
- package/src/themes/default/modules/embed.variables +9 -13
- package/src/themes/default/modules/flyout.variables +10 -8
- package/src/themes/default/modules/modal.variables +64 -67
- package/src/themes/default/modules/nag.variables +10 -13
- package/src/themes/default/modules/popup.variables +14 -13
- package/src/themes/default/modules/progress.variables +17 -19
- package/src/themes/default/modules/rating.variables +10 -12
- package/src/themes/default/modules/search.variables +12 -17
- package/src/themes/default/modules/shape.variables +7 -8
- package/src/themes/default/modules/sidebar.variables +4 -4
- package/src/themes/default/modules/slider.variables +55 -54
- package/src/themes/default/modules/sticky.variables +1 -1
- package/src/themes/default/modules/toast.variables +8 -8
- package/src/themes/default/modules/transition.overrides +936 -915
- package/src/themes/default/modules/transition.variables +1 -1
- package/src/themes/default/views/ad.variables +1 -1
- package/src/themes/default/views/card.variables +33 -45
- package/src/themes/default/views/comment.variables +7 -9
- package/src/themes/default/views/feed.variables +10 -10
- package/src/themes/default/views/item.variables +20 -23
- package/src/themes/default/views/statistic.variables +8 -8
- package/src/themes/duo/elements/loader.variables +1 -1
- package/src/themes/famfamfam/elements/flag.overrides +263 -268
- package/src/themes/famfamfam/elements/flag.variables +4 -4
- package/src/themes/fixed-width/collections/grid.variables +4 -4
- package/src/themes/fixed-width/modules/modal.variables +11 -13
- package/src/themes/flat/collections/form.overrides +9 -9
- package/src/themes/flat/collections/form.variables +16 -17
- package/src/themes/flat/globals/site.variables +69 -74
- package/src/themes/github/assets/fonts/octicons.woff2 +0 -0
- package/src/themes/github/collections/breadcrumb.variables +0 -1
- package/src/themes/github/collections/form.overrides +7 -8
- package/src/themes/github/collections/form.variables +16 -18
- package/src/themes/github/collections/grid.variables +1 -2
- package/src/themes/github/collections/menu.overrides +2 -2
- package/src/themes/github/collections/menu.variables +24 -26
- package/src/themes/github/collections/message.overrides +3 -3
- package/src/themes/github/collections/message.variables +12 -14
- package/src/themes/github/collections/table.variables +2 -2
- package/src/themes/github/elements/button.overrides +0 -1
- package/src/themes/github/elements/button.variables +26 -30
- package/src/themes/github/elements/header.variables +2 -2
- package/src/themes/github/elements/icon.overrides +3 -208
- package/src/themes/github/elements/icon.variables +234 -19
- package/src/themes/github/elements/image.variables +1 -1
- package/src/themes/github/elements/input.overrides +16 -16
- package/src/themes/github/elements/input.variables +4 -5
- package/src/themes/github/elements/label.overrides +3 -3
- package/src/themes/github/elements/label.variables +0 -1
- package/src/themes/github/elements/segment.variables +9 -10
- package/src/themes/github/elements/step.overrides +13 -13
- package/src/themes/github/elements/step.variables +6 -6
- package/src/themes/github/globals/site.variables +16 -16
- package/src/themes/github/modules/dropdown.overrides +18 -19
- package/src/themes/github/modules/dropdown.variables +8 -10
- package/src/themes/github/modules/popup.variables +0 -2
- package/src/themes/gmail/collections/message.overrides +3 -0
- package/src/themes/gmail/collections/message.variables +4 -4
- package/src/themes/instagram/views/card.overrides +4 -5
- package/src/themes/instagram/views/card.variables +7 -8
- package/src/themes/joypixels/elements/emoji.overrides +0 -2
- package/src/themes/joypixels/elements/emoji.variables +3554 -3554
- package/src/themes/material/collections/menu.overrides +1 -1
- package/src/themes/material/collections/menu.variables +4 -4
- package/src/themes/material/elements/button.overrides +7 -9
- package/src/themes/material/elements/button.variables +44 -46
- package/src/themes/material/elements/header.overrides +3 -3
- package/src/themes/material/elements/header.variables +8 -10
- package/src/themes/material/elements/icon.overrides +3 -934
- package/src/themes/material/elements/icon.variables +958 -18
- package/src/themes/material/globals/site.overrides +3 -0
- package/src/themes/material/globals/site.variables +83 -84
- package/src/themes/material/modules/dropdown.overrides +2 -2
- package/src/themes/material/modules/dropdown.variables +5 -5
- package/src/themes/material/modules/modal.overrides +3 -3
- package/src/themes/material/modules/modal.variables +4 -5
- package/src/themes/pulsar/elements/loader.overrides +23 -61
- package/src/themes/raised/elements/button.variables +8 -9
- package/src/themes/resetcss/globals/reset.overrides +115 -33
- package/src/themes/resetcss/globals/reset.variables +1 -1
- package/src/themes/round/elements/button.overrides +3 -0
- package/src/themes/round/elements/button.variables +33 -38
- package/src/themes/rtl/globals/site.overrides +1 -1
- package/src/themes/rtl/globals/site.variables +5 -6
- package/src/themes/striped/modules/progress.overrides +20 -16
- package/src/themes/systemfont/globals/reset.overrides +1 -1
- package/src/themes/systemfont/globals/site.variables +6 -6
- package/src/themes/timeline/views/feed.overrides +12 -12
- package/src/themes/timeline/views/feed.variables +8 -8
- package/src/themes/twitter/elements/button.overrides +4 -5
- package/src/themes/twitter/elements/button.variables +17 -18
- package/src/themes/twitter/elements/emoji.variables +3556 -3556
- package/tasks/.eslintrc.js +9 -0
- package/tasks/README.md +2 -4
- package/tasks/admin/components/create.js +268 -277
- package/tasks/admin/components/init.js +123 -129
- package/tasks/admin/components/update.js +151 -158
- package/tasks/admin/distributions/create.js +183 -189
- package/tasks/admin/distributions/init.js +125 -131
- package/tasks/admin/distributions/update.js +147 -153
- package/tasks/admin/publish.js +5 -9
- package/tasks/admin/register.js +37 -39
- package/tasks/admin/release.js +8 -12
- package/tasks/build/assets.js +43 -40
- package/tasks/build/css.js +230 -217
- package/tasks/build/javascript.js +120 -114
- package/tasks/build.js +11 -11
- package/tasks/check-install.js +15 -17
- package/tasks/clean.js +6 -6
- package/tasks/collections/README.md +3 -5
- package/tasks/collections/admin.js +34 -36
- package/tasks/collections/build.js +19 -21
- package/tasks/collections/docs.js +11 -13
- package/tasks/collections/install.js +11 -13
- package/tasks/collections/rtl.js +9 -12
- package/tasks/collections/various.js +10 -12
- package/tasks/config/admin/github.js +17 -19
- package/tasks/config/admin/oauth.example.js +4 -4
- package/tasks/config/admin/release.js +98 -98
- package/tasks/config/admin/templates/README.md +8 -8
- package/tasks/config/admin/templates/bower.json +3 -2
- package/tasks/config/admin/templates/component-package.js +9 -10
- package/tasks/config/admin/templates/css-package.js +19 -21
- package/tasks/config/admin/templates/less-package.js +12 -14
- package/tasks/config/admin/templates/package.json +6 -6
- package/tasks/config/defaults.js +116 -116
- package/tasks/config/docs.js +23 -23
- package/tasks/config/npm/gulpfile.js +15 -14
- package/tasks/config/project/config.js +124 -136
- package/tasks/config/project/install.js +722 -719
- package/tasks/config/project/release.js +34 -41
- package/tasks/config/tasks.js +168 -167
- package/tasks/config/user.js +28 -32
- package/tasks/docs/build.js +100 -96
- package/tasks/docs/metadata.js +91 -98
- package/tasks/docs/serve.js +84 -82
- package/tasks/install.js +373 -382
- package/tasks/rtl/build.js +4 -3
- package/tasks/rtl/watch.js +4 -3
- package/tasks/version.js +4 -6
- package/tasks/watch.js +29 -31
- package/test/.eslintrc.js +23 -0
- package/test/meteor/assets.js +11 -14
- package/test/meteor/fonts.js +12 -13
- package/test/modules/accordion.spec.js +6 -8
- package/test/modules/checkbox.spec.js +5 -7
- package/test/modules/dropdown.spec.js +5 -7
- package/test/modules/modal.spec.js +6 -8
- package/test/modules/module.spec.js +158 -178
- package/test/modules/popup.spec.js +5 -7
- package/test/modules/search.spec.js +5 -7
- package/test/modules/shape.spec.js +5 -7
- package/test/modules/sidebar.spec.js +5 -7
- package/test/modules/tab.spec.js +6 -8
- package/test/modules/transition.spec.js +5 -7
- package/test/modules/video.spec.js +5 -7
- package/.github/workflows/codeql.yml +0 -68
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1
|
2
|
+
* # Fomantic-UI 2.9.1 - Button
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -20,9 +20,9 @@
|
|
20
20
|
outline: none;
|
21
21
|
border: none;
|
22
22
|
vertical-align: baseline;
|
23
|
-
background: #
|
23
|
+
background: #e0e1e2 none;
|
24
24
|
color: rgba(0, 0, 0, 0.6);
|
25
|
-
font-family:
|
25
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
26
26
|
margin: 0 0.25em 0 0;
|
27
27
|
padding: 0.78571429em 1.5em 0.78571429em;
|
28
28
|
text-transform: none;
|
@@ -33,16 +33,11 @@
|
|
33
33
|
text-align: center;
|
34
34
|
text-decoration: none;
|
35
35
|
border-radius: 0.28571429rem;
|
36
|
-
|
37
|
-
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
36
|
+
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
38
37
|
-webkit-user-select: none;
|
39
|
-
-moz-user-select: none;
|
40
38
|
-ms-user-select: none;
|
41
39
|
user-select: none;
|
42
|
-
-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
|
43
|
-
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
|
44
40
|
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
|
45
|
-
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
|
46
41
|
will-change: auto;
|
47
42
|
-webkit-tap-highlight-color: transparent;
|
48
43
|
}
|
@@ -53,74 +48,65 @@
|
|
53
48
|
*******************************/
|
54
49
|
|
55
50
|
|
56
|
-
|
51
|
+
/* --------------
|
57
52
|
Hover
|
58
|
-
|
59
|
-
|
53
|
+
--------------- */
|
60
54
|
.ui.button:hover {
|
61
|
-
background-color: #
|
55
|
+
background-color: #cacbcd;
|
62
56
|
background-image: none;
|
63
|
-
|
64
|
-
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
57
|
+
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
65
58
|
color: rgba(0, 0, 0, 0.8);
|
66
59
|
}
|
67
60
|
.ui.button:hover .icon {
|
68
61
|
opacity: 0.85;
|
69
62
|
}
|
70
63
|
|
71
|
-
|
64
|
+
/* --------------
|
72
65
|
Focus
|
73
|
-
|
74
|
-
|
66
|
+
--------------- */
|
75
67
|
.ui.button:focus {
|
76
|
-
background-color: #
|
68
|
+
background-color: #cacbcd;
|
77
69
|
color: rgba(0, 0, 0, 0.8);
|
78
70
|
background-image: none;
|
79
|
-
|
80
|
-
box-shadow: '';
|
71
|
+
box-shadow: "";
|
81
72
|
}
|
82
73
|
.ui.button:focus .icon {
|
83
74
|
opacity: 0.85;
|
84
75
|
}
|
85
76
|
|
86
|
-
|
77
|
+
/* --------------
|
87
78
|
Down
|
88
|
-
|
89
|
-
|
79
|
+
--------------- */
|
90
80
|
.ui.button:active,
|
91
81
|
.ui.active.button:active {
|
92
|
-
background-color: #
|
93
|
-
background-image:
|
82
|
+
background-color: #babbbc;
|
83
|
+
background-image: "";
|
94
84
|
color: rgba(0, 0, 0, 0.9);
|
95
|
-
|
96
|
-
box-shadow: 0 0 0 1px transparent inset, none;
|
85
|
+
box-shadow: none;
|
97
86
|
}
|
98
87
|
|
99
|
-
|
88
|
+
/* --------------
|
100
89
|
Active
|
101
|
-
|
102
|
-
|
90
|
+
--------------- */
|
103
91
|
.ui.active.button {
|
104
|
-
background-color: #
|
92
|
+
background-color: #c0c1c2;
|
105
93
|
background-image: none;
|
106
|
-
|
107
|
-
box-shadow: 0 0 0 1px transparent inset;
|
94
|
+
box-shadow: 0 0 0 1px transparent inset;
|
108
95
|
color: rgba(0, 0, 0, 0.95);
|
109
96
|
}
|
110
97
|
.ui.active.button:hover {
|
111
|
-
background-color: #
|
98
|
+
background-color: #c0c1c2;
|
112
99
|
background-image: none;
|
113
100
|
color: rgba(0, 0, 0, 0.95);
|
114
101
|
}
|
115
102
|
.ui.active.button:active {
|
116
|
-
background-color: #
|
103
|
+
background-color: #c0c1c2;
|
117
104
|
background-image: none;
|
118
105
|
}
|
119
106
|
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
107
|
+
/* --------------
|
108
|
+
Loading
|
109
|
+
--------------- */
|
124
110
|
|
125
111
|
/* Specificity hack */
|
126
112
|
.ui.loading.loading.loading.loading.loading.loading.button {
|
@@ -130,12 +116,11 @@
|
|
130
116
|
color: transparent;
|
131
117
|
opacity: 1;
|
132
118
|
pointer-events: auto;
|
133
|
-
-webkit-transition: all 0s linear, opacity 0.1s ease;
|
134
119
|
transition: all 0s linear, opacity 0.1s ease;
|
135
120
|
}
|
136
121
|
.ui.loading.button::before {
|
137
122
|
position: absolute;
|
138
|
-
content:
|
123
|
+
content: "";
|
139
124
|
top: 50%;
|
140
125
|
left: 50%;
|
141
126
|
margin: -0.64285714em 0 0 -0.64285714em;
|
@@ -146,19 +131,17 @@
|
|
146
131
|
}
|
147
132
|
.ui.loading.button::after {
|
148
133
|
position: absolute;
|
149
|
-
content:
|
134
|
+
content: "";
|
150
135
|
top: 50%;
|
151
136
|
left: 50%;
|
152
137
|
margin: -0.64285714em 0 0 -0.64285714em;
|
153
138
|
width: 1.28571429em;
|
154
139
|
height: 1.28571429em;
|
155
140
|
border-radius: 500rem;
|
156
|
-
|
157
|
-
animation: loader 0.6s infinite linear;
|
141
|
+
animation: loader 0.6s infinite linear;
|
158
142
|
border: 0.2em solid currentColor;
|
159
|
-
color: #
|
160
|
-
|
161
|
-
box-shadow: 0 0 0 1px transparent;
|
143
|
+
color: #fff;
|
144
|
+
box-shadow: 0 0 0 1px transparent;
|
162
145
|
}
|
163
146
|
.ui.ui.ui.loading.button .label {
|
164
147
|
background-color: transparent;
|
@@ -167,8 +150,7 @@
|
|
167
150
|
}
|
168
151
|
.ui.labeled.icon.loading.button .icon {
|
169
152
|
background-color: transparent;
|
170
|
-
|
171
|
-
box-shadow: none;
|
153
|
+
box-shadow: none;
|
172
154
|
}
|
173
155
|
.ui.basic.loading.button:not(.inverted)::before {
|
174
156
|
border-color: rgba(0, 0, 0, 0.1);
|
@@ -177,10 +159,9 @@
|
|
177
159
|
border-color: #767676;
|
178
160
|
}
|
179
161
|
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
162
|
+
/* -------------------
|
163
|
+
Disabled
|
164
|
+
-------------------- */
|
184
165
|
.ui.buttons .disabled.button:not(.basic),
|
185
166
|
.ui.disabled.button,
|
186
167
|
.ui.button:disabled,
|
@@ -189,8 +170,7 @@
|
|
189
170
|
cursor: default;
|
190
171
|
opacity: 0.45 !important;
|
191
172
|
background-image: none;
|
192
|
-
|
193
|
-
box-shadow: none;
|
173
|
+
box-shadow: none;
|
194
174
|
pointer-events: none !important;
|
195
175
|
}
|
196
176
|
|
@@ -205,10 +185,9 @@
|
|
205
185
|
*******************************/
|
206
186
|
|
207
187
|
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
188
|
+
/* -------------------
|
189
|
+
Animated
|
190
|
+
-------------------- */
|
212
191
|
.ui.animated.button {
|
213
192
|
position: relative;
|
214
193
|
overflow: hidden;
|
@@ -231,7 +210,6 @@
|
|
231
210
|
/* Horizontal */
|
232
211
|
.ui.animated.button .visible.content,
|
233
212
|
.ui.animated.button .hidden.content {
|
234
|
-
-webkit-transition: right 0.3s ease 0s;
|
235
213
|
transition: right 0.3s ease 0s;
|
236
214
|
}
|
237
215
|
.ui.animated.button .visible.content {
|
@@ -258,14 +236,10 @@
|
|
258
236
|
/* Vertical */
|
259
237
|
.ui.vertical.animated.button .visible.content,
|
260
238
|
.ui.vertical.animated.button .hidden.content {
|
261
|
-
-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
|
262
|
-
transition: top 0.3s ease, -webkit-transform 0.3s ease;
|
263
239
|
transition: top 0.3s ease, transform 0.3s ease;
|
264
|
-
transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
|
265
240
|
}
|
266
241
|
.ui.vertical.animated.button .visible.content {
|
267
|
-
|
268
|
-
transform: translateY(0%);
|
242
|
+
transform: translateY(0);
|
269
243
|
right: auto;
|
270
244
|
}
|
271
245
|
.ui.vertical.animated.button .hidden.content {
|
@@ -275,8 +249,7 @@
|
|
275
249
|
}
|
276
250
|
.ui.vertical.animated.button:focus .visible.content,
|
277
251
|
.ui.vertical.animated.button:hover .visible.content {
|
278
|
-
|
279
|
-
transform: translateY(200%);
|
252
|
+
transform: translateY(200%);
|
280
253
|
right: auto;
|
281
254
|
}
|
282
255
|
.ui.vertical.animated.button:focus .hidden.content,
|
@@ -288,51 +261,42 @@
|
|
288
261
|
/* Fade */
|
289
262
|
.ui.fade.animated.button .visible.content,
|
290
263
|
.ui.fade.animated.button .hidden.content {
|
291
|
-
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
|
292
|
-
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
|
293
264
|
transition: opacity 0.3s ease, transform 0.3s ease;
|
294
|
-
transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
|
295
265
|
}
|
296
266
|
.ui.fade.animated.button .visible.content {
|
297
267
|
left: auto;
|
298
268
|
right: auto;
|
299
269
|
opacity: 1;
|
300
|
-
|
301
|
-
transform: scale(1);
|
270
|
+
transform: scale(1);
|
302
271
|
}
|
303
272
|
.ui.fade.animated.button .hidden.content {
|
304
273
|
opacity: 0;
|
305
274
|
left: 0;
|
306
275
|
right: auto;
|
307
|
-
|
308
|
-
transform: scale(1.5);
|
276
|
+
transform: scale(1.5);
|
309
277
|
}
|
310
278
|
.ui.fade.animated.button:focus .visible.content,
|
311
279
|
.ui.fade.animated.button:hover .visible.content {
|
312
280
|
left: auto;
|
313
281
|
right: auto;
|
314
282
|
opacity: 0;
|
315
|
-
|
316
|
-
transform: scale(0.75);
|
283
|
+
transform: scale(0.75);
|
317
284
|
}
|
318
285
|
.ui.fade.animated.button:focus .hidden.content,
|
319
286
|
.ui.fade.animated.button:hover .hidden.content {
|
320
287
|
left: 0;
|
321
288
|
right: auto;
|
322
289
|
opacity: 1;
|
323
|
-
|
324
|
-
transform: scale(1);
|
290
|
+
transform: scale(1);
|
325
291
|
}
|
326
292
|
|
327
|
-
|
328
|
-
|
329
|
-
|
330
|
-
|
293
|
+
/* -------------------
|
294
|
+
Inverted
|
295
|
+
-------------------- */
|
331
296
|
.ui.inverted.button {
|
332
|
-
|
333
|
-
box-shadow: 0 0 0 2px #FFFFFF inset;
|
297
|
+
box-shadow: 0 0 0 2px #fff inset;
|
334
298
|
background: transparent none;
|
335
|
-
color: #
|
299
|
+
color: #fff;
|
336
300
|
text-shadow: none !important;
|
337
301
|
}
|
338
302
|
|
@@ -354,60 +318,46 @@
|
|
354
318
|
|
355
319
|
/* Hover */
|
356
320
|
.ui.inverted.button:hover {
|
357
|
-
background: #
|
358
|
-
|
359
|
-
box-shadow: 0 0 0 2px #FFFFFF inset;
|
321
|
+
background: #fff;
|
322
|
+
box-shadow: 0 0 0 2px #fff inset;
|
360
323
|
color: rgba(0, 0, 0, 0.8);
|
361
324
|
}
|
362
325
|
|
363
326
|
/* Active / Focus */
|
364
327
|
.ui.inverted.button:focus,
|
365
328
|
.ui.inverted.button.active {
|
366
|
-
background: #
|
367
|
-
|
368
|
-
box-shadow: 0 0 0 2px #FFFFFF inset;
|
329
|
+
background: #fff;
|
330
|
+
box-shadow: 0 0 0 2px #fff inset;
|
369
331
|
color: rgba(0, 0, 0, 0.8);
|
370
332
|
}
|
371
333
|
|
372
334
|
/* Active Focus */
|
373
335
|
.ui.inverted.button.active:focus {
|
374
|
-
background: #
|
375
|
-
|
376
|
-
box-shadow: 0 0 0 2px #DCDDDE inset;
|
336
|
+
background: #dcddde;
|
337
|
+
box-shadow: 0 0 0 2px #dcddde inset;
|
377
338
|
color: rgba(0, 0, 0, 0.8);
|
378
339
|
}
|
379
340
|
|
380
|
-
|
381
|
-
|
382
|
-
|
383
|
-
|
341
|
+
/* -------------------
|
342
|
+
Labeled Button
|
343
|
+
-------------------- */
|
384
344
|
.ui.labeled.button:not(.icon) {
|
385
|
-
display: -webkit-inline-box;
|
386
|
-
display: -ms-inline-flexbox;
|
387
345
|
display: inline-flex;
|
388
|
-
-
|
389
|
-
-webkit-box-direction: normal;
|
390
|
-
-ms-flex-direction: row;
|
391
|
-
flex-direction: row;
|
346
|
+
flex-direction: row;
|
392
347
|
background: none;
|
393
348
|
padding: 0 !important;
|
394
349
|
border: none;
|
395
|
-
|
396
|
-
box-shadow: none;
|
350
|
+
box-shadow: none;
|
397
351
|
}
|
398
352
|
.ui.labeled.button > .button {
|
399
353
|
margin: 0;
|
400
354
|
}
|
401
355
|
.ui.labeled.button > .label {
|
402
|
-
display: -webkit-box;
|
403
|
-
display: -ms-flexbox;
|
404
356
|
display: flex;
|
405
|
-
-
|
406
|
-
-ms-flex-align: center;
|
407
|
-
align-items: center;
|
357
|
+
align-items: center;
|
408
358
|
margin: 0 0 0 -1px !important;
|
409
359
|
font-size: 1em;
|
410
|
-
padding:
|
360
|
+
padding: "";
|
411
361
|
border-color: rgba(34, 36, 38, 0.15);
|
412
362
|
}
|
413
363
|
|
@@ -437,209 +387,197 @@
|
|
437
387
|
border-bottom-right-radius: 0;
|
438
388
|
}
|
439
389
|
|
440
|
-
|
441
|
-
|
442
|
-
|
443
|
-
|
390
|
+
/* -------------------
|
391
|
+
Social
|
392
|
+
-------------------- */
|
444
393
|
|
445
394
|
/* Facebook */
|
446
395
|
.ui.facebook.button {
|
447
|
-
background-color: #
|
448
|
-
color: #
|
396
|
+
background-color: #3b5998;
|
397
|
+
color: #fff;
|
449
398
|
text-shadow: none;
|
450
399
|
background-image: none;
|
451
|
-
|
452
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
400
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
453
401
|
}
|
454
402
|
.ui.facebook.button:hover {
|
455
403
|
background-color: #304d8a;
|
456
|
-
color: #
|
404
|
+
color: #fff;
|
457
405
|
text-shadow: none;
|
458
406
|
}
|
459
407
|
.ui.facebook.button:active {
|
460
408
|
background-color: #2d4373;
|
461
|
-
color: #
|
409
|
+
color: #fff;
|
462
410
|
text-shadow: none;
|
463
411
|
}
|
464
412
|
|
465
413
|
/* Twitter */
|
466
414
|
.ui.twitter.button {
|
467
|
-
background-color: #
|
468
|
-
color: #
|
415
|
+
background-color: #1da1f2;
|
416
|
+
color: #fff;
|
469
417
|
text-shadow: none;
|
470
418
|
background-image: none;
|
471
|
-
|
472
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
419
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
473
420
|
}
|
474
421
|
.ui.twitter.button:hover {
|
475
422
|
background-color: #0298f3;
|
476
|
-
color: #
|
423
|
+
color: #fff;
|
477
424
|
text-shadow: none;
|
478
425
|
}
|
479
426
|
.ui.twitter.button:active {
|
480
427
|
background-color: #0c85d0;
|
481
|
-
color: #
|
428
|
+
color: #fff;
|
482
429
|
text-shadow: none;
|
483
430
|
}
|
484
431
|
|
485
432
|
/* Google Plus */
|
486
433
|
.ui.google.plus.button {
|
487
|
-
background-color: #
|
488
|
-
color: #
|
434
|
+
background-color: #dd4b39;
|
435
|
+
color: #fff;
|
489
436
|
text-shadow: none;
|
490
437
|
background-image: none;
|
491
|
-
|
492
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
438
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
493
439
|
}
|
494
440
|
.ui.google.plus.button:hover {
|
495
441
|
background-color: #e0321c;
|
496
|
-
color: #
|
442
|
+
color: #fff;
|
497
443
|
text-shadow: none;
|
498
444
|
}
|
499
445
|
.ui.google.plus.button:active {
|
500
446
|
background-color: #c23321;
|
501
|
-
color: #
|
447
|
+
color: #fff;
|
502
448
|
text-shadow: none;
|
503
449
|
}
|
504
450
|
|
505
451
|
/* Linked In */
|
506
452
|
.ui.linkedin.button {
|
507
|
-
background-color: #
|
508
|
-
color: #
|
453
|
+
background-color: #0077b5;
|
454
|
+
color: #fff;
|
509
455
|
text-shadow: none;
|
510
456
|
}
|
511
457
|
.ui.linkedin.button:hover {
|
512
458
|
background-color: #00669c;
|
513
|
-
color: #
|
459
|
+
color: #fff;
|
514
460
|
text-shadow: none;
|
515
461
|
}
|
516
462
|
.ui.linkedin.button:active {
|
517
463
|
background-color: #005582;
|
518
|
-
color: #
|
464
|
+
color: #fff;
|
519
465
|
text-shadow: none;
|
520
466
|
}
|
521
467
|
|
522
468
|
/* YouTube */
|
523
469
|
.ui.youtube.button {
|
524
|
-
background-color: #
|
525
|
-
color: #
|
470
|
+
background-color: #f00;
|
471
|
+
color: #fff;
|
526
472
|
text-shadow: none;
|
527
473
|
background-image: none;
|
528
|
-
|
529
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
474
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
530
475
|
}
|
531
476
|
.ui.youtube.button:hover {
|
532
477
|
background-color: #e60000;
|
533
|
-
color: #
|
478
|
+
color: #fff;
|
534
479
|
text-shadow: none;
|
535
480
|
}
|
536
481
|
.ui.youtube.button:active {
|
537
482
|
background-color: #cc0000;
|
538
|
-
color: #
|
483
|
+
color: #fff;
|
539
484
|
text-shadow: none;
|
540
485
|
}
|
541
486
|
|
542
487
|
/* Instagram */
|
543
488
|
.ui.instagram.button {
|
544
|
-
background-color: #
|
545
|
-
color: #
|
489
|
+
background-color: #49769c;
|
490
|
+
color: #fff;
|
546
491
|
text-shadow: none;
|
547
492
|
background-image: none;
|
548
|
-
|
549
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
493
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
550
494
|
}
|
551
495
|
.ui.instagram.button:hover {
|
552
496
|
background-color: #3d698e;
|
553
|
-
color: #
|
497
|
+
color: #fff;
|
554
498
|
text-shadow: none;
|
555
499
|
}
|
556
500
|
.ui.instagram.button:active {
|
557
501
|
background-color: #395c79;
|
558
|
-
color: #
|
502
|
+
color: #fff;
|
559
503
|
text-shadow: none;
|
560
504
|
}
|
561
505
|
|
562
506
|
/* Pinterest */
|
563
507
|
.ui.pinterest.button {
|
564
|
-
background-color: #
|
565
|
-
color: #
|
508
|
+
background-color: #bd081c;
|
509
|
+
color: #fff;
|
566
510
|
text-shadow: none;
|
567
511
|
background-image: none;
|
568
|
-
|
569
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
512
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
570
513
|
}
|
571
514
|
.ui.pinterest.button:hover {
|
572
515
|
background-color: #ac0013;
|
573
|
-
color: #
|
516
|
+
color: #fff;
|
574
517
|
text-shadow: none;
|
575
518
|
}
|
576
519
|
.ui.pinterest.button:active {
|
577
520
|
background-color: #8c0615;
|
578
|
-
color: #
|
521
|
+
color: #fff;
|
579
522
|
text-shadow: none;
|
580
523
|
}
|
581
524
|
|
582
525
|
/* VK */
|
583
526
|
.ui.vk.button {
|
584
|
-
background-color: #
|
585
|
-
color: #
|
527
|
+
background-color: #45668e;
|
528
|
+
color: #fff;
|
586
529
|
background-image: none;
|
587
|
-
|
588
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
530
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
589
531
|
}
|
590
532
|
.ui.vk.button:hover {
|
591
533
|
background-color: #395980;
|
592
|
-
color: #
|
534
|
+
color: #fff;
|
593
535
|
}
|
594
536
|
.ui.vk.button:active {
|
595
537
|
background-color: #344d6c;
|
596
|
-
color: #
|
538
|
+
color: #fff;
|
597
539
|
}
|
598
540
|
|
599
541
|
/* WhatsApp */
|
600
542
|
.ui.whatsapp.button {
|
601
|
-
background-color: #
|
602
|
-
color: #
|
543
|
+
background-color: #25d366;
|
544
|
+
color: #fff;
|
603
545
|
background-image: none;
|
604
|
-
|
605
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
546
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
606
547
|
}
|
607
548
|
.ui.whatsapp.button:hover {
|
608
549
|
background-color: #19c55a;
|
609
|
-
color: #
|
550
|
+
color: #fff;
|
610
551
|
}
|
611
552
|
.ui.whatsapp.button:active {
|
612
553
|
background-color: #1da851;
|
613
|
-
color: #
|
554
|
+
color: #fff;
|
614
555
|
}
|
615
556
|
|
616
557
|
/* Telegram */
|
617
558
|
.ui.telegram.button {
|
618
|
-
background-color: #
|
619
|
-
color: #
|
559
|
+
background-color: #08c;
|
560
|
+
color: #fff;
|
620
561
|
background-image: none;
|
621
|
-
|
622
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
562
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
623
563
|
}
|
624
564
|
.ui.telegram.button:hover {
|
625
565
|
background-color: #0077b3;
|
626
|
-
color: #
|
566
|
+
color: #fff;
|
627
567
|
}
|
628
568
|
.ui.telegram.button:active {
|
629
569
|
background-color: #006699;
|
630
|
-
color: #
|
570
|
+
color: #fff;
|
631
571
|
}
|
632
572
|
|
633
|
-
|
573
|
+
/* --------------
|
634
574
|
Icon
|
635
|
-
|
636
|
-
|
575
|
+
--------------- */
|
637
576
|
.ui.button > .icon:not(.button) {
|
638
577
|
height: auto;
|
639
578
|
opacity: 0.8;
|
640
|
-
-webkit-transition: opacity 0.1s ease;
|
641
579
|
transition: opacity 0.1s ease;
|
642
|
-
color:
|
580
|
+
color: "";
|
643
581
|
}
|
644
582
|
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
|
645
583
|
.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
|
@@ -659,18 +597,14 @@
|
|
659
597
|
*******************************/
|
660
598
|
|
661
599
|
|
662
|
-
|
663
|
-
|
664
|
-
|
665
|
-
|
600
|
+
/* --------------
|
601
|
+
Stackable
|
602
|
+
--------------- */
|
666
603
|
|
667
604
|
/* Tablet Or Below */
|
668
605
|
@media only screen and (max-width: 767.98px) {
|
669
606
|
.ui.stackable.buttons {
|
670
|
-
-
|
671
|
-
-webkit-box-direction: normal;
|
672
|
-
-ms-flex-direction: column;
|
673
|
-
flex-direction: column;
|
607
|
+
flex-direction: column;
|
674
608
|
width: 100%;
|
675
609
|
}
|
676
610
|
.ui.stackable.buttons .button:first-child {
|
@@ -686,10 +620,9 @@
|
|
686
620
|
}
|
687
621
|
}
|
688
622
|
|
689
|
-
|
690
|
-
|
691
|
-
|
692
|
-
|
623
|
+
/* -------------------
|
624
|
+
Floated
|
625
|
+
-------------------- */
|
693
626
|
.ui[class*="left floated"].buttons,
|
694
627
|
.ui[class*="left floated"].button {
|
695
628
|
float: left;
|
@@ -703,10 +636,9 @@
|
|
703
636
|
margin-left: 0.25em;
|
704
637
|
}
|
705
638
|
|
706
|
-
|
707
|
-
|
708
|
-
|
709
|
-
|
639
|
+
/* -------------------
|
640
|
+
Compact
|
641
|
+
-------------------- */
|
710
642
|
.ui.compact.buttons .button,
|
711
643
|
.ui.compact.button {
|
712
644
|
padding: 0.58928571em 1.125em 0.58928571em;
|
@@ -721,13 +653,12 @@
|
|
721
653
|
}
|
722
654
|
.ui.compact.labeled.icon.buttons .button > .icon,
|
723
655
|
.ui.compact.labeled.icon.button > .icon {
|
724
|
-
padding: 0.58928571em 0
|
656
|
+
padding: 0.58928571em 0;
|
725
657
|
}
|
726
658
|
|
727
|
-
|
659
|
+
/* -------------------
|
728
660
|
Sizes
|
729
|
-
|
730
|
-
|
661
|
+
-------------------- */
|
731
662
|
.ui.buttons .button,
|
732
663
|
.ui.buttons .or,
|
733
664
|
.ui.button {
|
@@ -783,10 +714,9 @@
|
|
783
714
|
font-size: 1.71428571rem;
|
784
715
|
}
|
785
716
|
|
786
|
-
|
787
|
-
|
788
|
-
|
789
|
-
|
717
|
+
/* --------------
|
718
|
+
Icon Only
|
719
|
+
--------------- */
|
790
720
|
.ui.icon.buttons .button,
|
791
721
|
.ui.icon.button:not(.animated):not(.compact):not(.labeled) {
|
792
722
|
padding: 0.78571429em 0.78571429em 0.78571429em;
|
@@ -802,10 +732,9 @@
|
|
802
732
|
vertical-align: top;
|
803
733
|
}
|
804
734
|
|
805
|
-
|
806
|
-
|
807
|
-
|
808
|
-
|
735
|
+
/* -------------------
|
736
|
+
Basic
|
737
|
+
-------------------- */
|
809
738
|
.ui.basic.buttons .button,
|
810
739
|
.ui.basic.button {
|
811
740
|
background: transparent none;
|
@@ -814,12 +743,10 @@
|
|
814
743
|
border-radius: 0.28571429rem;
|
815
744
|
text-transform: none;
|
816
745
|
text-shadow: none !important;
|
817
|
-
|
818
|
-
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
746
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
819
747
|
}
|
820
748
|
.ui.basic.buttons {
|
821
|
-
|
822
|
-
box-shadow: none;
|
749
|
+
box-shadow: none;
|
823
750
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
824
751
|
border-radius: 0.28571429rem;
|
825
752
|
border-right: none;
|
@@ -829,30 +756,26 @@
|
|
829
756
|
}
|
830
757
|
.ui.basic.buttons .button:hover,
|
831
758
|
.ui.basic.button:hover {
|
832
|
-
background: #
|
759
|
+
background: #fff;
|
833
760
|
color: rgba(0, 0, 0, 0.8);
|
834
|
-
|
835
|
-
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
761
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
836
762
|
}
|
837
763
|
.ui.basic.buttons .button:focus,
|
838
764
|
.ui.basic.button:focus {
|
839
|
-
background: #
|
765
|
+
background: #fff;
|
840
766
|
color: rgba(0, 0, 0, 0.8);
|
841
|
-
|
842
|
-
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
767
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
843
768
|
}
|
844
769
|
.ui.basic.buttons .button:active,
|
845
770
|
.ui.basic.button:active {
|
846
|
-
background: #
|
771
|
+
background: #f8f8f8;
|
847
772
|
color: rgba(0, 0, 0, 0.9);
|
848
|
-
|
849
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
|
773
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
|
850
774
|
}
|
851
775
|
.ui.basic.buttons .active.button,
|
852
776
|
.ui.basic.active.button {
|
853
777
|
background: rgba(0, 0, 0, 0.05);
|
854
|
-
|
855
|
-
box-shadow: '';
|
778
|
+
box-shadow: "";
|
856
779
|
color: rgba(0, 0, 0, 0.95);
|
857
780
|
}
|
858
781
|
.ui.basic.buttons .active.button:hover,
|
@@ -860,65 +783,55 @@
|
|
860
783
|
background-color: rgba(0, 0, 0, 0.05);
|
861
784
|
}
|
862
785
|
.ui.basic.buttons .button:hover {
|
863
|
-
|
864
|
-
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
|
786
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
865
787
|
}
|
866
788
|
.ui.basic.buttons .button:active {
|
867
|
-
|
868
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
|
789
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
|
869
790
|
}
|
870
791
|
.ui.basic.buttons .active.button {
|
871
|
-
|
872
|
-
box-shadow: '';
|
792
|
+
box-shadow: "";
|
873
793
|
}
|
874
794
|
|
875
795
|
/* Standard Basic Inverted */
|
876
796
|
.ui.basic.inverted.buttons .button,
|
877
797
|
.ui.basic.inverted.button {
|
878
798
|
background-color: transparent;
|
879
|
-
color: #
|
880
|
-
|
881
|
-
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
799
|
+
color: #f9fafb;
|
800
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
882
801
|
}
|
883
802
|
.ui.basic.inverted.buttons .button:hover,
|
884
803
|
.ui.basic.inverted.button:hover {
|
885
|
-
color: #
|
886
|
-
|
887
|
-
box-shadow: 0 0 0 2px #ffffff inset;
|
804
|
+
color: #fff;
|
805
|
+
box-shadow: 0 0 0 2px #ffffff inset;
|
888
806
|
}
|
889
807
|
.ui.basic.inverted.buttons .button:focus,
|
890
808
|
.ui.basic.inverted.button:focus {
|
891
|
-
color: #
|
892
|
-
|
893
|
-
box-shadow: 0 0 0 2px #ffffff inset;
|
809
|
+
color: #fff;
|
810
|
+
box-shadow: 0 0 0 2px #ffffff inset;
|
894
811
|
}
|
895
812
|
.ui.basic.inverted.buttons .button:active,
|
896
813
|
.ui.basic.inverted.button:active {
|
897
814
|
background-color: rgba(255, 255, 255, 0.08);
|
898
|
-
color: #
|
899
|
-
|
900
|
-
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
|
815
|
+
color: #fff;
|
816
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
|
901
817
|
}
|
902
818
|
.ui.basic.inverted.buttons .active.button,
|
903
819
|
.ui.basic.inverted.active.button {
|
904
820
|
background-color: rgba(255, 255, 255, 0.08);
|
905
|
-
color: #
|
821
|
+
color: #fff;
|
906
822
|
text-shadow: none;
|
907
|
-
|
908
|
-
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
|
823
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
|
909
824
|
}
|
910
825
|
.ui.basic.inverted.buttons .active.button:hover,
|
911
826
|
.ui.basic.inverted.active.button:hover {
|
912
827
|
background-color: rgba(255, 255, 255, 0.15);
|
913
|
-
|
914
|
-
box-shadow: 0 0 0 2px #ffffff inset;
|
828
|
+
box-shadow: 0 0 0 2px #ffffff inset;
|
915
829
|
}
|
916
830
|
|
917
831
|
/* Basic Group */
|
918
832
|
.ui.basic.buttons:not(.inverted) .button:not(.basic) {
|
919
833
|
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
920
|
-
|
921
|
-
box-shadow: none;
|
834
|
+
box-shadow: none;
|
922
835
|
}
|
923
836
|
.ui.basic.vertical.buttons .button {
|
924
837
|
border-left: none;
|
@@ -929,47 +842,40 @@
|
|
929
842
|
border-top: none;
|
930
843
|
}
|
931
844
|
|
932
|
-
|
933
|
-
|
934
|
-
|
935
|
-
|
845
|
+
/* -------------------
|
846
|
+
Tertiary
|
847
|
+
-------------------- */
|
936
848
|
|
937
849
|
/* Overline Mixin */
|
938
850
|
.ui.tertiary.button {
|
939
|
-
-webkit-transition: color 0.1s ease !important;
|
940
851
|
transition: color 0.1s ease !important;
|
941
852
|
border-radius: 0;
|
942
853
|
margin: 0.28571429em 0.25em 0.28571429em 0 !important;
|
943
854
|
padding: 0.5em 0.5em !important;
|
944
|
-
|
945
|
-
box-shadow: none;
|
855
|
+
box-shadow: none;
|
946
856
|
color: rgba(0, 0, 0, 0.6);
|
947
857
|
background: none;
|
948
858
|
}
|
949
859
|
.ui.tertiary.button:hover {
|
950
|
-
|
951
|
-
box-shadow: inset 0 -0.2em 0 #666666;
|
860
|
+
box-shadow: inset 0 -0.2em 0 #666666;
|
952
861
|
color: #333333;
|
953
862
|
background: none;
|
954
863
|
}
|
955
864
|
.ui.tertiary.button:focus {
|
956
|
-
|
957
|
-
box-shadow: inset 0 -0.2em 0 #666666;
|
865
|
+
box-shadow: inset 0 -0.2em 0 #666666;
|
958
866
|
color: #333333;
|
959
867
|
background: none;
|
960
868
|
}
|
961
869
|
.ui.tertiary.button:active {
|
962
|
-
|
963
|
-
box-shadow: inset 0 -0.2em 0 #999999;
|
870
|
+
box-shadow: inset 0 -0.2em 0 #999999;
|
964
871
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
965
872
|
color: #666666;
|
966
873
|
background: none;
|
967
874
|
}
|
968
875
|
|
969
|
-
|
970
|
-
|
971
|
-
|
972
|
-
|
876
|
+
/* --------------
|
877
|
+
Labeled Icon
|
878
|
+
--------------- */
|
973
879
|
.ui.labeled.icon.buttons .button,
|
974
880
|
.ui.labeled.icon.button {
|
975
881
|
position: relative;
|
@@ -989,15 +895,13 @@
|
|
989
895
|
border-top-left-radius: inherit;
|
990
896
|
border-bottom-left-radius: inherit;
|
991
897
|
text-align: center;
|
992
|
-
|
993
|
-
|
994
|
-
padding: 0.78571429em 0 0.78571429em 0;
|
898
|
+
animation: none;
|
899
|
+
padding: 0.78571429em 0;
|
995
900
|
margin: 0;
|
996
901
|
width: 2.57142857em;
|
997
902
|
background-color: rgba(0, 0, 0, 0.05);
|
998
|
-
color:
|
999
|
-
|
1000
|
-
box-shadow: -1px 0 0 0 transparent inset;
|
903
|
+
color: "";
|
904
|
+
box-shadow: -1px 0 0 0 transparent inset;
|
1001
905
|
}
|
1002
906
|
|
1003
907
|
/* Right Labeled */
|
@@ -1011,8 +915,7 @@
|
|
1011
915
|
border-radius: 0;
|
1012
916
|
border-top-right-radius: inherit;
|
1013
917
|
border-bottom-right-radius: inherit;
|
1014
|
-
|
1015
|
-
box-shadow: 1px 0 0 0 transparent inset;
|
918
|
+
box-shadow: 1px 0 0 0 transparent inset;
|
1016
919
|
}
|
1017
920
|
.ui.labeled.icon.buttons > .button > .icon::before,
|
1018
921
|
.ui.labeled.icon.button > .icon::before,
|
@@ -1046,35 +949,31 @@
|
|
1046
949
|
|
1047
950
|
/* Loading Icon in Labeled Button */
|
1048
951
|
.ui.labeled.icon.button > .loading.icon::before {
|
1049
|
-
|
1050
|
-
animation: loader 2s linear infinite;
|
952
|
+
animation: loader 2s linear infinite;
|
1051
953
|
}
|
1052
954
|
|
1053
|
-
|
1054
|
-
|
1055
|
-
|
1056
|
-
|
955
|
+
/* --------------
|
956
|
+
Toggle
|
957
|
+
--------------- */
|
1057
958
|
|
1058
959
|
/* Toggle (Modifies active state to give affordances) */
|
1059
960
|
.ui.toggle.buttons .active.button,
|
1060
961
|
.ui.buttons .button.toggle.active,
|
1061
962
|
.ui.button.toggle.active {
|
1062
|
-
background-color: #
|
1063
|
-
|
1064
|
-
box-shadow: none;
|
963
|
+
background-color: #21ba45;
|
964
|
+
box-shadow: none;
|
1065
965
|
text-shadow: none;
|
1066
|
-
color: #
|
966
|
+
color: #fff;
|
1067
967
|
}
|
1068
968
|
.ui.button.toggle.active:hover {
|
1069
969
|
background-color: #16ab39;
|
1070
970
|
text-shadow: none;
|
1071
|
-
color: #
|
971
|
+
color: #fff;
|
1072
972
|
}
|
1073
973
|
|
1074
|
-
|
1075
|
-
|
1076
|
-
|
1077
|
-
|
974
|
+
/* --------------
|
975
|
+
Circular
|
976
|
+
--------------- */
|
1078
977
|
.ui.circular.button {
|
1079
978
|
border-radius: 10em;
|
1080
979
|
}
|
@@ -1083,10 +982,9 @@
|
|
1083
982
|
vertical-align: baseline;
|
1084
983
|
}
|
1085
984
|
|
1086
|
-
|
1087
|
-
|
1088
|
-
|
1089
|
-
|
985
|
+
/* -------------------
|
986
|
+
Or Buttons
|
987
|
+
-------------------- */
|
1090
988
|
.ui.buttons .or {
|
1091
989
|
position: relative;
|
1092
990
|
width: 0.3em;
|
@@ -1097,10 +995,10 @@
|
|
1097
995
|
position: absolute;
|
1098
996
|
text-align: center;
|
1099
997
|
border-radius: 500rem;
|
1100
|
-
content:
|
998
|
+
content: "or";
|
1101
999
|
top: 50%;
|
1102
1000
|
left: 50%;
|
1103
|
-
background-color: #
|
1001
|
+
background-color: #fff;
|
1104
1002
|
text-shadow: none;
|
1105
1003
|
margin-top: -0.89285714em;
|
1106
1004
|
margin-left: -0.89285714em;
|
@@ -1110,8 +1008,7 @@
|
|
1110
1008
|
color: rgba(0, 0, 0, 0.4);
|
1111
1009
|
font-style: normal;
|
1112
1010
|
font-weight: bold;
|
1113
|
-
|
1114
|
-
box-shadow: 0 0 0 1px transparent inset;
|
1011
|
+
box-shadow: 0 0 0 1px transparent inset;
|
1115
1012
|
}
|
1116
1013
|
.ui.buttons .or[data-text]::before {
|
1117
1014
|
content: attr(data-text);
|
@@ -1125,10 +1022,9 @@
|
|
1125
1022
|
display: none;
|
1126
1023
|
}
|
1127
1024
|
|
1128
|
-
|
1129
|
-
|
1130
|
-
|
1131
|
-
|
1025
|
+
/* -------------------
|
1026
|
+
Attached
|
1027
|
+
-------------------- */
|
1132
1028
|
|
1133
1029
|
/* Singular */
|
1134
1030
|
.ui.attached.button {
|
@@ -1136,8 +1032,7 @@
|
|
1136
1032
|
display: block;
|
1137
1033
|
margin: 0;
|
1138
1034
|
border-radius: 0;
|
1139
|
-
|
1140
|
-
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
|
1035
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
|
1141
1036
|
}
|
1142
1037
|
|
1143
1038
|
/* Top / Bottom */
|
@@ -1166,8 +1061,6 @@
|
|
1166
1061
|
/* Plural */
|
1167
1062
|
.ui.attached.buttons {
|
1168
1063
|
position: relative;
|
1169
|
-
display: -webkit-box;
|
1170
|
-
display: -ms-flexbox;
|
1171
1064
|
display: flex;
|
1172
1065
|
border-radius: 0;
|
1173
1066
|
width: auto !important;
|
@@ -1209,8 +1102,6 @@
|
|
1209
1102
|
|
1210
1103
|
/* Left / Right */
|
1211
1104
|
.ui[class*="left attached"].buttons {
|
1212
|
-
display: -webkit-inline-box;
|
1213
|
-
display: -ms-inline-flexbox;
|
1214
1105
|
display: inline-flex;
|
1215
1106
|
margin-right: 0;
|
1216
1107
|
margin-left: -1px;
|
@@ -1225,8 +1116,6 @@
|
|
1225
1116
|
border-radius: 0 0 0.28571429rem 0;
|
1226
1117
|
}
|
1227
1118
|
.ui[class*="right attached"].buttons {
|
1228
|
-
display: -webkit-inline-box;
|
1229
|
-
display: -ms-inline-flexbox;
|
1230
1119
|
display: inline-flex;
|
1231
1120
|
margin-left: 0;
|
1232
1121
|
margin-right: -1px;
|
@@ -1241,10 +1130,9 @@
|
|
1241
1130
|
border-radius: 0 0 0 0.28571429rem;
|
1242
1131
|
}
|
1243
1132
|
|
1244
|
-
|
1245
|
-
|
1246
|
-
|
1247
|
-
|
1133
|
+
/* -------------------
|
1134
|
+
Fluid
|
1135
|
+
-------------------- */
|
1248
1136
|
.ui.fluid.buttons,
|
1249
1137
|
.ui.fluid.button {
|
1250
1138
|
width: 100%;
|
@@ -1322,13 +1210,9 @@
|
|
1322
1210
|
/* Fluid Vertical Buttons */
|
1323
1211
|
.ui.fluid.vertical.buttons,
|
1324
1212
|
.ui.fluid.vertical.buttons > .button {
|
1325
|
-
display: -webkit-box;
|
1326
|
-
display: -ms-flexbox;
|
1327
1213
|
display: flex;
|
1328
1214
|
width: auto;
|
1329
|
-
-
|
1330
|
-
-ms-flex-pack: center;
|
1331
|
-
justify-content: center;
|
1215
|
+
justify-content: center;
|
1332
1216
|
}
|
1333
1217
|
.ui.two.vertical.buttons > .button {
|
1334
1218
|
height: 50%;
|
@@ -1364,37 +1248,35 @@
|
|
1364
1248
|
height: 8.3333%;
|
1365
1249
|
}
|
1366
1250
|
|
1367
|
-
|
1251
|
+
/* -------------------
|
1368
1252
|
Colors
|
1369
|
-
|
1370
|
-
|
1253
|
+
-------------------- */
|
1371
1254
|
.ui.primary.buttons .button,
|
1372
1255
|
.ui.primary.button {
|
1373
|
-
background-color: #
|
1374
|
-
color: #
|
1256
|
+
background-color: #2185d0;
|
1257
|
+
color: #fff;
|
1375
1258
|
text-shadow: none;
|
1376
1259
|
background-image: none;
|
1377
1260
|
}
|
1378
1261
|
.ui.primary.button {
|
1379
|
-
|
1380
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1262
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1381
1263
|
}
|
1382
1264
|
.ui.primary.buttons .button:hover,
|
1383
1265
|
.ui.primary.button:hover {
|
1384
1266
|
background-color: #1678c2;
|
1385
|
-
color: #
|
1267
|
+
color: #fff;
|
1386
1268
|
text-shadow: none;
|
1387
1269
|
}
|
1388
1270
|
.ui.primary.buttons .button:focus,
|
1389
1271
|
.ui.primary.button:focus {
|
1390
1272
|
background-color: #0d71bb;
|
1391
|
-
color: #
|
1273
|
+
color: #fff;
|
1392
1274
|
text-shadow: none;
|
1393
1275
|
}
|
1394
1276
|
.ui.primary.buttons .button:active,
|
1395
1277
|
.ui.primary.button:active {
|
1396
1278
|
background-color: #1a69a4;
|
1397
|
-
color: #
|
1279
|
+
color: #fff;
|
1398
1280
|
text-shadow: none;
|
1399
1281
|
}
|
1400
1282
|
.ui.primary.buttons .active.button,
|
@@ -1402,7 +1284,7 @@
|
|
1402
1284
|
.ui.primary.active.button,
|
1403
1285
|
.ui.primary.button .active.button:active {
|
1404
1286
|
background-color: #1279c6;
|
1405
|
-
color: #
|
1287
|
+
color: #fff;
|
1406
1288
|
text-shadow: none;
|
1407
1289
|
}
|
1408
1290
|
|
@@ -1410,35 +1292,30 @@
|
|
1410
1292
|
.ui.basic.primary.buttons .button,
|
1411
1293
|
.ui.basic.primary.button {
|
1412
1294
|
background: transparent;
|
1413
|
-
|
1414
|
-
|
1415
|
-
color: #2185D0;
|
1295
|
+
box-shadow: 0 0 0 1px #2185d0 inset;
|
1296
|
+
color: #2185d0;
|
1416
1297
|
}
|
1417
1298
|
.ui.basic.primary.buttons .button:hover,
|
1418
1299
|
.ui.basic.primary.button:hover {
|
1419
1300
|
background: transparent;
|
1420
|
-
|
1421
|
-
box-shadow: 0 0 0 1px #1678c2 inset;
|
1301
|
+
box-shadow: 0 0 0 1px #1678c2 inset;
|
1422
1302
|
color: #1678c2;
|
1423
1303
|
}
|
1424
1304
|
.ui.basic.primary.buttons .button:focus,
|
1425
1305
|
.ui.basic.primary.button:focus {
|
1426
1306
|
background: transparent;
|
1427
|
-
|
1428
|
-
box-shadow: 0 0 0 1px #0d71bb inset;
|
1307
|
+
box-shadow: 0 0 0 1px #0d71bb inset;
|
1429
1308
|
color: #1678c2;
|
1430
1309
|
}
|
1431
1310
|
.ui.basic.primary.buttons .active.button,
|
1432
1311
|
.ui.basic.primary.active.button {
|
1433
1312
|
background: transparent;
|
1434
|
-
|
1435
|
-
box-shadow: 0 0 0 1px #1279c6 inset;
|
1313
|
+
box-shadow: 0 0 0 1px #1279c6 inset;
|
1436
1314
|
color: #1a69a4;
|
1437
1315
|
}
|
1438
1316
|
.ui.basic.primary.buttons .button:active,
|
1439
1317
|
.ui.basic.primary.button:active {
|
1440
|
-
|
1441
|
-
box-shadow: 0 0 0 1px #1a69a4 inset;
|
1318
|
+
box-shadow: 0 0 0 1px #1a69a4 inset;
|
1442
1319
|
color: #1a69a4;
|
1443
1320
|
}
|
1444
1321
|
|
@@ -1446,9 +1323,8 @@
|
|
1446
1323
|
.ui.inverted.primary.buttons .button,
|
1447
1324
|
.ui.inverted.primary.button {
|
1448
1325
|
background-color: transparent;
|
1449
|
-
|
1450
|
-
|
1451
|
-
color: #54C8FF;
|
1326
|
+
box-shadow: 0 0 0 2px #54c8ff inset;
|
1327
|
+
color: #54c8ff;
|
1452
1328
|
}
|
1453
1329
|
.ui.inverted.primary.buttons .button:hover,
|
1454
1330
|
.ui.inverted.primary.button:hover,
|
@@ -1458,9 +1334,8 @@
|
|
1458
1334
|
.ui.inverted.primary.button.active,
|
1459
1335
|
.ui.inverted.primary.buttons .button:active,
|
1460
1336
|
.ui.inverted.primary.button:active {
|
1461
|
-
|
1462
|
-
|
1463
|
-
color: #FFFFFF;
|
1337
|
+
box-shadow: none;
|
1338
|
+
color: #fff;
|
1464
1339
|
}
|
1465
1340
|
.ui.inverted.primary.buttons .button:hover,
|
1466
1341
|
.ui.inverted.primary.button:hover {
|
@@ -1484,37 +1359,32 @@
|
|
1484
1359
|
.ui.inverted.primary.buttons .basic.button,
|
1485
1360
|
.ui.inverted.primary.basic.button {
|
1486
1361
|
background-color: transparent;
|
1487
|
-
|
1488
|
-
|
1489
|
-
color: #FFFFFF;
|
1362
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
1363
|
+
color: #fff;
|
1490
1364
|
}
|
1491
1365
|
.ui.inverted.primary.basic.buttons .button:hover,
|
1492
1366
|
.ui.inverted.primary.buttons .basic.button:hover,
|
1493
1367
|
.ui.inverted.primary.basic.button:hover {
|
1494
|
-
|
1495
|
-
|
1496
|
-
color: #54C8FF;
|
1368
|
+
box-shadow: 0 0 0 2px #21b8ff inset;
|
1369
|
+
color: #54c8ff;
|
1497
1370
|
}
|
1498
1371
|
.ui.inverted.primary.basic.buttons .button:focus,
|
1499
1372
|
.ui.inverted.primary.basic.buttons .button:focus,
|
1500
1373
|
.ui.inverted.primary.basic.button:focus {
|
1501
|
-
|
1502
|
-
|
1503
|
-
color: #54C8FF;
|
1374
|
+
box-shadow: 0 0 0 2px #2bbbff inset;
|
1375
|
+
color: #54c8ff;
|
1504
1376
|
}
|
1505
1377
|
.ui.inverted.primary.basic.buttons .active.button,
|
1506
1378
|
.ui.inverted.primary.buttons .basic.active.button,
|
1507
1379
|
.ui.inverted.primary.basic.active.button {
|
1508
|
-
|
1509
|
-
|
1510
|
-
color: #54C8FF;
|
1380
|
+
box-shadow: 0 0 0 2px #3ac0ff inset;
|
1381
|
+
color: #54c8ff;
|
1511
1382
|
}
|
1512
1383
|
.ui.inverted.primary.basic.buttons .button:active,
|
1513
1384
|
.ui.inverted.primary.buttons .basic.button:active,
|
1514
1385
|
.ui.inverted.primary.basic.button:active {
|
1515
|
-
|
1516
|
-
|
1517
|
-
color: #54C8FF;
|
1386
|
+
box-shadow: 0 0 0 2px #21b8ff inset;
|
1387
|
+
color: #54c8ff;
|
1518
1388
|
}
|
1519
1389
|
|
1520
1390
|
/* Tertiary */
|
@@ -1522,22 +1392,19 @@
|
|
1522
1392
|
.ui.tertiary.primary.buttons .tertiary.button,
|
1523
1393
|
.ui.tertiary.primary.button {
|
1524
1394
|
background: transparent;
|
1525
|
-
|
1526
|
-
|
1527
|
-
color: #2185D0;
|
1395
|
+
box-shadow: none;
|
1396
|
+
color: #2185d0;
|
1528
1397
|
}
|
1529
1398
|
.ui.tertiary.primary.buttons .button:hover,
|
1530
1399
|
.ui.tertiary.primary.buttons button:hover,
|
1531
1400
|
.ui.tertiary.primary.button:hover {
|
1532
|
-
|
1533
|
-
box-shadow: inset 0 -0.2em 0 #2b75ac;
|
1401
|
+
box-shadow: inset 0 -0.2em 0 #2b75ac;
|
1534
1402
|
color: #2b75ac;
|
1535
1403
|
}
|
1536
1404
|
.ui.tertiary.primary.buttons .button:focus,
|
1537
1405
|
.ui.tertiary.primary.buttons .tertiary.button:focus,
|
1538
1406
|
.ui.tertiary.primary.button:focus {
|
1539
|
-
|
1540
|
-
box-shadow: inset 0 -0.2em 0 #216ea7;
|
1407
|
+
box-shadow: inset 0 -0.2em 0 #216ea7;
|
1541
1408
|
color: #216ea7;
|
1542
1409
|
}
|
1543
1410
|
.ui.tertiary.primary.buttons .active.button,
|
@@ -1546,37 +1413,35 @@
|
|
1546
1413
|
.ui.tertiary.primary.buttons .button:active,
|
1547
1414
|
.ui.tertiary.primary.buttons .tertiary.button:active,
|
1548
1415
|
.ui.tertiary.primary.button:active {
|
1549
|
-
|
1550
|
-
box-shadow: inset 0 -0.2em 0 #007bd8;
|
1416
|
+
box-shadow: inset 0 -0.2em 0 #007bd8;
|
1551
1417
|
color: #1279c6;
|
1552
1418
|
}
|
1553
1419
|
.ui.secondary.buttons .button,
|
1554
1420
|
.ui.secondary.button {
|
1555
|
-
background-color: #
|
1556
|
-
color: #
|
1421
|
+
background-color: #1b1c1d;
|
1422
|
+
color: #fff;
|
1557
1423
|
text-shadow: none;
|
1558
1424
|
background-image: none;
|
1559
1425
|
}
|
1560
1426
|
.ui.secondary.button {
|
1561
|
-
|
1562
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1427
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1563
1428
|
}
|
1564
1429
|
.ui.secondary.buttons .button:hover,
|
1565
1430
|
.ui.secondary.button:hover {
|
1566
1431
|
background-color: #27292a;
|
1567
|
-
color: #
|
1432
|
+
color: #fff;
|
1568
1433
|
text-shadow: none;
|
1569
1434
|
}
|
1570
1435
|
.ui.secondary.buttons .button:focus,
|
1571
1436
|
.ui.secondary.button:focus {
|
1572
1437
|
background-color: #2e3032;
|
1573
|
-
color: #
|
1438
|
+
color: #fff;
|
1574
1439
|
text-shadow: none;
|
1575
1440
|
}
|
1576
1441
|
.ui.secondary.buttons .button:active,
|
1577
1442
|
.ui.secondary.button:active {
|
1578
1443
|
background-color: #343637;
|
1579
|
-
color: #
|
1444
|
+
color: #fff;
|
1580
1445
|
text-shadow: none;
|
1581
1446
|
}
|
1582
1447
|
.ui.secondary.buttons .active.button,
|
@@ -1584,7 +1449,7 @@
|
|
1584
1449
|
.ui.secondary.active.button,
|
1585
1450
|
.ui.secondary.button .active.button:active {
|
1586
1451
|
background-color: #27292a;
|
1587
|
-
color: #
|
1452
|
+
color: #fff;
|
1588
1453
|
text-shadow: none;
|
1589
1454
|
}
|
1590
1455
|
|
@@ -1592,35 +1457,30 @@
|
|
1592
1457
|
.ui.basic.secondary.buttons .button,
|
1593
1458
|
.ui.basic.secondary.button {
|
1594
1459
|
background: transparent;
|
1595
|
-
|
1596
|
-
|
1597
|
-
color: #1B1C1D;
|
1460
|
+
box-shadow: 0 0 0 1px #1b1c1d inset;
|
1461
|
+
color: #1b1c1d;
|
1598
1462
|
}
|
1599
1463
|
.ui.basic.secondary.buttons .button:hover,
|
1600
1464
|
.ui.basic.secondary.button:hover {
|
1601
1465
|
background: transparent;
|
1602
|
-
|
1603
|
-
box-shadow: 0 0 0 1px #27292a inset;
|
1466
|
+
box-shadow: 0 0 0 1px #27292a inset;
|
1604
1467
|
color: #27292a;
|
1605
1468
|
}
|
1606
1469
|
.ui.basic.secondary.buttons .button:focus,
|
1607
1470
|
.ui.basic.secondary.button:focus {
|
1608
1471
|
background: transparent;
|
1609
|
-
|
1610
|
-
box-shadow: 0 0 0 1px #2e3032 inset;
|
1472
|
+
box-shadow: 0 0 0 1px #2e3032 inset;
|
1611
1473
|
color: #27292a;
|
1612
1474
|
}
|
1613
1475
|
.ui.basic.secondary.buttons .active.button,
|
1614
1476
|
.ui.basic.secondary.active.button {
|
1615
1477
|
background: transparent;
|
1616
|
-
|
1617
|
-
box-shadow: 0 0 0 1px #27292a inset;
|
1478
|
+
box-shadow: 0 0 0 1px #27292a inset;
|
1618
1479
|
color: #343637;
|
1619
1480
|
}
|
1620
1481
|
.ui.basic.secondary.buttons .button:active,
|
1621
1482
|
.ui.basic.secondary.button:active {
|
1622
|
-
|
1623
|
-
box-shadow: 0 0 0 1px #343637 inset;
|
1483
|
+
box-shadow: 0 0 0 1px #343637 inset;
|
1624
1484
|
color: #343637;
|
1625
1485
|
}
|
1626
1486
|
|
@@ -1628,8 +1488,7 @@
|
|
1628
1488
|
.ui.inverted.secondary.buttons .button,
|
1629
1489
|
.ui.inverted.secondary.button {
|
1630
1490
|
background-color: transparent;
|
1631
|
-
|
1632
|
-
box-shadow: 0 0 0 2px #545454 inset;
|
1491
|
+
box-shadow: 0 0 0 2px #545454 inset;
|
1633
1492
|
color: #545454;
|
1634
1493
|
}
|
1635
1494
|
.ui.inverted.secondary.buttons .button:hover,
|
@@ -1640,9 +1499,8 @@
|
|
1640
1499
|
.ui.inverted.secondary.button.active,
|
1641
1500
|
.ui.inverted.secondary.buttons .button:active,
|
1642
1501
|
.ui.inverted.secondary.button:active {
|
1643
|
-
|
1644
|
-
|
1645
|
-
color: #FFFFFF;
|
1502
|
+
box-shadow: none;
|
1503
|
+
color: #fff;
|
1646
1504
|
}
|
1647
1505
|
.ui.inverted.secondary.buttons .button:hover,
|
1648
1506
|
.ui.inverted.secondary.button:hover {
|
@@ -1666,36 +1524,31 @@
|
|
1666
1524
|
.ui.inverted.secondary.buttons .basic.button,
|
1667
1525
|
.ui.inverted.secondary.basic.button {
|
1668
1526
|
background-color: transparent;
|
1669
|
-
|
1670
|
-
|
1671
|
-
color: #FFFFFF;
|
1527
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
1528
|
+
color: #fff;
|
1672
1529
|
}
|
1673
1530
|
.ui.inverted.secondary.basic.buttons .button:hover,
|
1674
1531
|
.ui.inverted.secondary.buttons .basic.button:hover,
|
1675
1532
|
.ui.inverted.secondary.basic.button:hover {
|
1676
|
-
|
1677
|
-
box-shadow: 0 0 0 2px #6e6e6e inset;
|
1533
|
+
box-shadow: 0 0 0 2px #6e6e6e inset;
|
1678
1534
|
color: #545454;
|
1679
1535
|
}
|
1680
1536
|
.ui.inverted.secondary.basic.buttons .button:focus,
|
1681
1537
|
.ui.inverted.secondary.basic.buttons .button:focus,
|
1682
1538
|
.ui.inverted.secondary.basic.button:focus {
|
1683
|
-
|
1684
|
-
box-shadow: 0 0 0 2px #686868 inset;
|
1539
|
+
box-shadow: 0 0 0 2px #686868 inset;
|
1685
1540
|
color: #545454;
|
1686
1541
|
}
|
1687
1542
|
.ui.inverted.secondary.basic.buttons .active.button,
|
1688
1543
|
.ui.inverted.secondary.buttons .basic.active.button,
|
1689
1544
|
.ui.inverted.secondary.basic.active.button {
|
1690
|
-
|
1691
|
-
box-shadow: 0 0 0 2px #616161 inset;
|
1545
|
+
box-shadow: 0 0 0 2px #616161 inset;
|
1692
1546
|
color: #545454;
|
1693
1547
|
}
|
1694
1548
|
.ui.inverted.secondary.basic.buttons .button:active,
|
1695
1549
|
.ui.inverted.secondary.buttons .basic.button:active,
|
1696
1550
|
.ui.inverted.secondary.basic.button:active {
|
1697
|
-
|
1698
|
-
box-shadow: 0 0 0 2px #6e6e6e inset;
|
1551
|
+
box-shadow: 0 0 0 2px #6e6e6e inset;
|
1699
1552
|
color: #545454;
|
1700
1553
|
}
|
1701
1554
|
|
@@ -1704,22 +1557,19 @@
|
|
1704
1557
|
.ui.tertiary.secondary.buttons .tertiary.button,
|
1705
1558
|
.ui.tertiary.secondary.button {
|
1706
1559
|
background: transparent;
|
1707
|
-
|
1708
|
-
|
1709
|
-
color: #1B1C1D;
|
1560
|
+
box-shadow: none;
|
1561
|
+
color: #1b1c1d;
|
1710
1562
|
}
|
1711
1563
|
.ui.tertiary.secondary.buttons .button:hover,
|
1712
1564
|
.ui.tertiary.secondary.buttons button:hover,
|
1713
1565
|
.ui.tertiary.secondary.button:hover {
|
1714
|
-
|
1715
|
-
box-shadow: inset 0 -0.2em 0 #292929;
|
1566
|
+
box-shadow: inset 0 -0.2em 0 #292929;
|
1716
1567
|
color: #292929;
|
1717
1568
|
}
|
1718
1569
|
.ui.tertiary.secondary.buttons .button:focus,
|
1719
1570
|
.ui.tertiary.secondary.buttons .tertiary.button:focus,
|
1720
1571
|
.ui.tertiary.secondary.button:focus {
|
1721
|
-
|
1722
|
-
box-shadow: inset 0 -0.2em 0 #303030;
|
1572
|
+
box-shadow: inset 0 -0.2em 0 #303030;
|
1723
1573
|
color: #303030;
|
1724
1574
|
}
|
1725
1575
|
.ui.tertiary.secondary.buttons .active.button,
|
@@ -1728,37 +1578,35 @@
|
|
1728
1578
|
.ui.tertiary.secondary.buttons .button:active,
|
1729
1579
|
.ui.tertiary.secondary.buttons .tertiary.button:active,
|
1730
1580
|
.ui.tertiary.secondary.button:active {
|
1731
|
-
|
1732
|
-
box-shadow: inset 0 -0.2em 0 #1f2933;
|
1581
|
+
box-shadow: inset 0 -0.2em 0 #1f2933;
|
1733
1582
|
color: #27292a;
|
1734
1583
|
}
|
1735
1584
|
.ui.red.buttons .button,
|
1736
1585
|
.ui.red.button {
|
1737
|
-
background-color: #
|
1738
|
-
color: #
|
1586
|
+
background-color: #db2828;
|
1587
|
+
color: #fff;
|
1739
1588
|
text-shadow: none;
|
1740
1589
|
background-image: none;
|
1741
1590
|
}
|
1742
1591
|
.ui.red.button {
|
1743
|
-
|
1744
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1592
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1745
1593
|
}
|
1746
1594
|
.ui.red.buttons .button:hover,
|
1747
1595
|
.ui.red.button:hover {
|
1748
1596
|
background-color: #d01919;
|
1749
|
-
color: #
|
1597
|
+
color: #fff;
|
1750
1598
|
text-shadow: none;
|
1751
1599
|
}
|
1752
1600
|
.ui.red.buttons .button:focus,
|
1753
1601
|
.ui.red.button:focus {
|
1754
1602
|
background-color: #ca1010;
|
1755
|
-
color: #
|
1603
|
+
color: #fff;
|
1756
1604
|
text-shadow: none;
|
1757
1605
|
}
|
1758
1606
|
.ui.red.buttons .button:active,
|
1759
1607
|
.ui.red.button:active {
|
1760
1608
|
background-color: #b21e1e;
|
1761
|
-
color: #
|
1609
|
+
color: #fff;
|
1762
1610
|
text-shadow: none;
|
1763
1611
|
}
|
1764
1612
|
.ui.red.buttons .active.button,
|
@@ -1766,7 +1614,7 @@
|
|
1766
1614
|
.ui.red.active.button,
|
1767
1615
|
.ui.red.button .active.button:active {
|
1768
1616
|
background-color: #d41515;
|
1769
|
-
color: #
|
1617
|
+
color: #fff;
|
1770
1618
|
text-shadow: none;
|
1771
1619
|
}
|
1772
1620
|
|
@@ -1774,35 +1622,30 @@
|
|
1774
1622
|
.ui.basic.red.buttons .button,
|
1775
1623
|
.ui.basic.red.button {
|
1776
1624
|
background: transparent;
|
1777
|
-
|
1778
|
-
|
1779
|
-
color: #DB2828;
|
1625
|
+
box-shadow: 0 0 0 1px #db2828 inset;
|
1626
|
+
color: #db2828;
|
1780
1627
|
}
|
1781
1628
|
.ui.basic.red.buttons .button:hover,
|
1782
1629
|
.ui.basic.red.button:hover {
|
1783
1630
|
background: transparent;
|
1784
|
-
|
1785
|
-
box-shadow: 0 0 0 1px #d01919 inset;
|
1631
|
+
box-shadow: 0 0 0 1px #d01919 inset;
|
1786
1632
|
color: #d01919;
|
1787
1633
|
}
|
1788
1634
|
.ui.basic.red.buttons .button:focus,
|
1789
1635
|
.ui.basic.red.button:focus {
|
1790
1636
|
background: transparent;
|
1791
|
-
|
1792
|
-
box-shadow: 0 0 0 1px #ca1010 inset;
|
1637
|
+
box-shadow: 0 0 0 1px #ca1010 inset;
|
1793
1638
|
color: #d01919;
|
1794
1639
|
}
|
1795
1640
|
.ui.basic.red.buttons .active.button,
|
1796
1641
|
.ui.basic.red.active.button {
|
1797
1642
|
background: transparent;
|
1798
|
-
|
1799
|
-
box-shadow: 0 0 0 1px #d41515 inset;
|
1643
|
+
box-shadow: 0 0 0 1px #d41515 inset;
|
1800
1644
|
color: #b21e1e;
|
1801
1645
|
}
|
1802
1646
|
.ui.basic.red.buttons .button:active,
|
1803
1647
|
.ui.basic.red.button:active {
|
1804
|
-
|
1805
|
-
box-shadow: 0 0 0 1px #b21e1e inset;
|
1648
|
+
box-shadow: 0 0 0 1px #b21e1e inset;
|
1806
1649
|
color: #b21e1e;
|
1807
1650
|
}
|
1808
1651
|
|
@@ -1810,9 +1653,8 @@
|
|
1810
1653
|
.ui.inverted.red.buttons .button,
|
1811
1654
|
.ui.inverted.red.button {
|
1812
1655
|
background-color: transparent;
|
1813
|
-
|
1814
|
-
|
1815
|
-
color: #FF695E;
|
1656
|
+
box-shadow: 0 0 0 2px #ff695e inset;
|
1657
|
+
color: #ff695e;
|
1816
1658
|
}
|
1817
1659
|
.ui.inverted.red.buttons .button:hover,
|
1818
1660
|
.ui.inverted.red.button:hover,
|
@@ -1822,9 +1664,8 @@
|
|
1822
1664
|
.ui.inverted.red.button.active,
|
1823
1665
|
.ui.inverted.red.buttons .button:active,
|
1824
1666
|
.ui.inverted.red.button:active {
|
1825
|
-
|
1826
|
-
|
1827
|
-
color: #FFFFFF;
|
1667
|
+
box-shadow: none;
|
1668
|
+
color: #fff;
|
1828
1669
|
}
|
1829
1670
|
.ui.inverted.red.buttons .button:hover,
|
1830
1671
|
.ui.inverted.red.button:hover {
|
@@ -1848,37 +1689,32 @@
|
|
1848
1689
|
.ui.inverted.red.buttons .basic.button,
|
1849
1690
|
.ui.inverted.red.basic.button {
|
1850
1691
|
background-color: transparent;
|
1851
|
-
|
1852
|
-
|
1853
|
-
color: #FFFFFF;
|
1692
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
1693
|
+
color: #fff;
|
1854
1694
|
}
|
1855
1695
|
.ui.inverted.red.basic.buttons .button:hover,
|
1856
1696
|
.ui.inverted.red.buttons .basic.button:hover,
|
1857
1697
|
.ui.inverted.red.basic.button:hover {
|
1858
|
-
|
1859
|
-
|
1860
|
-
color: #FF695E;
|
1698
|
+
box-shadow: 0 0 0 2px #ff392b inset;
|
1699
|
+
color: #ff695e;
|
1861
1700
|
}
|
1862
1701
|
.ui.inverted.red.basic.buttons .button:focus,
|
1863
1702
|
.ui.inverted.red.basic.buttons .button:focus,
|
1864
1703
|
.ui.inverted.red.basic.button:focus {
|
1865
|
-
|
1866
|
-
|
1867
|
-
color: #FF695E;
|
1704
|
+
box-shadow: 0 0 0 2px #ff4335 inset;
|
1705
|
+
color: #ff695e;
|
1868
1706
|
}
|
1869
1707
|
.ui.inverted.red.basic.buttons .active.button,
|
1870
1708
|
.ui.inverted.red.buttons .basic.active.button,
|
1871
1709
|
.ui.inverted.red.basic.active.button {
|
1872
|
-
|
1873
|
-
|
1874
|
-
color: #FF695E;
|
1710
|
+
box-shadow: 0 0 0 2px #ff5144 inset;
|
1711
|
+
color: #ff695e;
|
1875
1712
|
}
|
1876
1713
|
.ui.inverted.red.basic.buttons .button:active,
|
1877
1714
|
.ui.inverted.red.buttons .basic.button:active,
|
1878
1715
|
.ui.inverted.red.basic.button:active {
|
1879
|
-
|
1880
|
-
|
1881
|
-
color: #FF695E;
|
1716
|
+
box-shadow: 0 0 0 2px #ff392b inset;
|
1717
|
+
color: #ff695e;
|
1882
1718
|
}
|
1883
1719
|
|
1884
1720
|
/* Tertiary */
|
@@ -1886,22 +1722,19 @@
|
|
1886
1722
|
.ui.tertiary.red.buttons .tertiary.button,
|
1887
1723
|
.ui.tertiary.red.button {
|
1888
1724
|
background: transparent;
|
1889
|
-
|
1890
|
-
|
1891
|
-
color: #DB2828;
|
1725
|
+
box-shadow: none;
|
1726
|
+
color: #db2828;
|
1892
1727
|
}
|
1893
1728
|
.ui.tertiary.red.buttons .button:hover,
|
1894
1729
|
.ui.tertiary.red.buttons button:hover,
|
1895
1730
|
.ui.tertiary.red.button:hover {
|
1896
|
-
|
1897
|
-
box-shadow: inset 0 -0.2em 0 #b93131;
|
1731
|
+
box-shadow: inset 0 -0.2em 0 #b93131;
|
1898
1732
|
color: #b93131;
|
1899
1733
|
}
|
1900
1734
|
.ui.tertiary.red.buttons .button:focus,
|
1901
1735
|
.ui.tertiary.red.buttons .tertiary.button:focus,
|
1902
1736
|
.ui.tertiary.red.button:focus {
|
1903
|
-
|
1904
|
-
box-shadow: inset 0 -0.2em 0 #b52626;
|
1737
|
+
box-shadow: inset 0 -0.2em 0 #b52626;
|
1905
1738
|
color: #b52626;
|
1906
1739
|
}
|
1907
1740
|
.ui.tertiary.red.buttons .active.button,
|
@@ -1910,37 +1743,35 @@
|
|
1910
1743
|
.ui.tertiary.red.buttons .button:active,
|
1911
1744
|
.ui.tertiary.red.buttons .tertiary.button:active,
|
1912
1745
|
.ui.tertiary.red.button:active {
|
1913
|
-
|
1914
|
-
box-shadow: inset 0 -0.2em 0 #ea0000;
|
1746
|
+
box-shadow: inset 0 -0.2em 0 #ea0000;
|
1915
1747
|
color: #d41515;
|
1916
1748
|
}
|
1917
1749
|
.ui.orange.buttons .button,
|
1918
1750
|
.ui.orange.button {
|
1919
|
-
background-color: #
|
1920
|
-
color: #
|
1751
|
+
background-color: #f2711c;
|
1752
|
+
color: #fff;
|
1921
1753
|
text-shadow: none;
|
1922
1754
|
background-image: none;
|
1923
1755
|
}
|
1924
1756
|
.ui.orange.button {
|
1925
|
-
|
1926
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1757
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1927
1758
|
}
|
1928
1759
|
.ui.orange.buttons .button:hover,
|
1929
1760
|
.ui.orange.button:hover {
|
1930
1761
|
background-color: #f26202;
|
1931
|
-
color: #
|
1762
|
+
color: #fff;
|
1932
1763
|
text-shadow: none;
|
1933
1764
|
}
|
1934
1765
|
.ui.orange.buttons .button:focus,
|
1935
1766
|
.ui.orange.button:focus {
|
1936
1767
|
background-color: #e55b00;
|
1937
|
-
color: #
|
1768
|
+
color: #fff;
|
1938
1769
|
text-shadow: none;
|
1939
1770
|
}
|
1940
1771
|
.ui.orange.buttons .button:active,
|
1941
1772
|
.ui.orange.button:active {
|
1942
1773
|
background-color: #cf590c;
|
1943
|
-
color: #
|
1774
|
+
color: #fff;
|
1944
1775
|
text-shadow: none;
|
1945
1776
|
}
|
1946
1777
|
.ui.orange.buttons .active.button,
|
@@ -1948,7 +1779,7 @@
|
|
1948
1779
|
.ui.orange.active.button,
|
1949
1780
|
.ui.orange.button .active.button:active {
|
1950
1781
|
background-color: #f56100;
|
1951
|
-
color: #
|
1782
|
+
color: #fff;
|
1952
1783
|
text-shadow: none;
|
1953
1784
|
}
|
1954
1785
|
|
@@ -1956,35 +1787,30 @@
|
|
1956
1787
|
.ui.basic.orange.buttons .button,
|
1957
1788
|
.ui.basic.orange.button {
|
1958
1789
|
background: transparent;
|
1959
|
-
|
1960
|
-
|
1961
|
-
color: #F2711C;
|
1790
|
+
box-shadow: 0 0 0 1px #f2711c inset;
|
1791
|
+
color: #f2711c;
|
1962
1792
|
}
|
1963
1793
|
.ui.basic.orange.buttons .button:hover,
|
1964
1794
|
.ui.basic.orange.button:hover {
|
1965
1795
|
background: transparent;
|
1966
|
-
|
1967
|
-
box-shadow: 0 0 0 1px #f26202 inset;
|
1796
|
+
box-shadow: 0 0 0 1px #f26202 inset;
|
1968
1797
|
color: #f26202;
|
1969
1798
|
}
|
1970
1799
|
.ui.basic.orange.buttons .button:focus,
|
1971
1800
|
.ui.basic.orange.button:focus {
|
1972
1801
|
background: transparent;
|
1973
|
-
|
1974
|
-
box-shadow: 0 0 0 1px #e55b00 inset;
|
1802
|
+
box-shadow: 0 0 0 1px #e55b00 inset;
|
1975
1803
|
color: #f26202;
|
1976
1804
|
}
|
1977
1805
|
.ui.basic.orange.buttons .active.button,
|
1978
1806
|
.ui.basic.orange.active.button {
|
1979
1807
|
background: transparent;
|
1980
|
-
|
1981
|
-
box-shadow: 0 0 0 1px #f56100 inset;
|
1808
|
+
box-shadow: 0 0 0 1px #f56100 inset;
|
1982
1809
|
color: #cf590c;
|
1983
1810
|
}
|
1984
1811
|
.ui.basic.orange.buttons .button:active,
|
1985
1812
|
.ui.basic.orange.button:active {
|
1986
|
-
|
1987
|
-
box-shadow: 0 0 0 1px #cf590c inset;
|
1813
|
+
box-shadow: 0 0 0 1px #cf590c inset;
|
1988
1814
|
color: #cf590c;
|
1989
1815
|
}
|
1990
1816
|
|
@@ -1992,9 +1818,8 @@
|
|
1992
1818
|
.ui.inverted.orange.buttons .button,
|
1993
1819
|
.ui.inverted.orange.button {
|
1994
1820
|
background-color: transparent;
|
1995
|
-
|
1996
|
-
|
1997
|
-
color: #FF851B;
|
1821
|
+
box-shadow: 0 0 0 2px #ff851b inset;
|
1822
|
+
color: #ff851b;
|
1998
1823
|
}
|
1999
1824
|
.ui.inverted.orange.buttons .button:hover,
|
2000
1825
|
.ui.inverted.orange.button:hover,
|
@@ -2004,9 +1829,8 @@
|
|
2004
1829
|
.ui.inverted.orange.button.active,
|
2005
1830
|
.ui.inverted.orange.buttons .button:active,
|
2006
1831
|
.ui.inverted.orange.button:active {
|
2007
|
-
|
2008
|
-
|
2009
|
-
color: #FFFFFF;
|
1832
|
+
box-shadow: none;
|
1833
|
+
color: #fff;
|
2010
1834
|
}
|
2011
1835
|
.ui.inverted.orange.buttons .button:hover,
|
2012
1836
|
.ui.inverted.orange.button:hover {
|
@@ -2030,37 +1854,32 @@
|
|
2030
1854
|
.ui.inverted.orange.buttons .basic.button,
|
2031
1855
|
.ui.inverted.orange.basic.button {
|
2032
1856
|
background-color: transparent;
|
2033
|
-
|
2034
|
-
|
2035
|
-
color: #FFFFFF;
|
1857
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
1858
|
+
color: #fff;
|
2036
1859
|
}
|
2037
1860
|
.ui.inverted.orange.basic.buttons .button:hover,
|
2038
1861
|
.ui.inverted.orange.buttons .basic.button:hover,
|
2039
1862
|
.ui.inverted.orange.basic.button:hover {
|
2040
|
-
|
2041
|
-
|
2042
|
-
color: #FF851B;
|
1863
|
+
box-shadow: 0 0 0 2px #e76b00 inset;
|
1864
|
+
color: #ff851b;
|
2043
1865
|
}
|
2044
1866
|
.ui.inverted.orange.basic.buttons .button:focus,
|
2045
1867
|
.ui.inverted.orange.basic.buttons .button:focus,
|
2046
1868
|
.ui.inverted.orange.basic.button:focus {
|
2047
|
-
|
2048
|
-
|
2049
|
-
color: #FF851B;
|
1869
|
+
box-shadow: 0 0 0 2px #f17000 inset;
|
1870
|
+
color: #ff851b;
|
2050
1871
|
}
|
2051
1872
|
.ui.inverted.orange.basic.buttons .active.button,
|
2052
1873
|
.ui.inverted.orange.buttons .basic.active.button,
|
2053
1874
|
.ui.inverted.orange.basic.active.button {
|
2054
|
-
|
2055
|
-
|
2056
|
-
color: #FF851B;
|
1875
|
+
box-shadow: 0 0 0 2px #ff7701 inset;
|
1876
|
+
color: #ff851b;
|
2057
1877
|
}
|
2058
1878
|
.ui.inverted.orange.basic.buttons .button:active,
|
2059
1879
|
.ui.inverted.orange.buttons .basic.button:active,
|
2060
1880
|
.ui.inverted.orange.basic.button:active {
|
2061
|
-
|
2062
|
-
|
2063
|
-
color: #FF851B;
|
1881
|
+
box-shadow: 0 0 0 2px #e76b00 inset;
|
1882
|
+
color: #ff851b;
|
2064
1883
|
}
|
2065
1884
|
|
2066
1885
|
/* Tertiary */
|
@@ -2068,22 +1887,19 @@
|
|
2068
1887
|
.ui.tertiary.orange.buttons .tertiary.button,
|
2069
1888
|
.ui.tertiary.orange.button {
|
2070
1889
|
background: transparent;
|
2071
|
-
|
2072
|
-
|
2073
|
-
color: #F2711C;
|
1890
|
+
box-shadow: none;
|
1891
|
+
color: #f2711c;
|
2074
1892
|
}
|
2075
1893
|
.ui.tertiary.orange.buttons .button:hover,
|
2076
1894
|
.ui.tertiary.orange.buttons button:hover,
|
2077
1895
|
.ui.tertiary.orange.button:hover {
|
2078
|
-
|
2079
|
-
box-shadow: inset 0 -0.2em 0 #da671b;
|
1896
|
+
box-shadow: inset 0 -0.2em 0 #da671b;
|
2080
1897
|
color: #da671b;
|
2081
1898
|
}
|
2082
1899
|
.ui.tertiary.orange.buttons .button:focus,
|
2083
1900
|
.ui.tertiary.orange.buttons .tertiary.button:focus,
|
2084
1901
|
.ui.tertiary.orange.button:focus {
|
2085
|
-
|
2086
|
-
box-shadow: inset 0 -0.2em 0 #ce6017;
|
1902
|
+
box-shadow: inset 0 -0.2em 0 #ce6017;
|
2087
1903
|
color: #ce6017;
|
2088
1904
|
}
|
2089
1905
|
.ui.tertiary.orange.buttons .active.button,
|
@@ -2092,37 +1908,35 @@
|
|
2092
1908
|
.ui.tertiary.orange.buttons .button:active,
|
2093
1909
|
.ui.tertiary.orange.buttons .tertiary.button:active,
|
2094
1910
|
.ui.tertiary.orange.button:active {
|
2095
|
-
|
2096
|
-
box-shadow: inset 0 -0.2em 0 #f56100;
|
1911
|
+
box-shadow: inset 0 -0.2em 0 #f56100;
|
2097
1912
|
color: #f56100;
|
2098
1913
|
}
|
2099
1914
|
.ui.yellow.buttons .button,
|
2100
1915
|
.ui.yellow.button {
|
2101
|
-
background-color: #
|
2102
|
-
color: #
|
1916
|
+
background-color: #fbbd08;
|
1917
|
+
color: #fff;
|
2103
1918
|
text-shadow: none;
|
2104
1919
|
background-image: none;
|
2105
1920
|
}
|
2106
1921
|
.ui.yellow.button {
|
2107
|
-
|
2108
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
1922
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2109
1923
|
}
|
2110
1924
|
.ui.yellow.buttons .button:hover,
|
2111
1925
|
.ui.yellow.button:hover {
|
2112
1926
|
background-color: #eaae00;
|
2113
|
-
color: #
|
1927
|
+
color: #fff;
|
2114
1928
|
text-shadow: none;
|
2115
1929
|
}
|
2116
1930
|
.ui.yellow.buttons .button:focus,
|
2117
1931
|
.ui.yellow.button:focus {
|
2118
1932
|
background-color: #daa300;
|
2119
|
-
color: #
|
1933
|
+
color: #fff;
|
2120
1934
|
text-shadow: none;
|
2121
1935
|
}
|
2122
1936
|
.ui.yellow.buttons .button:active,
|
2123
1937
|
.ui.yellow.button:active {
|
2124
1938
|
background-color: #cd9903;
|
2125
|
-
color: #
|
1939
|
+
color: #fff;
|
2126
1940
|
text-shadow: none;
|
2127
1941
|
}
|
2128
1942
|
.ui.yellow.buttons .active.button,
|
@@ -2130,7 +1944,7 @@
|
|
2130
1944
|
.ui.yellow.active.button,
|
2131
1945
|
.ui.yellow.button .active.button:active {
|
2132
1946
|
background-color: #eaae00;
|
2133
|
-
color: #
|
1947
|
+
color: #fff;
|
2134
1948
|
text-shadow: none;
|
2135
1949
|
}
|
2136
1950
|
|
@@ -2138,35 +1952,30 @@
|
|
2138
1952
|
.ui.basic.yellow.buttons .button,
|
2139
1953
|
.ui.basic.yellow.button {
|
2140
1954
|
background: transparent;
|
2141
|
-
|
2142
|
-
|
2143
|
-
color: #FBBD08;
|
1955
|
+
box-shadow: 0 0 0 1px #fbbd08 inset;
|
1956
|
+
color: #fbbd08;
|
2144
1957
|
}
|
2145
1958
|
.ui.basic.yellow.buttons .button:hover,
|
2146
1959
|
.ui.basic.yellow.button:hover {
|
2147
1960
|
background: transparent;
|
2148
|
-
|
2149
|
-
box-shadow: 0 0 0 1px #eaae00 inset;
|
1961
|
+
box-shadow: 0 0 0 1px #eaae00 inset;
|
2150
1962
|
color: #eaae00;
|
2151
1963
|
}
|
2152
1964
|
.ui.basic.yellow.buttons .button:focus,
|
2153
1965
|
.ui.basic.yellow.button:focus {
|
2154
1966
|
background: transparent;
|
2155
|
-
|
2156
|
-
box-shadow: 0 0 0 1px #daa300 inset;
|
1967
|
+
box-shadow: 0 0 0 1px #daa300 inset;
|
2157
1968
|
color: #eaae00;
|
2158
1969
|
}
|
2159
1970
|
.ui.basic.yellow.buttons .active.button,
|
2160
1971
|
.ui.basic.yellow.active.button {
|
2161
1972
|
background: transparent;
|
2162
|
-
|
2163
|
-
box-shadow: 0 0 0 1px #eaae00 inset;
|
1973
|
+
box-shadow: 0 0 0 1px #eaae00 inset;
|
2164
1974
|
color: #cd9903;
|
2165
1975
|
}
|
2166
1976
|
.ui.basic.yellow.buttons .button:active,
|
2167
1977
|
.ui.basic.yellow.button:active {
|
2168
|
-
|
2169
|
-
box-shadow: 0 0 0 1px #cd9903 inset;
|
1978
|
+
box-shadow: 0 0 0 1px #cd9903 inset;
|
2170
1979
|
color: #cd9903;
|
2171
1980
|
}
|
2172
1981
|
|
@@ -2174,9 +1983,8 @@
|
|
2174
1983
|
.ui.inverted.yellow.buttons .button,
|
2175
1984
|
.ui.inverted.yellow.button {
|
2176
1985
|
background-color: transparent;
|
2177
|
-
|
2178
|
-
|
2179
|
-
color: #FFE21F;
|
1986
|
+
box-shadow: 0 0 0 2px #ffe21f inset;
|
1987
|
+
color: #ffe21f;
|
2180
1988
|
}
|
2181
1989
|
.ui.inverted.yellow.buttons .button:hover,
|
2182
1990
|
.ui.inverted.yellow.button:hover,
|
@@ -2186,8 +1994,7 @@
|
|
2186
1994
|
.ui.inverted.yellow.button.active,
|
2187
1995
|
.ui.inverted.yellow.buttons .button:active,
|
2188
1996
|
.ui.inverted.yellow.button:active {
|
2189
|
-
|
2190
|
-
box-shadow: none;
|
1997
|
+
box-shadow: none;
|
2191
1998
|
color: rgba(0, 0, 0, 0.6);
|
2192
1999
|
}
|
2193
2000
|
.ui.inverted.yellow.buttons .button:hover,
|
@@ -2212,37 +2019,32 @@
|
|
2212
2019
|
.ui.inverted.yellow.buttons .basic.button,
|
2213
2020
|
.ui.inverted.yellow.basic.button {
|
2214
2021
|
background-color: transparent;
|
2215
|
-
|
2216
|
-
|
2217
|
-
color: #FFFFFF;
|
2022
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
2023
|
+
color: #fff;
|
2218
2024
|
}
|
2219
2025
|
.ui.inverted.yellow.basic.buttons .button:hover,
|
2220
2026
|
.ui.inverted.yellow.buttons .basic.button:hover,
|
2221
2027
|
.ui.inverted.yellow.basic.button:hover {
|
2222
|
-
|
2223
|
-
|
2224
|
-
color: #FFE21F;
|
2028
|
+
box-shadow: 0 0 0 2px #ebcd00 inset;
|
2029
|
+
color: #ffe21f;
|
2225
2030
|
}
|
2226
2031
|
.ui.inverted.yellow.basic.buttons .button:focus,
|
2227
2032
|
.ui.inverted.yellow.basic.buttons .button:focus,
|
2228
2033
|
.ui.inverted.yellow.basic.button:focus {
|
2229
|
-
|
2230
|
-
|
2231
|
-
color: #FFE21F;
|
2034
|
+
box-shadow: 0 0 0 2px #f5d500 inset;
|
2035
|
+
color: #ffe21f;
|
2232
2036
|
}
|
2233
2037
|
.ui.inverted.yellow.basic.buttons .active.button,
|
2234
2038
|
.ui.inverted.yellow.buttons .basic.active.button,
|
2235
2039
|
.ui.inverted.yellow.basic.active.button {
|
2236
|
-
|
2237
|
-
|
2238
|
-
color: #FFE21F;
|
2040
|
+
box-shadow: 0 0 0 2px #ffdf05 inset;
|
2041
|
+
color: #ffe21f;
|
2239
2042
|
}
|
2240
2043
|
.ui.inverted.yellow.basic.buttons .button:active,
|
2241
2044
|
.ui.inverted.yellow.buttons .basic.button:active,
|
2242
2045
|
.ui.inverted.yellow.basic.button:active {
|
2243
|
-
|
2244
|
-
|
2245
|
-
color: #FFE21F;
|
2046
|
+
box-shadow: 0 0 0 2px #ebcd00 inset;
|
2047
|
+
color: #ffe21f;
|
2246
2048
|
}
|
2247
2049
|
|
2248
2050
|
/* Tertiary */
|
@@ -2250,22 +2052,19 @@
|
|
2250
2052
|
.ui.tertiary.yellow.buttons .tertiary.button,
|
2251
2053
|
.ui.tertiary.yellow.button {
|
2252
2054
|
background: transparent;
|
2253
|
-
|
2254
|
-
|
2255
|
-
color: #FBBD08;
|
2055
|
+
box-shadow: none;
|
2056
|
+
color: #fbbd08;
|
2256
2057
|
}
|
2257
2058
|
.ui.tertiary.yellow.buttons .button:hover,
|
2258
2059
|
.ui.tertiary.yellow.buttons button:hover,
|
2259
2060
|
.ui.tertiary.yellow.button:hover {
|
2260
|
-
|
2261
|
-
box-shadow: inset 0 -0.2em 0 #d2a217;
|
2061
|
+
box-shadow: inset 0 -0.2em 0 #d2a217;
|
2262
2062
|
color: #d2a217;
|
2263
2063
|
}
|
2264
2064
|
.ui.tertiary.yellow.buttons .button:focus,
|
2265
2065
|
.ui.tertiary.yellow.buttons .tertiary.button:focus,
|
2266
2066
|
.ui.tertiary.yellow.button:focus {
|
2267
|
-
|
2268
|
-
box-shadow: inset 0 -0.2em 0 #c49816;
|
2067
|
+
box-shadow: inset 0 -0.2em 0 #c49816;
|
2269
2068
|
color: #c49816;
|
2270
2069
|
}
|
2271
2070
|
.ui.tertiary.yellow.buttons .active.button,
|
@@ -2274,37 +2073,35 @@
|
|
2274
2073
|
.ui.tertiary.yellow.buttons .button:active,
|
2275
2074
|
.ui.tertiary.yellow.buttons .tertiary.button:active,
|
2276
2075
|
.ui.tertiary.yellow.button:active {
|
2277
|
-
|
2278
|
-
box-shadow: inset 0 -0.2em 0 #eaae00;
|
2076
|
+
box-shadow: inset 0 -0.2em 0 #eaae00;
|
2279
2077
|
color: #eaae00;
|
2280
2078
|
}
|
2281
2079
|
.ui.olive.buttons .button,
|
2282
2080
|
.ui.olive.button {
|
2283
|
-
background-color: #
|
2284
|
-
color: #
|
2081
|
+
background-color: #b5cc18;
|
2082
|
+
color: #fff;
|
2285
2083
|
text-shadow: none;
|
2286
2084
|
background-image: none;
|
2287
2085
|
}
|
2288
2086
|
.ui.olive.button {
|
2289
|
-
|
2290
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2087
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2291
2088
|
}
|
2292
2089
|
.ui.olive.buttons .button:hover,
|
2293
2090
|
.ui.olive.button:hover {
|
2294
2091
|
background-color: #a7bd0d;
|
2295
|
-
color: #
|
2092
|
+
color: #fff;
|
2296
2093
|
text-shadow: none;
|
2297
2094
|
}
|
2298
2095
|
.ui.olive.buttons .button:focus,
|
2299
2096
|
.ui.olive.button:focus {
|
2300
2097
|
background-color: #a0b605;
|
2301
|
-
color: #
|
2098
|
+
color: #fff;
|
2302
2099
|
text-shadow: none;
|
2303
2100
|
}
|
2304
2101
|
.ui.olive.buttons .button:active,
|
2305
2102
|
.ui.olive.button:active {
|
2306
2103
|
background-color: #8d9e13;
|
2307
|
-
color: #
|
2104
|
+
color: #fff;
|
2308
2105
|
text-shadow: none;
|
2309
2106
|
}
|
2310
2107
|
.ui.olive.buttons .active.button,
|
@@ -2312,7 +2109,7 @@
|
|
2312
2109
|
.ui.olive.active.button,
|
2313
2110
|
.ui.olive.button .active.button:active {
|
2314
2111
|
background-color: #aac109;
|
2315
|
-
color: #
|
2112
|
+
color: #fff;
|
2316
2113
|
text-shadow: none;
|
2317
2114
|
}
|
2318
2115
|
|
@@ -2320,35 +2117,30 @@
|
|
2320
2117
|
.ui.basic.olive.buttons .button,
|
2321
2118
|
.ui.basic.olive.button {
|
2322
2119
|
background: transparent;
|
2323
|
-
|
2324
|
-
|
2325
|
-
color: #B5CC18;
|
2120
|
+
box-shadow: 0 0 0 1px #b5cc18 inset;
|
2121
|
+
color: #b5cc18;
|
2326
2122
|
}
|
2327
2123
|
.ui.basic.olive.buttons .button:hover,
|
2328
2124
|
.ui.basic.olive.button:hover {
|
2329
2125
|
background: transparent;
|
2330
|
-
|
2331
|
-
box-shadow: 0 0 0 1px #a7bd0d inset;
|
2126
|
+
box-shadow: 0 0 0 1px #a7bd0d inset;
|
2332
2127
|
color: #a7bd0d;
|
2333
2128
|
}
|
2334
2129
|
.ui.basic.olive.buttons .button:focus,
|
2335
2130
|
.ui.basic.olive.button:focus {
|
2336
2131
|
background: transparent;
|
2337
|
-
|
2338
|
-
box-shadow: 0 0 0 1px #a0b605 inset;
|
2132
|
+
box-shadow: 0 0 0 1px #a0b605 inset;
|
2339
2133
|
color: #a7bd0d;
|
2340
2134
|
}
|
2341
2135
|
.ui.basic.olive.buttons .active.button,
|
2342
2136
|
.ui.basic.olive.active.button {
|
2343
2137
|
background: transparent;
|
2344
|
-
|
2345
|
-
box-shadow: 0 0 0 1px #aac109 inset;
|
2138
|
+
box-shadow: 0 0 0 1px #aac109 inset;
|
2346
2139
|
color: #8d9e13;
|
2347
2140
|
}
|
2348
2141
|
.ui.basic.olive.buttons .button:active,
|
2349
2142
|
.ui.basic.olive.button:active {
|
2350
|
-
|
2351
|
-
box-shadow: 0 0 0 1px #8d9e13 inset;
|
2143
|
+
box-shadow: 0 0 0 1px #8d9e13 inset;
|
2352
2144
|
color: #8d9e13;
|
2353
2145
|
}
|
2354
2146
|
|
@@ -2356,9 +2148,8 @@
|
|
2356
2148
|
.ui.inverted.olive.buttons .button,
|
2357
2149
|
.ui.inverted.olive.button {
|
2358
2150
|
background-color: transparent;
|
2359
|
-
|
2360
|
-
|
2361
|
-
color: #D9E778;
|
2151
|
+
box-shadow: 0 0 0 2px #d9e778 inset;
|
2152
|
+
color: #d9e778;
|
2362
2153
|
}
|
2363
2154
|
.ui.inverted.olive.buttons .button:hover,
|
2364
2155
|
.ui.inverted.olive.button:hover,
|
@@ -2368,8 +2159,7 @@
|
|
2368
2159
|
.ui.inverted.olive.button.active,
|
2369
2160
|
.ui.inverted.olive.buttons .button:active,
|
2370
2161
|
.ui.inverted.olive.button:active {
|
2371
|
-
|
2372
|
-
box-shadow: none;
|
2162
|
+
box-shadow: none;
|
2373
2163
|
color: rgba(0, 0, 0, 0.6);
|
2374
2164
|
}
|
2375
2165
|
.ui.inverted.olive.buttons .button:hover,
|
@@ -2394,37 +2184,32 @@
|
|
2394
2184
|
.ui.inverted.olive.buttons .basic.button,
|
2395
2185
|
.ui.inverted.olive.basic.button {
|
2396
2186
|
background-color: transparent;
|
2397
|
-
|
2398
|
-
|
2399
|
-
color: #FFFFFF;
|
2187
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
2188
|
+
color: #fff;
|
2400
2189
|
}
|
2401
2190
|
.ui.inverted.olive.basic.buttons .button:hover,
|
2402
2191
|
.ui.inverted.olive.buttons .basic.button:hover,
|
2403
2192
|
.ui.inverted.olive.basic.button:hover {
|
2404
|
-
|
2405
|
-
|
2406
|
-
color: #D9E778;
|
2193
|
+
box-shadow: 0 0 0 2px #d2e745 inset;
|
2194
|
+
color: #d9e778;
|
2407
2195
|
}
|
2408
2196
|
.ui.inverted.olive.basic.buttons .button:focus,
|
2409
2197
|
.ui.inverted.olive.basic.buttons .button:focus,
|
2410
2198
|
.ui.inverted.olive.basic.button:focus {
|
2411
|
-
|
2412
|
-
|
2413
|
-
color: #D9E778;
|
2199
|
+
box-shadow: 0 0 0 2px #daef47 inset;
|
2200
|
+
color: #d9e778;
|
2414
2201
|
}
|
2415
2202
|
.ui.inverted.olive.basic.buttons .active.button,
|
2416
2203
|
.ui.inverted.olive.buttons .basic.active.button,
|
2417
2204
|
.ui.inverted.olive.basic.active.button {
|
2418
|
-
|
2419
|
-
|
2420
|
-
color: #D9E778;
|
2205
|
+
box-shadow: 0 0 0 2px #daed59 inset;
|
2206
|
+
color: #d9e778;
|
2421
2207
|
}
|
2422
2208
|
.ui.inverted.olive.basic.buttons .button:active,
|
2423
2209
|
.ui.inverted.olive.buttons .basic.button:active,
|
2424
2210
|
.ui.inverted.olive.basic.button:active {
|
2425
|
-
|
2426
|
-
|
2427
|
-
color: #D9E778;
|
2211
|
+
box-shadow: 0 0 0 2px #cddf4d inset;
|
2212
|
+
color: #d9e778;
|
2428
2213
|
}
|
2429
2214
|
|
2430
2215
|
/* Tertiary */
|
@@ -2432,22 +2217,19 @@
|
|
2432
2217
|
.ui.tertiary.olive.buttons .tertiary.button,
|
2433
2218
|
.ui.tertiary.olive.button {
|
2434
2219
|
background: transparent;
|
2435
|
-
|
2436
|
-
|
2437
|
-
color: #B5CC18;
|
2220
|
+
box-shadow: none;
|
2221
|
+
color: #b5cc18;
|
2438
2222
|
}
|
2439
2223
|
.ui.tertiary.olive.buttons .button:hover,
|
2440
2224
|
.ui.tertiary.olive.buttons button:hover,
|
2441
2225
|
.ui.tertiary.olive.button:hover {
|
2442
|
-
|
2443
|
-
box-shadow: inset 0 -0.2em 0 #98a922;
|
2226
|
+
box-shadow: inset 0 -0.2em 0 #98a922;
|
2444
2227
|
color: #98a922;
|
2445
2228
|
}
|
2446
2229
|
.ui.tertiary.olive.buttons .button:focus,
|
2447
2230
|
.ui.tertiary.olive.buttons .tertiary.button:focus,
|
2448
2231
|
.ui.tertiary.olive.button:focus {
|
2449
|
-
|
2450
|
-
box-shadow: inset 0 -0.2em 0 #92a418;
|
2232
|
+
box-shadow: inset 0 -0.2em 0 #92a418;
|
2451
2233
|
color: #92a418;
|
2452
2234
|
}
|
2453
2235
|
.ui.tertiary.olive.buttons .active.button,
|
@@ -2456,37 +2238,35 @@
|
|
2456
2238
|
.ui.tertiary.olive.buttons .button:active,
|
2457
2239
|
.ui.tertiary.olive.buttons .tertiary.button:active,
|
2458
2240
|
.ui.tertiary.olive.button:active {
|
2459
|
-
|
2460
|
-
box-shadow: inset 0 -0.2em 0 #b1cb00;
|
2241
|
+
box-shadow: inset 0 -0.2em 0 #b1cb00;
|
2461
2242
|
color: #aac109;
|
2462
2243
|
}
|
2463
2244
|
.ui.green.buttons .button,
|
2464
2245
|
.ui.green.button {
|
2465
|
-
background-color: #
|
2466
|
-
color: #
|
2246
|
+
background-color: #21ba45;
|
2247
|
+
color: #fff;
|
2467
2248
|
text-shadow: none;
|
2468
2249
|
background-image: none;
|
2469
2250
|
}
|
2470
2251
|
.ui.green.button {
|
2471
|
-
|
2472
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2252
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2473
2253
|
}
|
2474
2254
|
.ui.green.buttons .button:hover,
|
2475
2255
|
.ui.green.button:hover {
|
2476
2256
|
background-color: #16ab39;
|
2477
|
-
color: #
|
2257
|
+
color: #fff;
|
2478
2258
|
text-shadow: none;
|
2479
2259
|
}
|
2480
2260
|
.ui.green.buttons .button:focus,
|
2481
2261
|
.ui.green.button:focus {
|
2482
2262
|
background-color: #0ea432;
|
2483
|
-
color: #
|
2263
|
+
color: #fff;
|
2484
2264
|
text-shadow: none;
|
2485
2265
|
}
|
2486
2266
|
.ui.green.buttons .button:active,
|
2487
2267
|
.ui.green.button:active {
|
2488
2268
|
background-color: #198f35;
|
2489
|
-
color: #
|
2269
|
+
color: #fff;
|
2490
2270
|
text-shadow: none;
|
2491
2271
|
}
|
2492
2272
|
.ui.green.buttons .active.button,
|
@@ -2494,7 +2274,7 @@
|
|
2494
2274
|
.ui.green.active.button,
|
2495
2275
|
.ui.green.button .active.button:active {
|
2496
2276
|
background-color: #13ae38;
|
2497
|
-
color: #
|
2277
|
+
color: #fff;
|
2498
2278
|
text-shadow: none;
|
2499
2279
|
}
|
2500
2280
|
|
@@ -2502,35 +2282,30 @@
|
|
2502
2282
|
.ui.basic.green.buttons .button,
|
2503
2283
|
.ui.basic.green.button {
|
2504
2284
|
background: transparent;
|
2505
|
-
|
2506
|
-
|
2507
|
-
color: #21BA45;
|
2285
|
+
box-shadow: 0 0 0 1px #21ba45 inset;
|
2286
|
+
color: #21ba45;
|
2508
2287
|
}
|
2509
2288
|
.ui.basic.green.buttons .button:hover,
|
2510
2289
|
.ui.basic.green.button:hover {
|
2511
2290
|
background: transparent;
|
2512
|
-
|
2513
|
-
box-shadow: 0 0 0 1px #16ab39 inset;
|
2291
|
+
box-shadow: 0 0 0 1px #16ab39 inset;
|
2514
2292
|
color: #16ab39;
|
2515
2293
|
}
|
2516
2294
|
.ui.basic.green.buttons .button:focus,
|
2517
2295
|
.ui.basic.green.button:focus {
|
2518
2296
|
background: transparent;
|
2519
|
-
|
2520
|
-
box-shadow: 0 0 0 1px #0ea432 inset;
|
2297
|
+
box-shadow: 0 0 0 1px #0ea432 inset;
|
2521
2298
|
color: #16ab39;
|
2522
2299
|
}
|
2523
2300
|
.ui.basic.green.buttons .active.button,
|
2524
2301
|
.ui.basic.green.active.button {
|
2525
2302
|
background: transparent;
|
2526
|
-
|
2527
|
-
box-shadow: 0 0 0 1px #13ae38 inset;
|
2303
|
+
box-shadow: 0 0 0 1px #13ae38 inset;
|
2528
2304
|
color: #198f35;
|
2529
2305
|
}
|
2530
2306
|
.ui.basic.green.buttons .button:active,
|
2531
2307
|
.ui.basic.green.button:active {
|
2532
|
-
|
2533
|
-
box-shadow: 0 0 0 1px #198f35 inset;
|
2308
|
+
box-shadow: 0 0 0 1px #198f35 inset;
|
2534
2309
|
color: #198f35;
|
2535
2310
|
}
|
2536
2311
|
|
@@ -2538,9 +2313,8 @@
|
|
2538
2313
|
.ui.inverted.green.buttons .button,
|
2539
2314
|
.ui.inverted.green.button {
|
2540
2315
|
background-color: transparent;
|
2541
|
-
|
2542
|
-
|
2543
|
-
color: #2ECC40;
|
2316
|
+
box-shadow: 0 0 0 2px #2ecc40 inset;
|
2317
|
+
color: #2ecc40;
|
2544
2318
|
}
|
2545
2319
|
.ui.inverted.green.buttons .button:hover,
|
2546
2320
|
.ui.inverted.green.button:hover,
|
@@ -2550,9 +2324,8 @@
|
|
2550
2324
|
.ui.inverted.green.button.active,
|
2551
2325
|
.ui.inverted.green.buttons .button:active,
|
2552
2326
|
.ui.inverted.green.button:active {
|
2553
|
-
|
2554
|
-
|
2555
|
-
color: #FFFFFF;
|
2327
|
+
box-shadow: none;
|
2328
|
+
color: #fff;
|
2556
2329
|
}
|
2557
2330
|
.ui.inverted.green.buttons .button:hover,
|
2558
2331
|
.ui.inverted.green.button:hover {
|
@@ -2576,37 +2349,32 @@
|
|
2576
2349
|
.ui.inverted.green.buttons .basic.button,
|
2577
2350
|
.ui.inverted.green.basic.button {
|
2578
2351
|
background-color: transparent;
|
2579
|
-
|
2580
|
-
|
2581
|
-
color: #FFFFFF;
|
2352
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
2353
|
+
color: #fff;
|
2582
2354
|
}
|
2583
2355
|
.ui.inverted.green.basic.buttons .button:hover,
|
2584
2356
|
.ui.inverted.green.buttons .basic.button:hover,
|
2585
2357
|
.ui.inverted.green.basic.button:hover {
|
2586
|
-
|
2587
|
-
|
2588
|
-
color: #2ECC40;
|
2358
|
+
box-shadow: 0 0 0 2px #1ea92e inset;
|
2359
|
+
color: #2ecc40;
|
2589
2360
|
}
|
2590
2361
|
.ui.inverted.green.basic.buttons .button:focus,
|
2591
2362
|
.ui.inverted.green.basic.buttons .button:focus,
|
2592
2363
|
.ui.inverted.green.basic.button:focus {
|
2593
|
-
|
2594
|
-
|
2595
|
-
color: #2ECC40;
|
2364
|
+
box-shadow: 0 0 0 2px #19b82b inset;
|
2365
|
+
color: #2ecc40;
|
2596
2366
|
}
|
2597
2367
|
.ui.inverted.green.basic.buttons .active.button,
|
2598
2368
|
.ui.inverted.green.buttons .basic.active.button,
|
2599
2369
|
.ui.inverted.green.basic.active.button {
|
2600
|
-
|
2601
|
-
|
2602
|
-
color: #2ECC40;
|
2370
|
+
box-shadow: 0 0 0 2px #1fc231 inset;
|
2371
|
+
color: #2ecc40;
|
2603
2372
|
}
|
2604
2373
|
.ui.inverted.green.basic.buttons .button:active,
|
2605
2374
|
.ui.inverted.green.buttons .basic.button:active,
|
2606
2375
|
.ui.inverted.green.basic.button:active {
|
2607
|
-
|
2608
|
-
|
2609
|
-
color: #2ECC40;
|
2376
|
+
box-shadow: 0 0 0 2px #25a233 inset;
|
2377
|
+
color: #2ecc40;
|
2610
2378
|
}
|
2611
2379
|
|
2612
2380
|
/* Tertiary */
|
@@ -2614,22 +2382,19 @@
|
|
2614
2382
|
.ui.tertiary.green.buttons .tertiary.button,
|
2615
2383
|
.ui.tertiary.green.button {
|
2616
2384
|
background: transparent;
|
2617
|
-
|
2618
|
-
|
2619
|
-
color: #21BA45;
|
2385
|
+
box-shadow: none;
|
2386
|
+
color: #21ba45;
|
2620
2387
|
}
|
2621
2388
|
.ui.tertiary.green.buttons .button:hover,
|
2622
2389
|
.ui.tertiary.green.buttons button:hover,
|
2623
2390
|
.ui.tertiary.green.button:hover {
|
2624
|
-
|
2625
|
-
box-shadow: inset 0 -0.2em 0 #2a9844;
|
2391
|
+
box-shadow: inset 0 -0.2em 0 #2a9844;
|
2626
2392
|
color: #2a9844;
|
2627
2393
|
}
|
2628
2394
|
.ui.tertiary.green.buttons .button:focus,
|
2629
2395
|
.ui.tertiary.green.buttons .tertiary.button:focus,
|
2630
2396
|
.ui.tertiary.green.button:focus {
|
2631
|
-
|
2632
|
-
box-shadow: inset 0 -0.2em 0 #20923b;
|
2397
|
+
box-shadow: inset 0 -0.2em 0 #20923b;
|
2633
2398
|
color: #20923b;
|
2634
2399
|
}
|
2635
2400
|
.ui.tertiary.green.buttons .active.button,
|
@@ -2638,37 +2403,35 @@
|
|
2638
2403
|
.ui.tertiary.green.buttons .button:active,
|
2639
2404
|
.ui.tertiary.green.buttons .tertiary.button:active,
|
2640
2405
|
.ui.tertiary.green.button:active {
|
2641
|
-
|
2642
|
-
box-shadow: inset 0 -0.2em 0 #00c22e;
|
2406
|
+
box-shadow: inset 0 -0.2em 0 #00c22e;
|
2643
2407
|
color: #13ae38;
|
2644
2408
|
}
|
2645
2409
|
.ui.teal.buttons .button,
|
2646
2410
|
.ui.teal.button {
|
2647
|
-
background-color: #
|
2648
|
-
color: #
|
2411
|
+
background-color: #00b5ad;
|
2412
|
+
color: #fff;
|
2649
2413
|
text-shadow: none;
|
2650
2414
|
background-image: none;
|
2651
2415
|
}
|
2652
2416
|
.ui.teal.button {
|
2653
|
-
|
2654
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2417
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2655
2418
|
}
|
2656
2419
|
.ui.teal.buttons .button:hover,
|
2657
2420
|
.ui.teal.button:hover {
|
2658
2421
|
background-color: #009c95;
|
2659
|
-
color: #
|
2422
|
+
color: #fff;
|
2660
2423
|
text-shadow: none;
|
2661
2424
|
}
|
2662
2425
|
.ui.teal.buttons .button:focus,
|
2663
2426
|
.ui.teal.button:focus {
|
2664
2427
|
background-color: #008c86;
|
2665
|
-
color: #
|
2428
|
+
color: #fff;
|
2666
2429
|
text-shadow: none;
|
2667
2430
|
}
|
2668
2431
|
.ui.teal.buttons .button:active,
|
2669
2432
|
.ui.teal.button:active {
|
2670
2433
|
background-color: #00827c;
|
2671
|
-
color: #
|
2434
|
+
color: #fff;
|
2672
2435
|
text-shadow: none;
|
2673
2436
|
}
|
2674
2437
|
.ui.teal.buttons .active.button,
|
@@ -2676,7 +2439,7 @@
|
|
2676
2439
|
.ui.teal.active.button,
|
2677
2440
|
.ui.teal.button .active.button:active {
|
2678
2441
|
background-color: #009c95;
|
2679
|
-
color: #
|
2442
|
+
color: #fff;
|
2680
2443
|
text-shadow: none;
|
2681
2444
|
}
|
2682
2445
|
|
@@ -2684,35 +2447,30 @@
|
|
2684
2447
|
.ui.basic.teal.buttons .button,
|
2685
2448
|
.ui.basic.teal.button {
|
2686
2449
|
background: transparent;
|
2687
|
-
|
2688
|
-
|
2689
|
-
color: #00B5AD;
|
2450
|
+
box-shadow: 0 0 0 1px #00b5ad inset;
|
2451
|
+
color: #00b5ad;
|
2690
2452
|
}
|
2691
2453
|
.ui.basic.teal.buttons .button:hover,
|
2692
2454
|
.ui.basic.teal.button:hover {
|
2693
2455
|
background: transparent;
|
2694
|
-
|
2695
|
-
box-shadow: 0 0 0 1px #009c95 inset;
|
2456
|
+
box-shadow: 0 0 0 1px #009c95 inset;
|
2696
2457
|
color: #009c95;
|
2697
2458
|
}
|
2698
2459
|
.ui.basic.teal.buttons .button:focus,
|
2699
2460
|
.ui.basic.teal.button:focus {
|
2700
2461
|
background: transparent;
|
2701
|
-
|
2702
|
-
box-shadow: 0 0 0 1px #008c86 inset;
|
2462
|
+
box-shadow: 0 0 0 1px #008c86 inset;
|
2703
2463
|
color: #009c95;
|
2704
2464
|
}
|
2705
2465
|
.ui.basic.teal.buttons .active.button,
|
2706
2466
|
.ui.basic.teal.active.button {
|
2707
2467
|
background: transparent;
|
2708
|
-
|
2709
|
-
box-shadow: 0 0 0 1px #009c95 inset;
|
2468
|
+
box-shadow: 0 0 0 1px #009c95 inset;
|
2710
2469
|
color: #00827c;
|
2711
2470
|
}
|
2712
2471
|
.ui.basic.teal.buttons .button:active,
|
2713
2472
|
.ui.basic.teal.button:active {
|
2714
|
-
|
2715
|
-
box-shadow: 0 0 0 1px #00827c inset;
|
2473
|
+
box-shadow: 0 0 0 1px #00827c inset;
|
2716
2474
|
color: #00827c;
|
2717
2475
|
}
|
2718
2476
|
|
@@ -2720,9 +2478,8 @@
|
|
2720
2478
|
.ui.inverted.teal.buttons .button,
|
2721
2479
|
.ui.inverted.teal.button {
|
2722
2480
|
background-color: transparent;
|
2723
|
-
|
2724
|
-
|
2725
|
-
color: #6DFFFF;
|
2481
|
+
box-shadow: 0 0 0 2px #6dffff inset;
|
2482
|
+
color: #6dffff;
|
2726
2483
|
}
|
2727
2484
|
.ui.inverted.teal.buttons .button:hover,
|
2728
2485
|
.ui.inverted.teal.button:hover,
|
@@ -2732,8 +2489,7 @@
|
|
2732
2489
|
.ui.inverted.teal.button.active,
|
2733
2490
|
.ui.inverted.teal.buttons .button:active,
|
2734
2491
|
.ui.inverted.teal.button:active {
|
2735
|
-
|
2736
|
-
box-shadow: none;
|
2492
|
+
box-shadow: none;
|
2737
2493
|
color: rgba(0, 0, 0, 0.6);
|
2738
2494
|
}
|
2739
2495
|
.ui.inverted.teal.buttons .button:hover,
|
@@ -2758,37 +2514,32 @@
|
|
2758
2514
|
.ui.inverted.teal.buttons .basic.button,
|
2759
2515
|
.ui.inverted.teal.basic.button {
|
2760
2516
|
background-color: transparent;
|
2761
|
-
|
2762
|
-
|
2763
|
-
color: #FFFFFF;
|
2517
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
2518
|
+
color: #fff;
|
2764
2519
|
}
|
2765
2520
|
.ui.inverted.teal.basic.buttons .button:hover,
|
2766
2521
|
.ui.inverted.teal.buttons .basic.button:hover,
|
2767
2522
|
.ui.inverted.teal.basic.button:hover {
|
2768
|
-
|
2769
|
-
|
2770
|
-
color: #6DFFFF;
|
2523
|
+
box-shadow: 0 0 0 2px #3affff inset;
|
2524
|
+
color: #6dffff;
|
2771
2525
|
}
|
2772
2526
|
.ui.inverted.teal.basic.buttons .button:focus,
|
2773
2527
|
.ui.inverted.teal.basic.buttons .button:focus,
|
2774
2528
|
.ui.inverted.teal.basic.button:focus {
|
2775
|
-
|
2776
|
-
|
2777
|
-
color: #6DFFFF;
|
2529
|
+
box-shadow: 0 0 0 2px #44ffff inset;
|
2530
|
+
color: #6dffff;
|
2778
2531
|
}
|
2779
2532
|
.ui.inverted.teal.basic.buttons .active.button,
|
2780
2533
|
.ui.inverted.teal.buttons .basic.active.button,
|
2781
2534
|
.ui.inverted.teal.basic.active.button {
|
2782
|
-
|
2783
|
-
|
2784
|
-
color: #6DFFFF;
|
2535
|
+
box-shadow: 0 0 0 2px #54ffff inset;
|
2536
|
+
color: #6dffff;
|
2785
2537
|
}
|
2786
2538
|
.ui.inverted.teal.basic.buttons .button:active,
|
2787
2539
|
.ui.inverted.teal.buttons .basic.button:active,
|
2788
2540
|
.ui.inverted.teal.basic.button:active {
|
2789
|
-
|
2790
|
-
|
2791
|
-
color: #6DFFFF;
|
2541
|
+
box-shadow: 0 0 0 2px #3affff inset;
|
2542
|
+
color: #6dffff;
|
2792
2543
|
}
|
2793
2544
|
|
2794
2545
|
/* Tertiary */
|
@@ -2796,22 +2547,19 @@
|
|
2796
2547
|
.ui.tertiary.teal.buttons .tertiary.button,
|
2797
2548
|
.ui.tertiary.teal.button {
|
2798
2549
|
background: transparent;
|
2799
|
-
|
2800
|
-
|
2801
|
-
color: #00B5AD;
|
2550
|
+
box-shadow: none;
|
2551
|
+
color: #00b5ad;
|
2802
2552
|
}
|
2803
2553
|
.ui.tertiary.teal.buttons .button:hover,
|
2804
2554
|
.ui.tertiary.teal.buttons button:hover,
|
2805
2555
|
.ui.tertiary.teal.button:hover {
|
2806
|
-
|
2807
|
-
box-shadow: inset 0 -0.2em 0 #108c86;
|
2556
|
+
box-shadow: inset 0 -0.2em 0 #108c86;
|
2808
2557
|
color: #108c86;
|
2809
2558
|
}
|
2810
2559
|
.ui.tertiary.teal.buttons .button:focus,
|
2811
2560
|
.ui.tertiary.teal.buttons .tertiary.button:focus,
|
2812
2561
|
.ui.tertiary.teal.button:focus {
|
2813
|
-
|
2814
|
-
box-shadow: inset 0 -0.2em 0 #0e7e79;
|
2562
|
+
box-shadow: inset 0 -0.2em 0 #0e7e79;
|
2815
2563
|
color: #0e7e79;
|
2816
2564
|
}
|
2817
2565
|
.ui.tertiary.teal.buttons .active.button,
|
@@ -2820,37 +2568,35 @@
|
|
2820
2568
|
.ui.tertiary.teal.buttons .button:active,
|
2821
2569
|
.ui.tertiary.teal.buttons .tertiary.button:active,
|
2822
2570
|
.ui.tertiary.teal.button:active {
|
2823
|
-
|
2824
|
-
box-shadow: inset 0 -0.2em 0 #009c95;
|
2571
|
+
box-shadow: inset 0 -0.2em 0 #009c95;
|
2825
2572
|
color: #009c95;
|
2826
2573
|
}
|
2827
2574
|
.ui.blue.buttons .button,
|
2828
2575
|
.ui.blue.button {
|
2829
|
-
background-color: #
|
2830
|
-
color: #
|
2576
|
+
background-color: #2185d0;
|
2577
|
+
color: #fff;
|
2831
2578
|
text-shadow: none;
|
2832
2579
|
background-image: none;
|
2833
2580
|
}
|
2834
2581
|
.ui.blue.button {
|
2835
|
-
|
2836
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2582
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2837
2583
|
}
|
2838
2584
|
.ui.blue.buttons .button:hover,
|
2839
2585
|
.ui.blue.button:hover {
|
2840
2586
|
background-color: #1678c2;
|
2841
|
-
color: #
|
2587
|
+
color: #fff;
|
2842
2588
|
text-shadow: none;
|
2843
2589
|
}
|
2844
2590
|
.ui.blue.buttons .button:focus,
|
2845
2591
|
.ui.blue.button:focus {
|
2846
2592
|
background-color: #0d71bb;
|
2847
|
-
color: #
|
2593
|
+
color: #fff;
|
2848
2594
|
text-shadow: none;
|
2849
2595
|
}
|
2850
2596
|
.ui.blue.buttons .button:active,
|
2851
2597
|
.ui.blue.button:active {
|
2852
2598
|
background-color: #1a69a4;
|
2853
|
-
color: #
|
2599
|
+
color: #fff;
|
2854
2600
|
text-shadow: none;
|
2855
2601
|
}
|
2856
2602
|
.ui.blue.buttons .active.button,
|
@@ -2858,7 +2604,7 @@
|
|
2858
2604
|
.ui.blue.active.button,
|
2859
2605
|
.ui.blue.button .active.button:active {
|
2860
2606
|
background-color: #1279c6;
|
2861
|
-
color: #
|
2607
|
+
color: #fff;
|
2862
2608
|
text-shadow: none;
|
2863
2609
|
}
|
2864
2610
|
|
@@ -2866,35 +2612,30 @@
|
|
2866
2612
|
.ui.basic.blue.buttons .button,
|
2867
2613
|
.ui.basic.blue.button {
|
2868
2614
|
background: transparent;
|
2869
|
-
|
2870
|
-
|
2871
|
-
color: #2185D0;
|
2615
|
+
box-shadow: 0 0 0 1px #2185d0 inset;
|
2616
|
+
color: #2185d0;
|
2872
2617
|
}
|
2873
2618
|
.ui.basic.blue.buttons .button:hover,
|
2874
2619
|
.ui.basic.blue.button:hover {
|
2875
2620
|
background: transparent;
|
2876
|
-
|
2877
|
-
box-shadow: 0 0 0 1px #1678c2 inset;
|
2621
|
+
box-shadow: 0 0 0 1px #1678c2 inset;
|
2878
2622
|
color: #1678c2;
|
2879
2623
|
}
|
2880
2624
|
.ui.basic.blue.buttons .button:focus,
|
2881
2625
|
.ui.basic.blue.button:focus {
|
2882
2626
|
background: transparent;
|
2883
|
-
|
2884
|
-
box-shadow: 0 0 0 1px #0d71bb inset;
|
2627
|
+
box-shadow: 0 0 0 1px #0d71bb inset;
|
2885
2628
|
color: #1678c2;
|
2886
2629
|
}
|
2887
2630
|
.ui.basic.blue.buttons .active.button,
|
2888
2631
|
.ui.basic.blue.active.button {
|
2889
2632
|
background: transparent;
|
2890
|
-
|
2891
|
-
box-shadow: 0 0 0 1px #1279c6 inset;
|
2633
|
+
box-shadow: 0 0 0 1px #1279c6 inset;
|
2892
2634
|
color: #1a69a4;
|
2893
2635
|
}
|
2894
2636
|
.ui.basic.blue.buttons .button:active,
|
2895
2637
|
.ui.basic.blue.button:active {
|
2896
|
-
|
2897
|
-
box-shadow: 0 0 0 1px #1a69a4 inset;
|
2638
|
+
box-shadow: 0 0 0 1px #1a69a4 inset;
|
2898
2639
|
color: #1a69a4;
|
2899
2640
|
}
|
2900
2641
|
|
@@ -2902,9 +2643,8 @@
|
|
2902
2643
|
.ui.inverted.blue.buttons .button,
|
2903
2644
|
.ui.inverted.blue.button {
|
2904
2645
|
background-color: transparent;
|
2905
|
-
|
2906
|
-
|
2907
|
-
color: #54C8FF;
|
2646
|
+
box-shadow: 0 0 0 2px #54c8ff inset;
|
2647
|
+
color: #54c8ff;
|
2908
2648
|
}
|
2909
2649
|
.ui.inverted.blue.buttons .button:hover,
|
2910
2650
|
.ui.inverted.blue.button:hover,
|
@@ -2914,9 +2654,8 @@
|
|
2914
2654
|
.ui.inverted.blue.button.active,
|
2915
2655
|
.ui.inverted.blue.buttons .button:active,
|
2916
2656
|
.ui.inverted.blue.button:active {
|
2917
|
-
|
2918
|
-
|
2919
|
-
color: #FFFFFF;
|
2657
|
+
box-shadow: none;
|
2658
|
+
color: #fff;
|
2920
2659
|
}
|
2921
2660
|
.ui.inverted.blue.buttons .button:hover,
|
2922
2661
|
.ui.inverted.blue.button:hover {
|
@@ -2940,37 +2679,32 @@
|
|
2940
2679
|
.ui.inverted.blue.buttons .basic.button,
|
2941
2680
|
.ui.inverted.blue.basic.button {
|
2942
2681
|
background-color: transparent;
|
2943
|
-
|
2944
|
-
|
2945
|
-
color: #FFFFFF;
|
2682
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
2683
|
+
color: #fff;
|
2946
2684
|
}
|
2947
2685
|
.ui.inverted.blue.basic.buttons .button:hover,
|
2948
2686
|
.ui.inverted.blue.buttons .basic.button:hover,
|
2949
2687
|
.ui.inverted.blue.basic.button:hover {
|
2950
|
-
|
2951
|
-
|
2952
|
-
color: #54C8FF;
|
2688
|
+
box-shadow: 0 0 0 2px #21b8ff inset;
|
2689
|
+
color: #54c8ff;
|
2953
2690
|
}
|
2954
2691
|
.ui.inverted.blue.basic.buttons .button:focus,
|
2955
2692
|
.ui.inverted.blue.basic.buttons .button:focus,
|
2956
2693
|
.ui.inverted.blue.basic.button:focus {
|
2957
|
-
|
2958
|
-
|
2959
|
-
color: #54C8FF;
|
2694
|
+
box-shadow: 0 0 0 2px #2bbbff inset;
|
2695
|
+
color: #54c8ff;
|
2960
2696
|
}
|
2961
2697
|
.ui.inverted.blue.basic.buttons .active.button,
|
2962
2698
|
.ui.inverted.blue.buttons .basic.active.button,
|
2963
2699
|
.ui.inverted.blue.basic.active.button {
|
2964
|
-
|
2965
|
-
|
2966
|
-
color: #54C8FF;
|
2700
|
+
box-shadow: 0 0 0 2px #3ac0ff inset;
|
2701
|
+
color: #54c8ff;
|
2967
2702
|
}
|
2968
2703
|
.ui.inverted.blue.basic.buttons .button:active,
|
2969
2704
|
.ui.inverted.blue.buttons .basic.button:active,
|
2970
2705
|
.ui.inverted.blue.basic.button:active {
|
2971
|
-
|
2972
|
-
|
2973
|
-
color: #54C8FF;
|
2706
|
+
box-shadow: 0 0 0 2px #21b8ff inset;
|
2707
|
+
color: #54c8ff;
|
2974
2708
|
}
|
2975
2709
|
|
2976
2710
|
/* Tertiary */
|
@@ -2978,22 +2712,19 @@
|
|
2978
2712
|
.ui.tertiary.blue.buttons .tertiary.button,
|
2979
2713
|
.ui.tertiary.blue.button {
|
2980
2714
|
background: transparent;
|
2981
|
-
|
2982
|
-
|
2983
|
-
color: #2185D0;
|
2715
|
+
box-shadow: none;
|
2716
|
+
color: #2185d0;
|
2984
2717
|
}
|
2985
2718
|
.ui.tertiary.blue.buttons .button:hover,
|
2986
2719
|
.ui.tertiary.blue.buttons button:hover,
|
2987
2720
|
.ui.tertiary.blue.button:hover {
|
2988
|
-
|
2989
|
-
box-shadow: inset 0 -0.2em 0 #2b75ac;
|
2721
|
+
box-shadow: inset 0 -0.2em 0 #2b75ac;
|
2990
2722
|
color: #2b75ac;
|
2991
2723
|
}
|
2992
2724
|
.ui.tertiary.blue.buttons .button:focus,
|
2993
2725
|
.ui.tertiary.blue.buttons .tertiary.button:focus,
|
2994
2726
|
.ui.tertiary.blue.button:focus {
|
2995
|
-
|
2996
|
-
box-shadow: inset 0 -0.2em 0 #216ea7;
|
2727
|
+
box-shadow: inset 0 -0.2em 0 #216ea7;
|
2997
2728
|
color: #216ea7;
|
2998
2729
|
}
|
2999
2730
|
.ui.tertiary.blue.buttons .active.button,
|
@@ -3002,37 +2733,35 @@
|
|
3002
2733
|
.ui.tertiary.blue.buttons .button:active,
|
3003
2734
|
.ui.tertiary.blue.buttons .tertiary.button:active,
|
3004
2735
|
.ui.tertiary.blue.button:active {
|
3005
|
-
|
3006
|
-
box-shadow: inset 0 -0.2em 0 #007bd8;
|
2736
|
+
box-shadow: inset 0 -0.2em 0 #007bd8;
|
3007
2737
|
color: #1279c6;
|
3008
2738
|
}
|
3009
2739
|
.ui.violet.buttons .button,
|
3010
2740
|
.ui.violet.button {
|
3011
|
-
background-color: #
|
3012
|
-
color: #
|
2741
|
+
background-color: #6435c9;
|
2742
|
+
color: #fff;
|
3013
2743
|
text-shadow: none;
|
3014
2744
|
background-image: none;
|
3015
2745
|
}
|
3016
2746
|
.ui.violet.button {
|
3017
|
-
|
3018
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2747
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3019
2748
|
}
|
3020
2749
|
.ui.violet.buttons .button:hover,
|
3021
2750
|
.ui.violet.button:hover {
|
3022
2751
|
background-color: #5829bb;
|
3023
|
-
color: #
|
2752
|
+
color: #fff;
|
3024
2753
|
text-shadow: none;
|
3025
2754
|
}
|
3026
2755
|
.ui.violet.buttons .button:focus,
|
3027
2756
|
.ui.violet.button:focus {
|
3028
2757
|
background-color: #4f20b5;
|
3029
|
-
color: #
|
2758
|
+
color: #fff;
|
3030
2759
|
text-shadow: none;
|
3031
2760
|
}
|
3032
2761
|
.ui.violet.buttons .button:active,
|
3033
2762
|
.ui.violet.button:active {
|
3034
2763
|
background-color: #502aa1;
|
3035
|
-
color: #
|
2764
|
+
color: #fff;
|
3036
2765
|
text-shadow: none;
|
3037
2766
|
}
|
3038
2767
|
.ui.violet.buttons .active.button,
|
@@ -3040,7 +2769,7 @@
|
|
3040
2769
|
.ui.violet.active.button,
|
3041
2770
|
.ui.violet.button .active.button:active {
|
3042
2771
|
background-color: #5626bf;
|
3043
|
-
color: #
|
2772
|
+
color: #fff;
|
3044
2773
|
text-shadow: none;
|
3045
2774
|
}
|
3046
2775
|
|
@@ -3048,35 +2777,30 @@
|
|
3048
2777
|
.ui.basic.violet.buttons .button,
|
3049
2778
|
.ui.basic.violet.button {
|
3050
2779
|
background: transparent;
|
3051
|
-
|
3052
|
-
|
3053
|
-
color: #6435C9;
|
2780
|
+
box-shadow: 0 0 0 1px #6435c9 inset;
|
2781
|
+
color: #6435c9;
|
3054
2782
|
}
|
3055
2783
|
.ui.basic.violet.buttons .button:hover,
|
3056
2784
|
.ui.basic.violet.button:hover {
|
3057
2785
|
background: transparent;
|
3058
|
-
|
3059
|
-
box-shadow: 0 0 0 1px #5829bb inset;
|
2786
|
+
box-shadow: 0 0 0 1px #5829bb inset;
|
3060
2787
|
color: #5829bb;
|
3061
2788
|
}
|
3062
2789
|
.ui.basic.violet.buttons .button:focus,
|
3063
2790
|
.ui.basic.violet.button:focus {
|
3064
2791
|
background: transparent;
|
3065
|
-
|
3066
|
-
box-shadow: 0 0 0 1px #4f20b5 inset;
|
2792
|
+
box-shadow: 0 0 0 1px #4f20b5 inset;
|
3067
2793
|
color: #5829bb;
|
3068
2794
|
}
|
3069
2795
|
.ui.basic.violet.buttons .active.button,
|
3070
2796
|
.ui.basic.violet.active.button {
|
3071
2797
|
background: transparent;
|
3072
|
-
|
3073
|
-
box-shadow: 0 0 0 1px #5626bf inset;
|
2798
|
+
box-shadow: 0 0 0 1px #5626bf inset;
|
3074
2799
|
color: #502aa1;
|
3075
2800
|
}
|
3076
2801
|
.ui.basic.violet.buttons .button:active,
|
3077
2802
|
.ui.basic.violet.button:active {
|
3078
|
-
|
3079
|
-
box-shadow: 0 0 0 1px #502aa1 inset;
|
2803
|
+
box-shadow: 0 0 0 1px #502aa1 inset;
|
3080
2804
|
color: #502aa1;
|
3081
2805
|
}
|
3082
2806
|
|
@@ -3084,9 +2808,8 @@
|
|
3084
2808
|
.ui.inverted.violet.buttons .button,
|
3085
2809
|
.ui.inverted.violet.button {
|
3086
2810
|
background-color: transparent;
|
3087
|
-
|
3088
|
-
|
3089
|
-
color: #A291FB;
|
2811
|
+
box-shadow: 0 0 0 2px #a291fb inset;
|
2812
|
+
color: #a291fb;
|
3090
2813
|
}
|
3091
2814
|
.ui.inverted.violet.buttons .button:hover,
|
3092
2815
|
.ui.inverted.violet.button:hover,
|
@@ -3096,9 +2819,8 @@
|
|
3096
2819
|
.ui.inverted.violet.button.active,
|
3097
2820
|
.ui.inverted.violet.buttons .button:active,
|
3098
2821
|
.ui.inverted.violet.button:active {
|
3099
|
-
|
3100
|
-
|
3101
|
-
color: #FFFFFF;
|
2822
|
+
box-shadow: none;
|
2823
|
+
color: #fff;
|
3102
2824
|
}
|
3103
2825
|
.ui.inverted.violet.buttons .button:hover,
|
3104
2826
|
.ui.inverted.violet.button:hover {
|
@@ -3122,37 +2844,32 @@
|
|
3122
2844
|
.ui.inverted.violet.buttons .basic.button,
|
3123
2845
|
.ui.inverted.violet.basic.button {
|
3124
2846
|
background-color: transparent;
|
3125
|
-
|
3126
|
-
|
3127
|
-
color: #FFFFFF;
|
2847
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
2848
|
+
color: #fff;
|
3128
2849
|
}
|
3129
2850
|
.ui.inverted.violet.basic.buttons .button:hover,
|
3130
2851
|
.ui.inverted.violet.buttons .basic.button:hover,
|
3131
2852
|
.ui.inverted.violet.basic.button:hover {
|
3132
|
-
|
3133
|
-
|
3134
|
-
color: #A291FB;
|
2853
|
+
box-shadow: 0 0 0 2px #745aff inset;
|
2854
|
+
color: #a291fb;
|
3135
2855
|
}
|
3136
2856
|
.ui.inverted.violet.basic.buttons .button:focus,
|
3137
2857
|
.ui.inverted.violet.basic.buttons .button:focus,
|
3138
2858
|
.ui.inverted.violet.basic.button:focus {
|
3139
|
-
|
3140
|
-
|
3141
|
-
color: #A291FB;
|
2859
|
+
box-shadow: 0 0 0 2px #7d64ff inset;
|
2860
|
+
color: #a291fb;
|
3142
2861
|
}
|
3143
2862
|
.ui.inverted.violet.basic.buttons .active.button,
|
3144
2863
|
.ui.inverted.violet.buttons .basic.active.button,
|
3145
2864
|
.ui.inverted.violet.basic.active.button {
|
3146
|
-
|
3147
|
-
|
3148
|
-
color: #A291FB;
|
2865
|
+
box-shadow: 0 0 0 2px #8a73ff inset;
|
2866
|
+
color: #a291fb;
|
3149
2867
|
}
|
3150
2868
|
.ui.inverted.violet.basic.buttons .button:active,
|
3151
2869
|
.ui.inverted.violet.buttons .basic.button:active,
|
3152
2870
|
.ui.inverted.violet.basic.button:active {
|
3153
|
-
|
3154
|
-
|
3155
|
-
color: #A291FB;
|
2871
|
+
box-shadow: 0 0 0 2px #7860f9 inset;
|
2872
|
+
color: #a291fb;
|
3156
2873
|
}
|
3157
2874
|
|
3158
2875
|
/* Tertiary */
|
@@ -3160,22 +2877,19 @@
|
|
3160
2877
|
.ui.tertiary.violet.buttons .tertiary.button,
|
3161
2878
|
.ui.tertiary.violet.button {
|
3162
2879
|
background: transparent;
|
3163
|
-
|
3164
|
-
|
3165
|
-
color: #6435C9;
|
2880
|
+
box-shadow: none;
|
2881
|
+
color: #6435c9;
|
3166
2882
|
}
|
3167
2883
|
.ui.tertiary.violet.buttons .button:hover,
|
3168
2884
|
.ui.tertiary.violet.buttons button:hover,
|
3169
2885
|
.ui.tertiary.violet.button:hover {
|
3170
|
-
|
3171
|
-
box-shadow: inset 0 -0.2em 0 #6040a5;
|
2886
|
+
box-shadow: inset 0 -0.2em 0 #6040a5;
|
3172
2887
|
color: #6040a5;
|
3173
2888
|
}
|
3174
2889
|
.ui.tertiary.violet.buttons .button:focus,
|
3175
2890
|
.ui.tertiary.violet.buttons .tertiary.button:focus,
|
3176
2891
|
.ui.tertiary.violet.button:focus {
|
3177
|
-
|
3178
|
-
box-shadow: inset 0 -0.2em 0 #5735a0;
|
2892
|
+
box-shadow: inset 0 -0.2em 0 #5735a0;
|
3179
2893
|
color: #5735a0;
|
3180
2894
|
}
|
3181
2895
|
.ui.tertiary.violet.buttons .active.button,
|
@@ -3184,37 +2898,35 @@
|
|
3184
2898
|
.ui.tertiary.violet.buttons .button:active,
|
3185
2899
|
.ui.tertiary.violet.buttons .tertiary.button:active,
|
3186
2900
|
.ui.tertiary.violet.button:active {
|
3187
|
-
|
3188
|
-
box-shadow: inset 0 -0.2em 0 #4e0fd6;
|
2901
|
+
box-shadow: inset 0 -0.2em 0 #4e0fd6;
|
3189
2902
|
color: #5626bf;
|
3190
2903
|
}
|
3191
2904
|
.ui.purple.buttons .button,
|
3192
2905
|
.ui.purple.button {
|
3193
|
-
background-color: #
|
3194
|
-
color: #
|
2906
|
+
background-color: #a333c8;
|
2907
|
+
color: #fff;
|
3195
2908
|
text-shadow: none;
|
3196
2909
|
background-image: none;
|
3197
2910
|
}
|
3198
2911
|
.ui.purple.button {
|
3199
|
-
|
3200
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
2912
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3201
2913
|
}
|
3202
2914
|
.ui.purple.buttons .button:hover,
|
3203
2915
|
.ui.purple.button:hover {
|
3204
2916
|
background-color: #9627ba;
|
3205
|
-
color: #
|
2917
|
+
color: #fff;
|
3206
2918
|
text-shadow: none;
|
3207
2919
|
}
|
3208
2920
|
.ui.purple.buttons .button:focus,
|
3209
2921
|
.ui.purple.button:focus {
|
3210
2922
|
background-color: #8f1eb4;
|
3211
|
-
color: #
|
2923
|
+
color: #fff;
|
3212
2924
|
text-shadow: none;
|
3213
2925
|
}
|
3214
2926
|
.ui.purple.buttons .button:active,
|
3215
2927
|
.ui.purple.button:active {
|
3216
2928
|
background-color: #82299f;
|
3217
|
-
color: #
|
2929
|
+
color: #fff;
|
3218
2930
|
text-shadow: none;
|
3219
2931
|
}
|
3220
2932
|
.ui.purple.buttons .active.button,
|
@@ -3222,7 +2934,7 @@
|
|
3222
2934
|
.ui.purple.active.button,
|
3223
2935
|
.ui.purple.button .active.button:active {
|
3224
2936
|
background-color: #9724be;
|
3225
|
-
color: #
|
2937
|
+
color: #fff;
|
3226
2938
|
text-shadow: none;
|
3227
2939
|
}
|
3228
2940
|
|
@@ -3230,35 +2942,30 @@
|
|
3230
2942
|
.ui.basic.purple.buttons .button,
|
3231
2943
|
.ui.basic.purple.button {
|
3232
2944
|
background: transparent;
|
3233
|
-
|
3234
|
-
|
3235
|
-
color: #A333C8;
|
2945
|
+
box-shadow: 0 0 0 1px #a333c8 inset;
|
2946
|
+
color: #a333c8;
|
3236
2947
|
}
|
3237
2948
|
.ui.basic.purple.buttons .button:hover,
|
3238
2949
|
.ui.basic.purple.button:hover {
|
3239
2950
|
background: transparent;
|
3240
|
-
|
3241
|
-
box-shadow: 0 0 0 1px #9627ba inset;
|
2951
|
+
box-shadow: 0 0 0 1px #9627ba inset;
|
3242
2952
|
color: #9627ba;
|
3243
2953
|
}
|
3244
2954
|
.ui.basic.purple.buttons .button:focus,
|
3245
2955
|
.ui.basic.purple.button:focus {
|
3246
2956
|
background: transparent;
|
3247
|
-
|
3248
|
-
box-shadow: 0 0 0 1px #8f1eb4 inset;
|
2957
|
+
box-shadow: 0 0 0 1px #8f1eb4 inset;
|
3249
2958
|
color: #9627ba;
|
3250
2959
|
}
|
3251
2960
|
.ui.basic.purple.buttons .active.button,
|
3252
2961
|
.ui.basic.purple.active.button {
|
3253
2962
|
background: transparent;
|
3254
|
-
|
3255
|
-
box-shadow: 0 0 0 1px #9724be inset;
|
2963
|
+
box-shadow: 0 0 0 1px #9724be inset;
|
3256
2964
|
color: #82299f;
|
3257
2965
|
}
|
3258
2966
|
.ui.basic.purple.buttons .button:active,
|
3259
2967
|
.ui.basic.purple.button:active {
|
3260
|
-
|
3261
|
-
box-shadow: 0 0 0 1px #82299f inset;
|
2968
|
+
box-shadow: 0 0 0 1px #82299f inset;
|
3262
2969
|
color: #82299f;
|
3263
2970
|
}
|
3264
2971
|
|
@@ -3266,9 +2973,8 @@
|
|
3266
2973
|
.ui.inverted.purple.buttons .button,
|
3267
2974
|
.ui.inverted.purple.button {
|
3268
2975
|
background-color: transparent;
|
3269
|
-
|
3270
|
-
|
3271
|
-
color: #DC73FF;
|
2976
|
+
box-shadow: 0 0 0 2px #dc73ff inset;
|
2977
|
+
color: #dc73ff;
|
3272
2978
|
}
|
3273
2979
|
.ui.inverted.purple.buttons .button:hover,
|
3274
2980
|
.ui.inverted.purple.button:hover,
|
@@ -3278,9 +2984,8 @@
|
|
3278
2984
|
.ui.inverted.purple.button.active,
|
3279
2985
|
.ui.inverted.purple.buttons .button:active,
|
3280
2986
|
.ui.inverted.purple.button:active {
|
3281
|
-
|
3282
|
-
|
3283
|
-
color: #FFFFFF;
|
2987
|
+
box-shadow: none;
|
2988
|
+
color: #fff;
|
3284
2989
|
}
|
3285
2990
|
.ui.inverted.purple.buttons .button:hover,
|
3286
2991
|
.ui.inverted.purple.button:hover {
|
@@ -3304,37 +3009,32 @@
|
|
3304
3009
|
.ui.inverted.purple.buttons .basic.button,
|
3305
3010
|
.ui.inverted.purple.basic.button {
|
3306
3011
|
background-color: transparent;
|
3307
|
-
|
3308
|
-
|
3309
|
-
color: #FFFFFF;
|
3012
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
3013
|
+
color: #fff;
|
3310
3014
|
}
|
3311
3015
|
.ui.inverted.purple.basic.buttons .button:hover,
|
3312
3016
|
.ui.inverted.purple.buttons .basic.button:hover,
|
3313
3017
|
.ui.inverted.purple.basic.button:hover {
|
3314
|
-
|
3315
|
-
|
3316
|
-
color: #DC73FF;
|
3018
|
+
box-shadow: 0 0 0 2px #cf40ff inset;
|
3019
|
+
color: #dc73ff;
|
3317
3020
|
}
|
3318
3021
|
.ui.inverted.purple.basic.buttons .button:focus,
|
3319
3022
|
.ui.inverted.purple.basic.buttons .button:focus,
|
3320
3023
|
.ui.inverted.purple.basic.button:focus {
|
3321
|
-
|
3322
|
-
|
3323
|
-
color: #DC73FF;
|
3024
|
+
box-shadow: 0 0 0 2px #d24aff inset;
|
3025
|
+
color: #dc73ff;
|
3324
3026
|
}
|
3325
3027
|
.ui.inverted.purple.basic.buttons .active.button,
|
3326
3028
|
.ui.inverted.purple.buttons .basic.active.button,
|
3327
3029
|
.ui.inverted.purple.basic.active.button {
|
3328
|
-
|
3329
|
-
|
3330
|
-
color: #DC73FF;
|
3030
|
+
box-shadow: 0 0 0 2px #d65aff inset;
|
3031
|
+
color: #dc73ff;
|
3331
3032
|
}
|
3332
3033
|
.ui.inverted.purple.basic.buttons .button:active,
|
3333
3034
|
.ui.inverted.purple.buttons .basic.button:active,
|
3334
3035
|
.ui.inverted.purple.basic.button:active {
|
3335
|
-
|
3336
|
-
|
3337
|
-
color: #DC73FF;
|
3036
|
+
box-shadow: 0 0 0 2px #cf40ff inset;
|
3037
|
+
color: #dc73ff;
|
3338
3038
|
}
|
3339
3039
|
|
3340
3040
|
/* Tertiary */
|
@@ -3342,22 +3042,19 @@
|
|
3342
3042
|
.ui.tertiary.purple.buttons .tertiary.button,
|
3343
3043
|
.ui.tertiary.purple.button {
|
3344
3044
|
background: transparent;
|
3345
|
-
|
3346
|
-
|
3347
|
-
color: #A333C8;
|
3045
|
+
box-shadow: none;
|
3046
|
+
color: #a333c8;
|
3348
3047
|
}
|
3349
3048
|
.ui.tertiary.purple.buttons .button:hover,
|
3350
3049
|
.ui.tertiary.purple.buttons button:hover,
|
3351
3050
|
.ui.tertiary.purple.button:hover {
|
3352
|
-
|
3353
|
-
box-shadow: inset 0 -0.2em 0 #8a3ea4;
|
3051
|
+
box-shadow: inset 0 -0.2em 0 #8a3ea4;
|
3354
3052
|
color: #8a3ea4;
|
3355
3053
|
}
|
3356
3054
|
.ui.tertiary.purple.buttons .button:focus,
|
3357
3055
|
.ui.tertiary.purple.buttons .tertiary.button:focus,
|
3358
3056
|
.ui.tertiary.purple.button:focus {
|
3359
|
-
|
3360
|
-
box-shadow: inset 0 -0.2em 0 #84339f;
|
3057
|
+
box-shadow: inset 0 -0.2em 0 #84339f;
|
3361
3058
|
color: #84339f;
|
3362
3059
|
}
|
3363
3060
|
.ui.tertiary.purple.buttons .active.button,
|
@@ -3366,37 +3063,35 @@
|
|
3366
3063
|
.ui.tertiary.purple.buttons .button:active,
|
3367
3064
|
.ui.tertiary.purple.buttons .tertiary.button:active,
|
3368
3065
|
.ui.tertiary.purple.button:active {
|
3369
|
-
|
3370
|
-
box-shadow: inset 0 -0.2em 0 #a30dd4;
|
3066
|
+
box-shadow: inset 0 -0.2em 0 #a30dd4;
|
3371
3067
|
color: #9724be;
|
3372
3068
|
}
|
3373
3069
|
.ui.pink.buttons .button,
|
3374
3070
|
.ui.pink.button {
|
3375
|
-
background-color: #
|
3376
|
-
color: #
|
3071
|
+
background-color: #e03997;
|
3072
|
+
color: #fff;
|
3377
3073
|
text-shadow: none;
|
3378
3074
|
background-image: none;
|
3379
3075
|
}
|
3380
3076
|
.ui.pink.button {
|
3381
|
-
|
3382
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3077
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3383
3078
|
}
|
3384
3079
|
.ui.pink.buttons .button:hover,
|
3385
3080
|
.ui.pink.button:hover {
|
3386
3081
|
background-color: #e61a8d;
|
3387
|
-
color: #
|
3082
|
+
color: #fff;
|
3388
3083
|
text-shadow: none;
|
3389
3084
|
}
|
3390
3085
|
.ui.pink.buttons .button:focus,
|
3391
3086
|
.ui.pink.button:focus {
|
3392
3087
|
background-color: #e10f85;
|
3393
|
-
color: #
|
3088
|
+
color: #fff;
|
3394
3089
|
text-shadow: none;
|
3395
3090
|
}
|
3396
3091
|
.ui.pink.buttons .button:active,
|
3397
3092
|
.ui.pink.button:active {
|
3398
3093
|
background-color: #c71f7e;
|
3399
|
-
color: #
|
3094
|
+
color: #fff;
|
3400
3095
|
text-shadow: none;
|
3401
3096
|
}
|
3402
3097
|
.ui.pink.buttons .active.button,
|
@@ -3404,7 +3099,7 @@
|
|
3404
3099
|
.ui.pink.active.button,
|
3405
3100
|
.ui.pink.button .active.button:active {
|
3406
3101
|
background-color: #ea158d;
|
3407
|
-
color: #
|
3102
|
+
color: #fff;
|
3408
3103
|
text-shadow: none;
|
3409
3104
|
}
|
3410
3105
|
|
@@ -3412,35 +3107,30 @@
|
|
3412
3107
|
.ui.basic.pink.buttons .button,
|
3413
3108
|
.ui.basic.pink.button {
|
3414
3109
|
background: transparent;
|
3415
|
-
|
3416
|
-
|
3417
|
-
color: #E03997;
|
3110
|
+
box-shadow: 0 0 0 1px #e03997 inset;
|
3111
|
+
color: #e03997;
|
3418
3112
|
}
|
3419
3113
|
.ui.basic.pink.buttons .button:hover,
|
3420
3114
|
.ui.basic.pink.button:hover {
|
3421
3115
|
background: transparent;
|
3422
|
-
|
3423
|
-
box-shadow: 0 0 0 1px #e61a8d inset;
|
3116
|
+
box-shadow: 0 0 0 1px #e61a8d inset;
|
3424
3117
|
color: #e61a8d;
|
3425
3118
|
}
|
3426
3119
|
.ui.basic.pink.buttons .button:focus,
|
3427
3120
|
.ui.basic.pink.button:focus {
|
3428
3121
|
background: transparent;
|
3429
|
-
|
3430
|
-
box-shadow: 0 0 0 1px #e10f85 inset;
|
3122
|
+
box-shadow: 0 0 0 1px #e10f85 inset;
|
3431
3123
|
color: #e61a8d;
|
3432
3124
|
}
|
3433
3125
|
.ui.basic.pink.buttons .active.button,
|
3434
3126
|
.ui.basic.pink.active.button {
|
3435
3127
|
background: transparent;
|
3436
|
-
|
3437
|
-
box-shadow: 0 0 0 1px #ea158d inset;
|
3128
|
+
box-shadow: 0 0 0 1px #ea158d inset;
|
3438
3129
|
color: #c71f7e;
|
3439
3130
|
}
|
3440
3131
|
.ui.basic.pink.buttons .button:active,
|
3441
3132
|
.ui.basic.pink.button:active {
|
3442
|
-
|
3443
|
-
box-shadow: 0 0 0 1px #c71f7e inset;
|
3133
|
+
box-shadow: 0 0 0 1px #c71f7e inset;
|
3444
3134
|
color: #c71f7e;
|
3445
3135
|
}
|
3446
3136
|
|
@@ -3448,9 +3138,8 @@
|
|
3448
3138
|
.ui.inverted.pink.buttons .button,
|
3449
3139
|
.ui.inverted.pink.button {
|
3450
3140
|
background-color: transparent;
|
3451
|
-
|
3452
|
-
|
3453
|
-
color: #FF8EDF;
|
3141
|
+
box-shadow: 0 0 0 2px #ff8edf inset;
|
3142
|
+
color: #ff8edf;
|
3454
3143
|
}
|
3455
3144
|
.ui.inverted.pink.buttons .button:hover,
|
3456
3145
|
.ui.inverted.pink.button:hover,
|
@@ -3460,9 +3149,8 @@
|
|
3460
3149
|
.ui.inverted.pink.button.active,
|
3461
3150
|
.ui.inverted.pink.buttons .button:active,
|
3462
3151
|
.ui.inverted.pink.button:active {
|
3463
|
-
|
3464
|
-
|
3465
|
-
color: #FFFFFF;
|
3152
|
+
box-shadow: none;
|
3153
|
+
color: #fff;
|
3466
3154
|
}
|
3467
3155
|
.ui.inverted.pink.buttons .button:hover,
|
3468
3156
|
.ui.inverted.pink.button:hover {
|
@@ -3486,37 +3174,32 @@
|
|
3486
3174
|
.ui.inverted.pink.buttons .basic.button,
|
3487
3175
|
.ui.inverted.pink.basic.button {
|
3488
3176
|
background-color: transparent;
|
3489
|
-
|
3490
|
-
|
3491
|
-
color: #FFFFFF;
|
3177
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
3178
|
+
color: #fff;
|
3492
3179
|
}
|
3493
3180
|
.ui.inverted.pink.basic.buttons .button:hover,
|
3494
3181
|
.ui.inverted.pink.buttons .basic.button:hover,
|
3495
3182
|
.ui.inverted.pink.basic.button:hover {
|
3496
|
-
|
3497
|
-
|
3498
|
-
color: #FF8EDF;
|
3183
|
+
box-shadow: 0 0 0 2px #ff5bd1 inset;
|
3184
|
+
color: #ff8edf;
|
3499
3185
|
}
|
3500
3186
|
.ui.inverted.pink.basic.buttons .button:focus,
|
3501
3187
|
.ui.inverted.pink.basic.buttons .button:focus,
|
3502
3188
|
.ui.inverted.pink.basic.button:focus {
|
3503
|
-
|
3504
|
-
|
3505
|
-
color: #FF8EDF;
|
3189
|
+
box-shadow: 0 0 0 2px #ff65d3 inset;
|
3190
|
+
color: #ff8edf;
|
3506
3191
|
}
|
3507
3192
|
.ui.inverted.pink.basic.buttons .active.button,
|
3508
3193
|
.ui.inverted.pink.buttons .basic.active.button,
|
3509
3194
|
.ui.inverted.pink.basic.active.button {
|
3510
|
-
|
3511
|
-
|
3512
|
-
color: #FF8EDF;
|
3195
|
+
box-shadow: 0 0 0 2px #ff74d8 inset;
|
3196
|
+
color: #ff8edf;
|
3513
3197
|
}
|
3514
3198
|
.ui.inverted.pink.basic.buttons .button:active,
|
3515
3199
|
.ui.inverted.pink.buttons .basic.button:active,
|
3516
3200
|
.ui.inverted.pink.basic.button:active {
|
3517
|
-
|
3518
|
-
|
3519
|
-
color: #FF8EDF;
|
3201
|
+
box-shadow: 0 0 0 2px #ff5bd1 inset;
|
3202
|
+
color: #ff8edf;
|
3520
3203
|
}
|
3521
3204
|
|
3522
3205
|
/* Tertiary */
|
@@ -3524,22 +3207,19 @@
|
|
3524
3207
|
.ui.tertiary.pink.buttons .tertiary.button,
|
3525
3208
|
.ui.tertiary.pink.button {
|
3526
3209
|
background: transparent;
|
3527
|
-
|
3528
|
-
|
3529
|
-
color: #E03997;
|
3210
|
+
box-shadow: none;
|
3211
|
+
color: #e03997;
|
3530
3212
|
}
|
3531
3213
|
.ui.tertiary.pink.buttons .button:hover,
|
3532
3214
|
.ui.tertiary.pink.buttons button:hover,
|
3533
3215
|
.ui.tertiary.pink.button:hover {
|
3534
|
-
|
3535
|
-
box-shadow: inset 0 -0.2em 0 #cc3389;
|
3216
|
+
box-shadow: inset 0 -0.2em 0 #cc3389;
|
3536
3217
|
color: #cc3389;
|
3537
3218
|
}
|
3538
3219
|
.ui.tertiary.pink.buttons .button:focus,
|
3539
3220
|
.ui.tertiary.pink.buttons .tertiary.button:focus,
|
3540
3221
|
.ui.tertiary.pink.button:focus {
|
3541
|
-
|
3542
|
-
box-shadow: inset 0 -0.2em 0 #c92782;
|
3222
|
+
box-shadow: inset 0 -0.2em 0 #c92782;
|
3543
3223
|
color: #c92782;
|
3544
3224
|
}
|
3545
3225
|
.ui.tertiary.pink.buttons .active.button,
|
@@ -3548,37 +3228,35 @@
|
|
3548
3228
|
.ui.tertiary.pink.buttons .button:active,
|
3549
3229
|
.ui.tertiary.pink.buttons .tertiary.button:active,
|
3550
3230
|
.ui.tertiary.pink.button:active {
|
3551
|
-
|
3552
|
-
box-shadow: inset 0 -0.2em 0 #ff0090;
|
3231
|
+
box-shadow: inset 0 -0.2em 0 #ff0090;
|
3553
3232
|
color: #ea158d;
|
3554
3233
|
}
|
3555
3234
|
.ui.brown.buttons .button,
|
3556
3235
|
.ui.brown.button {
|
3557
|
-
background-color: #
|
3558
|
-
color: #
|
3236
|
+
background-color: #a5673f;
|
3237
|
+
color: #fff;
|
3559
3238
|
text-shadow: none;
|
3560
3239
|
background-image: none;
|
3561
3240
|
}
|
3562
3241
|
.ui.brown.button {
|
3563
|
-
|
3564
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3242
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3565
3243
|
}
|
3566
3244
|
.ui.brown.buttons .button:hover,
|
3567
3245
|
.ui.brown.button:hover {
|
3568
3246
|
background-color: #975b33;
|
3569
|
-
color: #
|
3247
|
+
color: #fff;
|
3570
3248
|
text-shadow: none;
|
3571
3249
|
}
|
3572
3250
|
.ui.brown.buttons .button:focus,
|
3573
3251
|
.ui.brown.button:focus {
|
3574
3252
|
background-color: #90532b;
|
3575
|
-
color: #
|
3253
|
+
color: #fff;
|
3576
3254
|
text-shadow: none;
|
3577
3255
|
}
|
3578
3256
|
.ui.brown.buttons .button:active,
|
3579
3257
|
.ui.brown.button:active {
|
3580
3258
|
background-color: #805031;
|
3581
|
-
color: #
|
3259
|
+
color: #fff;
|
3582
3260
|
text-shadow: none;
|
3583
3261
|
}
|
3584
3262
|
.ui.brown.buttons .active.button,
|
@@ -3586,7 +3264,7 @@
|
|
3586
3264
|
.ui.brown.active.button,
|
3587
3265
|
.ui.brown.button .active.button:active {
|
3588
3266
|
background-color: #995a31;
|
3589
|
-
color: #
|
3267
|
+
color: #fff;
|
3590
3268
|
text-shadow: none;
|
3591
3269
|
}
|
3592
3270
|
|
@@ -3594,35 +3272,30 @@
|
|
3594
3272
|
.ui.basic.brown.buttons .button,
|
3595
3273
|
.ui.basic.brown.button {
|
3596
3274
|
background: transparent;
|
3597
|
-
|
3598
|
-
|
3599
|
-
color: #A5673F;
|
3275
|
+
box-shadow: 0 0 0 1px #a5673f inset;
|
3276
|
+
color: #a5673f;
|
3600
3277
|
}
|
3601
3278
|
.ui.basic.brown.buttons .button:hover,
|
3602
3279
|
.ui.basic.brown.button:hover {
|
3603
3280
|
background: transparent;
|
3604
|
-
|
3605
|
-
box-shadow: 0 0 0 1px #975b33 inset;
|
3281
|
+
box-shadow: 0 0 0 1px #975b33 inset;
|
3606
3282
|
color: #975b33;
|
3607
3283
|
}
|
3608
3284
|
.ui.basic.brown.buttons .button:focus,
|
3609
3285
|
.ui.basic.brown.button:focus {
|
3610
3286
|
background: transparent;
|
3611
|
-
|
3612
|
-
box-shadow: 0 0 0 1px #90532b inset;
|
3287
|
+
box-shadow: 0 0 0 1px #90532b inset;
|
3613
3288
|
color: #975b33;
|
3614
3289
|
}
|
3615
3290
|
.ui.basic.brown.buttons .active.button,
|
3616
3291
|
.ui.basic.brown.active.button {
|
3617
3292
|
background: transparent;
|
3618
|
-
|
3619
|
-
box-shadow: 0 0 0 1px #995a31 inset;
|
3293
|
+
box-shadow: 0 0 0 1px #995a31 inset;
|
3620
3294
|
color: #805031;
|
3621
3295
|
}
|
3622
3296
|
.ui.basic.brown.buttons .button:active,
|
3623
3297
|
.ui.basic.brown.button:active {
|
3624
|
-
|
3625
|
-
box-shadow: 0 0 0 1px #805031 inset;
|
3298
|
+
box-shadow: 0 0 0 1px #805031 inset;
|
3626
3299
|
color: #805031;
|
3627
3300
|
}
|
3628
3301
|
|
@@ -3630,9 +3303,8 @@
|
|
3630
3303
|
.ui.inverted.brown.buttons .button,
|
3631
3304
|
.ui.inverted.brown.button {
|
3632
3305
|
background-color: transparent;
|
3633
|
-
|
3634
|
-
|
3635
|
-
color: #D67C1C;
|
3306
|
+
box-shadow: 0 0 0 2px #d67c1c inset;
|
3307
|
+
color: #d67c1c;
|
3636
3308
|
}
|
3637
3309
|
.ui.inverted.brown.buttons .button:hover,
|
3638
3310
|
.ui.inverted.brown.button:hover,
|
@@ -3642,9 +3314,8 @@
|
|
3642
3314
|
.ui.inverted.brown.button.active,
|
3643
3315
|
.ui.inverted.brown.buttons .button:active,
|
3644
3316
|
.ui.inverted.brown.button:active {
|
3645
|
-
|
3646
|
-
|
3647
|
-
color: #FFFFFF;
|
3317
|
+
box-shadow: none;
|
3318
|
+
color: #fff;
|
3648
3319
|
}
|
3649
3320
|
.ui.inverted.brown.buttons .button:hover,
|
3650
3321
|
.ui.inverted.brown.button:hover {
|
@@ -3668,37 +3339,32 @@
|
|
3668
3339
|
.ui.inverted.brown.buttons .basic.button,
|
3669
3340
|
.ui.inverted.brown.basic.button {
|
3670
3341
|
background-color: transparent;
|
3671
|
-
|
3672
|
-
|
3673
|
-
color: #FFFFFF;
|
3342
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
3343
|
+
color: #fff;
|
3674
3344
|
}
|
3675
3345
|
.ui.inverted.brown.basic.buttons .button:hover,
|
3676
3346
|
.ui.inverted.brown.buttons .basic.button:hover,
|
3677
3347
|
.ui.inverted.brown.basic.button:hover {
|
3678
|
-
|
3679
|
-
|
3680
|
-
color: #D67C1C;
|
3348
|
+
box-shadow: 0 0 0 2px #b0620f inset;
|
3349
|
+
color: #d67c1c;
|
3681
3350
|
}
|
3682
3351
|
.ui.inverted.brown.basic.buttons .button:focus,
|
3683
3352
|
.ui.inverted.brown.basic.buttons .button:focus,
|
3684
3353
|
.ui.inverted.brown.basic.button:focus {
|
3685
|
-
|
3686
|
-
|
3687
|
-
color: #D67C1C;
|
3354
|
+
box-shadow: 0 0 0 2px #c16808 inset;
|
3355
|
+
color: #d67c1c;
|
3688
3356
|
}
|
3689
3357
|
.ui.inverted.brown.basic.buttons .active.button,
|
3690
3358
|
.ui.inverted.brown.buttons .basic.active.button,
|
3691
3359
|
.ui.inverted.brown.basic.active.button {
|
3692
|
-
|
3693
|
-
|
3694
|
-
color: #D67C1C;
|
3360
|
+
box-shadow: 0 0 0 2px #cc6f0d inset;
|
3361
|
+
color: #d67c1c;
|
3695
3362
|
}
|
3696
3363
|
.ui.inverted.brown.basic.buttons .button:active,
|
3697
3364
|
.ui.inverted.brown.buttons .basic.button:active,
|
3698
3365
|
.ui.inverted.brown.basic.button:active {
|
3699
|
-
|
3700
|
-
|
3701
|
-
color: #D67C1C;
|
3366
|
+
box-shadow: 0 0 0 2px #a96216 inset;
|
3367
|
+
color: #d67c1c;
|
3702
3368
|
}
|
3703
3369
|
|
3704
3370
|
/* Tertiary */
|
@@ -3706,22 +3372,19 @@
|
|
3706
3372
|
.ui.tertiary.brown.buttons .tertiary.button,
|
3707
3373
|
.ui.tertiary.brown.button {
|
3708
3374
|
background: transparent;
|
3709
|
-
|
3710
|
-
|
3711
|
-
color: #A5673F;
|
3375
|
+
box-shadow: none;
|
3376
|
+
color: #a5673f;
|
3712
3377
|
}
|
3713
3378
|
.ui.tertiary.brown.buttons .button:hover,
|
3714
3379
|
.ui.tertiary.brown.buttons button:hover,
|
3715
3380
|
.ui.tertiary.brown.button:hover {
|
3716
|
-
|
3717
|
-
box-shadow: inset 0 -0.2em 0 #835f48;
|
3381
|
+
box-shadow: inset 0 -0.2em 0 #835f48;
|
3718
3382
|
color: #835f48;
|
3719
3383
|
}
|
3720
3384
|
.ui.tertiary.brown.buttons .button:focus,
|
3721
3385
|
.ui.tertiary.brown.buttons .tertiary.button:focus,
|
3722
3386
|
.ui.tertiary.brown.button:focus {
|
3723
|
-
|
3724
|
-
box-shadow: inset 0 -0.2em 0 #7d573e;
|
3387
|
+
box-shadow: inset 0 -0.2em 0 #7d573e;
|
3725
3388
|
color: #7d573e;
|
3726
3389
|
}
|
3727
3390
|
.ui.tertiary.brown.buttons .active.button,
|
@@ -3730,37 +3393,35 @@
|
|
3730
3393
|
.ui.tertiary.brown.buttons .button:active,
|
3731
3394
|
.ui.tertiary.brown.buttons .tertiary.button:active,
|
3732
3395
|
.ui.tertiary.brown.button:active {
|
3733
|
-
|
3734
|
-
box-shadow: inset 0 -0.2em 0 #ae561d;
|
3396
|
+
box-shadow: inset 0 -0.2em 0 #ae561d;
|
3735
3397
|
color: #995a31;
|
3736
3398
|
}
|
3737
3399
|
.ui.grey.buttons .button,
|
3738
3400
|
.ui.grey.button {
|
3739
3401
|
background-color: #767676;
|
3740
|
-
color: #
|
3402
|
+
color: #fff;
|
3741
3403
|
text-shadow: none;
|
3742
3404
|
background-image: none;
|
3743
3405
|
}
|
3744
3406
|
.ui.grey.button {
|
3745
|
-
|
3746
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3407
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3747
3408
|
}
|
3748
3409
|
.ui.grey.buttons .button:hover,
|
3749
3410
|
.ui.grey.button:hover {
|
3750
3411
|
background-color: #838383;
|
3751
|
-
color: #
|
3412
|
+
color: #fff;
|
3752
3413
|
text-shadow: none;
|
3753
3414
|
}
|
3754
3415
|
.ui.grey.buttons .button:focus,
|
3755
3416
|
.ui.grey.button:focus {
|
3756
3417
|
background-color: #8a8a8a;
|
3757
|
-
color: #
|
3418
|
+
color: #fff;
|
3758
3419
|
text-shadow: none;
|
3759
3420
|
}
|
3760
3421
|
.ui.grey.buttons .button:active,
|
3761
3422
|
.ui.grey.button:active {
|
3762
3423
|
background-color: #909090;
|
3763
|
-
color: #
|
3424
|
+
color: #fff;
|
3764
3425
|
text-shadow: none;
|
3765
3426
|
}
|
3766
3427
|
.ui.grey.buttons .active.button,
|
@@ -3768,7 +3429,7 @@
|
|
3768
3429
|
.ui.grey.active.button,
|
3769
3430
|
.ui.grey.button .active.button:active {
|
3770
3431
|
background-color: #696969;
|
3771
|
-
color: #
|
3432
|
+
color: #fff;
|
3772
3433
|
text-shadow: none;
|
3773
3434
|
}
|
3774
3435
|
|
@@ -3776,35 +3437,30 @@
|
|
3776
3437
|
.ui.basic.grey.buttons .button,
|
3777
3438
|
.ui.basic.grey.button {
|
3778
3439
|
background: transparent;
|
3779
|
-
|
3780
|
-
box-shadow: 0 0 0 1px #767676 inset;
|
3440
|
+
box-shadow: 0 0 0 1px #767676 inset;
|
3781
3441
|
color: #767676;
|
3782
3442
|
}
|
3783
3443
|
.ui.basic.grey.buttons .button:hover,
|
3784
3444
|
.ui.basic.grey.button:hover {
|
3785
3445
|
background: transparent;
|
3786
|
-
|
3787
|
-
box-shadow: 0 0 0 1px #838383 inset;
|
3446
|
+
box-shadow: 0 0 0 1px #838383 inset;
|
3788
3447
|
color: #838383;
|
3789
3448
|
}
|
3790
3449
|
.ui.basic.grey.buttons .button:focus,
|
3791
3450
|
.ui.basic.grey.button:focus {
|
3792
3451
|
background: transparent;
|
3793
|
-
|
3794
|
-
box-shadow: 0 0 0 1px #8a8a8a inset;
|
3452
|
+
box-shadow: 0 0 0 1px #8a8a8a inset;
|
3795
3453
|
color: #838383;
|
3796
3454
|
}
|
3797
3455
|
.ui.basic.grey.buttons .active.button,
|
3798
3456
|
.ui.basic.grey.active.button {
|
3799
3457
|
background: transparent;
|
3800
|
-
|
3801
|
-
box-shadow: 0 0 0 1px #696969 inset;
|
3458
|
+
box-shadow: 0 0 0 1px #696969 inset;
|
3802
3459
|
color: #909090;
|
3803
3460
|
}
|
3804
3461
|
.ui.basic.grey.buttons .button:active,
|
3805
3462
|
.ui.basic.grey.button:active {
|
3806
|
-
|
3807
|
-
box-shadow: 0 0 0 1px #909090 inset;
|
3463
|
+
box-shadow: 0 0 0 1px #909090 inset;
|
3808
3464
|
color: #909090;
|
3809
3465
|
}
|
3810
3466
|
|
@@ -3812,9 +3468,8 @@
|
|
3812
3468
|
.ui.inverted.grey.buttons .button,
|
3813
3469
|
.ui.inverted.grey.button {
|
3814
3470
|
background-color: transparent;
|
3815
|
-
|
3816
|
-
|
3817
|
-
color: #FFFFFF;
|
3471
|
+
box-shadow: 0 0 0 2px #d4d4d5 inset;
|
3472
|
+
color: #fff;
|
3818
3473
|
}
|
3819
3474
|
.ui.inverted.grey.buttons .button:hover,
|
3820
3475
|
.ui.inverted.grey.button:hover,
|
@@ -3824,8 +3479,7 @@
|
|
3824
3479
|
.ui.inverted.grey.button.active,
|
3825
3480
|
.ui.inverted.grey.buttons .button:active,
|
3826
3481
|
.ui.inverted.grey.button:active {
|
3827
|
-
|
3828
|
-
box-shadow: none;
|
3482
|
+
box-shadow: none;
|
3829
3483
|
color: rgba(0, 0, 0, 0.6);
|
3830
3484
|
}
|
3831
3485
|
.ui.inverted.grey.buttons .button:hover,
|
@@ -3850,37 +3504,32 @@
|
|
3850
3504
|
.ui.inverted.grey.buttons .basic.button,
|
3851
3505
|
.ui.inverted.grey.basic.button {
|
3852
3506
|
background-color: transparent;
|
3853
|
-
|
3854
|
-
|
3855
|
-
color: #FFFFFF;
|
3507
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
3508
|
+
color: #fff;
|
3856
3509
|
}
|
3857
3510
|
.ui.inverted.grey.basic.buttons .button:hover,
|
3858
3511
|
.ui.inverted.grey.buttons .basic.button:hover,
|
3859
3512
|
.ui.inverted.grey.basic.button:hover {
|
3860
|
-
|
3861
|
-
|
3862
|
-
color: #FFFFFF;
|
3513
|
+
box-shadow: 0 0 0 2px #c2c4c5 inset;
|
3514
|
+
color: #fff;
|
3863
3515
|
}
|
3864
3516
|
.ui.inverted.grey.basic.buttons .button:focus,
|
3865
3517
|
.ui.inverted.grey.basic.buttons .button:focus,
|
3866
3518
|
.ui.inverted.grey.basic.button:focus {
|
3867
|
-
|
3868
|
-
|
3869
|
-
color: #DCDDDE;
|
3519
|
+
box-shadow: 0 0 0 2px #c7c9cb inset;
|
3520
|
+
color: #dcddde;
|
3870
3521
|
}
|
3871
3522
|
.ui.inverted.grey.basic.buttons .active.button,
|
3872
3523
|
.ui.inverted.grey.buttons .basic.active.button,
|
3873
3524
|
.ui.inverted.grey.basic.active.button {
|
3874
|
-
|
3875
|
-
|
3876
|
-
color: #FFFFFF;
|
3525
|
+
box-shadow: 0 0 0 2px #cfd0d2 inset;
|
3526
|
+
color: #fff;
|
3877
3527
|
}
|
3878
3528
|
.ui.inverted.grey.basic.buttons .button:active,
|
3879
3529
|
.ui.inverted.grey.buttons .basic.button:active,
|
3880
3530
|
.ui.inverted.grey.basic.button:active {
|
3881
|
-
|
3882
|
-
|
3883
|
-
color: #FFFFFF;
|
3531
|
+
box-shadow: 0 0 0 2px #c2c4c5 inset;
|
3532
|
+
color: #fff;
|
3884
3533
|
}
|
3885
3534
|
|
3886
3535
|
/* Tertiary */
|
@@ -3888,22 +3537,19 @@
|
|
3888
3537
|
.ui.tertiary.grey.buttons .tertiary.button,
|
3889
3538
|
.ui.tertiary.grey.button {
|
3890
3539
|
background: transparent;
|
3891
|
-
|
3892
|
-
box-shadow: none;
|
3540
|
+
box-shadow: none;
|
3893
3541
|
color: #767676;
|
3894
3542
|
}
|
3895
3543
|
.ui.tertiary.grey.buttons .button:hover,
|
3896
3544
|
.ui.tertiary.grey.buttons button:hover,
|
3897
3545
|
.ui.tertiary.grey.button:hover {
|
3898
|
-
|
3899
|
-
box-shadow: inset 0 -0.2em 0 #909090;
|
3546
|
+
box-shadow: inset 0 -0.2em 0 #909090;
|
3900
3547
|
color: #909090;
|
3901
3548
|
}
|
3902
3549
|
.ui.tertiary.grey.buttons .button:focus,
|
3903
3550
|
.ui.tertiary.grey.buttons .tertiary.button:focus,
|
3904
3551
|
.ui.tertiary.grey.button:focus {
|
3905
|
-
|
3906
|
-
box-shadow: inset 0 -0.2em 0 #9f9f9f;
|
3552
|
+
box-shadow: inset 0 -0.2em 0 #9f9f9f;
|
3907
3553
|
color: #9f9f9f;
|
3908
3554
|
}
|
3909
3555
|
.ui.tertiary.grey.buttons .active.button,
|
@@ -3912,37 +3558,35 @@
|
|
3912
3558
|
.ui.tertiary.grey.buttons .button:active,
|
3913
3559
|
.ui.tertiary.grey.buttons .tertiary.button:active,
|
3914
3560
|
.ui.tertiary.grey.button:active {
|
3915
|
-
|
3916
|
-
box-shadow: inset 0 -0.2em 0 #5d5d5d;
|
3561
|
+
box-shadow: inset 0 -0.2em 0 #5d5d5d;
|
3917
3562
|
color: #696969;
|
3918
3563
|
}
|
3919
3564
|
.ui.black.buttons .button,
|
3920
3565
|
.ui.black.button {
|
3921
|
-
background-color: #
|
3922
|
-
color: #
|
3566
|
+
background-color: #1b1c1d;
|
3567
|
+
color: #fff;
|
3923
3568
|
text-shadow: none;
|
3924
3569
|
background-image: none;
|
3925
3570
|
}
|
3926
3571
|
.ui.black.button {
|
3927
|
-
|
3928
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3572
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3929
3573
|
}
|
3930
3574
|
.ui.black.buttons .button:hover,
|
3931
3575
|
.ui.black.button:hover {
|
3932
3576
|
background-color: #27292a;
|
3933
|
-
color: #
|
3577
|
+
color: #fff;
|
3934
3578
|
text-shadow: none;
|
3935
3579
|
}
|
3936
3580
|
.ui.black.buttons .button:focus,
|
3937
3581
|
.ui.black.button:focus {
|
3938
3582
|
background-color: #2f3032;
|
3939
|
-
color: #
|
3583
|
+
color: #fff;
|
3940
3584
|
text-shadow: none;
|
3941
3585
|
}
|
3942
3586
|
.ui.black.buttons .button:active,
|
3943
3587
|
.ui.black.button:active {
|
3944
3588
|
background-color: #343637;
|
3945
|
-
color: #
|
3589
|
+
color: #fff;
|
3946
3590
|
text-shadow: none;
|
3947
3591
|
}
|
3948
3592
|
.ui.black.buttons .active.button,
|
@@ -3950,7 +3594,7 @@
|
|
3950
3594
|
.ui.black.active.button,
|
3951
3595
|
.ui.black.button .active.button:active {
|
3952
3596
|
background-color: #0f0f10;
|
3953
|
-
color: #
|
3597
|
+
color: #fff;
|
3954
3598
|
text-shadow: none;
|
3955
3599
|
}
|
3956
3600
|
|
@@ -3958,35 +3602,30 @@
|
|
3958
3602
|
.ui.basic.black.buttons .button,
|
3959
3603
|
.ui.basic.black.button {
|
3960
3604
|
background: transparent;
|
3961
|
-
|
3962
|
-
|
3963
|
-
color: #1B1C1D;
|
3605
|
+
box-shadow: 0 0 0 1px #1b1c1d inset;
|
3606
|
+
color: #1b1c1d;
|
3964
3607
|
}
|
3965
3608
|
.ui.basic.black.buttons .button:hover,
|
3966
3609
|
.ui.basic.black.button:hover {
|
3967
3610
|
background: transparent;
|
3968
|
-
|
3969
|
-
box-shadow: 0 0 0 1px #27292a inset;
|
3611
|
+
box-shadow: 0 0 0 1px #27292a inset;
|
3970
3612
|
color: #27292a;
|
3971
3613
|
}
|
3972
3614
|
.ui.basic.black.buttons .button:focus,
|
3973
3615
|
.ui.basic.black.button:focus {
|
3974
3616
|
background: transparent;
|
3975
|
-
|
3976
|
-
box-shadow: 0 0 0 1px #2f3032 inset;
|
3617
|
+
box-shadow: 0 0 0 1px #2f3032 inset;
|
3977
3618
|
color: #27292a;
|
3978
3619
|
}
|
3979
3620
|
.ui.basic.black.buttons .active.button,
|
3980
3621
|
.ui.basic.black.active.button {
|
3981
3622
|
background: transparent;
|
3982
|
-
|
3983
|
-
box-shadow: 0 0 0 1px #0f0f10 inset;
|
3623
|
+
box-shadow: 0 0 0 1px #0f0f10 inset;
|
3984
3624
|
color: #343637;
|
3985
3625
|
}
|
3986
3626
|
.ui.basic.black.buttons .button:active,
|
3987
3627
|
.ui.basic.black.button:active {
|
3988
|
-
|
3989
|
-
box-shadow: 0 0 0 1px #343637 inset;
|
3628
|
+
box-shadow: 0 0 0 1px #343637 inset;
|
3990
3629
|
color: #343637;
|
3991
3630
|
}
|
3992
3631
|
|
@@ -3994,9 +3633,8 @@
|
|
3994
3633
|
.ui.inverted.black.buttons .button,
|
3995
3634
|
.ui.inverted.black.button {
|
3996
3635
|
background-color: transparent;
|
3997
|
-
|
3998
|
-
|
3999
|
-
color: #FFFFFF;
|
3636
|
+
box-shadow: 0 0 0 2px #d4d4d5 inset;
|
3637
|
+
color: #fff;
|
4000
3638
|
}
|
4001
3639
|
.ui.inverted.black.buttons .button:hover,
|
4002
3640
|
.ui.inverted.black.button:hover,
|
@@ -4006,9 +3644,8 @@
|
|
4006
3644
|
.ui.inverted.black.button.active,
|
4007
3645
|
.ui.inverted.black.buttons .button:active,
|
4008
3646
|
.ui.inverted.black.button:active {
|
4009
|
-
|
4010
|
-
|
4011
|
-
color: #FFFFFF;
|
3647
|
+
box-shadow: none;
|
3648
|
+
color: #fff;
|
4012
3649
|
}
|
4013
3650
|
.ui.inverted.black.buttons .button:hover,
|
4014
3651
|
.ui.inverted.black.button:hover {
|
@@ -4032,37 +3669,32 @@
|
|
4032
3669
|
.ui.inverted.black.buttons .basic.button,
|
4033
3670
|
.ui.inverted.black.basic.button {
|
4034
3671
|
background-color: transparent;
|
4035
|
-
|
4036
|
-
|
4037
|
-
color: #FFFFFF;
|
3672
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
|
3673
|
+
color: #fff;
|
4038
3674
|
}
|
4039
3675
|
.ui.inverted.black.basic.buttons .button:hover,
|
4040
3676
|
.ui.inverted.black.buttons .basic.button:hover,
|
4041
3677
|
.ui.inverted.black.basic.button:hover {
|
4042
|
-
|
4043
|
-
|
4044
|
-
color: #FFFFFF;
|
3678
|
+
box-shadow: 0 0 0 2px #000000 inset;
|
3679
|
+
color: #fff;
|
4045
3680
|
}
|
4046
3681
|
.ui.inverted.black.basic.buttons .button:focus,
|
4047
3682
|
.ui.inverted.black.basic.buttons .button:focus,
|
4048
3683
|
.ui.inverted.black.basic.button:focus {
|
4049
|
-
|
4050
|
-
box-shadow: 0 0 0 2px #000000 inset;
|
3684
|
+
box-shadow: 0 0 0 2px #000000 inset;
|
4051
3685
|
color: #545454;
|
4052
3686
|
}
|
4053
3687
|
.ui.inverted.black.basic.buttons .active.button,
|
4054
3688
|
.ui.inverted.black.buttons .basic.active.button,
|
4055
3689
|
.ui.inverted.black.basic.active.button {
|
4056
|
-
|
4057
|
-
|
4058
|
-
color: #FFFFFF;
|
3690
|
+
box-shadow: 0 0 0 2px #000000 inset;
|
3691
|
+
color: #fff;
|
4059
3692
|
}
|
4060
3693
|
.ui.inverted.black.basic.buttons .button:active,
|
4061
3694
|
.ui.inverted.black.buttons .basic.button:active,
|
4062
3695
|
.ui.inverted.black.basic.button:active {
|
4063
|
-
|
4064
|
-
|
4065
|
-
color: #FFFFFF;
|
3696
|
+
box-shadow: 0 0 0 2px #000000 inset;
|
3697
|
+
color: #fff;
|
4066
3698
|
}
|
4067
3699
|
|
4068
3700
|
/* Tertiary */
|
@@ -4070,22 +3702,19 @@
|
|
4070
3702
|
.ui.tertiary.black.buttons .tertiary.button,
|
4071
3703
|
.ui.tertiary.black.button {
|
4072
3704
|
background: transparent;
|
4073
|
-
|
4074
|
-
|
4075
|
-
color: #1B1C1D;
|
3705
|
+
box-shadow: none;
|
3706
|
+
color: #1b1c1d;
|
4076
3707
|
}
|
4077
3708
|
.ui.tertiary.black.buttons .button:hover,
|
4078
3709
|
.ui.tertiary.black.buttons button:hover,
|
4079
3710
|
.ui.tertiary.black.button:hover {
|
4080
|
-
|
4081
|
-
box-shadow: inset 0 -0.2em 0 #8b8f93;
|
3711
|
+
box-shadow: inset 0 -0.2em 0 #8b8f93;
|
4082
3712
|
color: #8b8f93;
|
4083
3713
|
}
|
4084
3714
|
.ui.tertiary.black.buttons .button:focus,
|
4085
3715
|
.ui.tertiary.black.buttons .tertiary.button:focus,
|
4086
3716
|
.ui.tertiary.black.button:focus {
|
4087
|
-
|
4088
|
-
box-shadow: inset 0 -0.2em 0 #93969a;
|
3717
|
+
box-shadow: inset 0 -0.2em 0 #93969a;
|
4089
3718
|
color: #93969a;
|
4090
3719
|
}
|
4091
3720
|
.ui.tertiary.black.buttons .active.button,
|
@@ -4094,39 +3723,37 @@
|
|
4094
3723
|
.ui.tertiary.black.buttons .button:active,
|
4095
3724
|
.ui.tertiary.black.buttons .tertiary.button:active,
|
4096
3725
|
.ui.tertiary.black.button:active {
|
4097
|
-
|
4098
|
-
box-shadow: inset 0 -0.2em 0 #404245;
|
3726
|
+
box-shadow: inset 0 -0.2em 0 #404245;
|
4099
3727
|
color: #0f0f10;
|
4100
3728
|
}
|
4101
3729
|
|
4102
3730
|
/* Standard */
|
4103
3731
|
.ui.positive.buttons .button,
|
4104
3732
|
.ui.positive.button {
|
4105
|
-
background-color: #
|
4106
|
-
color: #
|
3733
|
+
background-color: #21ba45;
|
3734
|
+
color: #fff;
|
4107
3735
|
text-shadow: none;
|
4108
3736
|
background-image: none;
|
4109
3737
|
}
|
4110
3738
|
.ui.positive.button {
|
4111
|
-
|
4112
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3739
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
4113
3740
|
}
|
4114
3741
|
.ui.positive.buttons .button:hover,
|
4115
3742
|
.ui.positive.button:hover {
|
4116
3743
|
background-color: #16ab39;
|
4117
|
-
color: #
|
3744
|
+
color: #fff;
|
4118
3745
|
text-shadow: none;
|
4119
3746
|
}
|
4120
3747
|
.ui.positive.buttons .button:focus,
|
4121
3748
|
.ui.positive.button:focus {
|
4122
3749
|
background-color: #0ea432;
|
4123
|
-
color: #
|
3750
|
+
color: #fff;
|
4124
3751
|
text-shadow: none;
|
4125
3752
|
}
|
4126
3753
|
.ui.positive.buttons .button:active,
|
4127
3754
|
.ui.positive.button:active {
|
4128
3755
|
background-color: #198f35;
|
4129
|
-
color: #
|
3756
|
+
color: #fff;
|
4130
3757
|
text-shadow: none;
|
4131
3758
|
}
|
4132
3759
|
.ui.positive.buttons .active.button,
|
@@ -4134,7 +3761,7 @@
|
|
4134
3761
|
.ui.positive.active.button,
|
4135
3762
|
.ui.positive.button .active.button:active {
|
4136
3763
|
background-color: #13ae38;
|
4137
|
-
color: #
|
3764
|
+
color: #fff;
|
4138
3765
|
text-shadow: none;
|
4139
3766
|
}
|
4140
3767
|
|
@@ -4142,35 +3769,30 @@
|
|
4142
3769
|
.ui.basic.positive.buttons .button,
|
4143
3770
|
.ui.basic.positive.button {
|
4144
3771
|
background: transparent;
|
4145
|
-
|
4146
|
-
|
4147
|
-
color: #21BA45;
|
3772
|
+
box-shadow: 0 0 0 1px #21ba45 inset;
|
3773
|
+
color: #21ba45;
|
4148
3774
|
}
|
4149
3775
|
.ui.basic.positive.buttons .button:hover,
|
4150
3776
|
.ui.basic.positive.button:hover {
|
4151
3777
|
background: transparent;
|
4152
|
-
|
4153
|
-
box-shadow: 0 0 0 1px #16ab39 inset;
|
3778
|
+
box-shadow: 0 0 0 1px #16ab39 inset;
|
4154
3779
|
color: #16ab39;
|
4155
3780
|
}
|
4156
3781
|
.ui.basic.positive.buttons .button:focus,
|
4157
3782
|
.ui.basic.positive.button:focus {
|
4158
3783
|
background: transparent;
|
4159
|
-
|
4160
|
-
box-shadow: 0 0 0 1px #0ea432 inset;
|
3784
|
+
box-shadow: 0 0 0 1px #0ea432 inset;
|
4161
3785
|
color: #16ab39;
|
4162
3786
|
}
|
4163
3787
|
.ui.basic.positive.buttons .active.button,
|
4164
3788
|
.ui.basic.positive.active.button {
|
4165
3789
|
background: transparent;
|
4166
|
-
|
4167
|
-
box-shadow: 0 0 0 1px #13ae38 inset;
|
3790
|
+
box-shadow: 0 0 0 1px #13ae38 inset;
|
4168
3791
|
color: #198f35;
|
4169
3792
|
}
|
4170
3793
|
.ui.basic.positive.buttons .button:active,
|
4171
3794
|
.ui.basic.positive.button:active {
|
4172
|
-
|
4173
|
-
box-shadow: 0 0 0 1px #198f35 inset;
|
3795
|
+
box-shadow: 0 0 0 1px #198f35 inset;
|
4174
3796
|
color: #198f35;
|
4175
3797
|
}
|
4176
3798
|
.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
|
@@ -4180,31 +3802,30 @@
|
|
4180
3802
|
/* Standard */
|
4181
3803
|
.ui.negative.buttons .button,
|
4182
3804
|
.ui.negative.button {
|
4183
|
-
background-color: #
|
4184
|
-
color: #
|
3805
|
+
background-color: #db2828;
|
3806
|
+
color: #fff;
|
4185
3807
|
text-shadow: none;
|
4186
3808
|
background-image: none;
|
4187
3809
|
}
|
4188
3810
|
.ui.negative.button {
|
4189
|
-
|
4190
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3811
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
4191
3812
|
}
|
4192
3813
|
.ui.negative.buttons .button:hover,
|
4193
3814
|
.ui.negative.button:hover {
|
4194
3815
|
background-color: #d01919;
|
4195
|
-
color: #
|
3816
|
+
color: #fff;
|
4196
3817
|
text-shadow: none;
|
4197
3818
|
}
|
4198
3819
|
.ui.negative.buttons .button:focus,
|
4199
3820
|
.ui.negative.button:focus {
|
4200
3821
|
background-color: #ca1010;
|
4201
|
-
color: #
|
3822
|
+
color: #fff;
|
4202
3823
|
text-shadow: none;
|
4203
3824
|
}
|
4204
3825
|
.ui.negative.buttons .button:active,
|
4205
3826
|
.ui.negative.button:active {
|
4206
3827
|
background-color: #b21e1e;
|
4207
|
-
color: #
|
3828
|
+
color: #fff;
|
4208
3829
|
text-shadow: none;
|
4209
3830
|
}
|
4210
3831
|
.ui.negative.buttons .active.button,
|
@@ -4212,7 +3833,7 @@
|
|
4212
3833
|
.ui.negative.active.button,
|
4213
3834
|
.ui.negative.button .active.button:active {
|
4214
3835
|
background-color: #d41515;
|
4215
|
-
color: #
|
3836
|
+
color: #fff;
|
4216
3837
|
text-shadow: none;
|
4217
3838
|
}
|
4218
3839
|
|
@@ -4220,35 +3841,30 @@
|
|
4220
3841
|
.ui.basic.negative.buttons .button,
|
4221
3842
|
.ui.basic.negative.button {
|
4222
3843
|
background: transparent;
|
4223
|
-
|
4224
|
-
|
4225
|
-
color: #DB2828;
|
3844
|
+
box-shadow: 0 0 0 1px #db2828 inset;
|
3845
|
+
color: #db2828;
|
4226
3846
|
}
|
4227
3847
|
.ui.basic.negative.buttons .button:hover,
|
4228
3848
|
.ui.basic.negative.button:hover {
|
4229
3849
|
background: transparent;
|
4230
|
-
|
4231
|
-
box-shadow: 0 0 0 1px #d01919 inset;
|
3850
|
+
box-shadow: 0 0 0 1px #d01919 inset;
|
4232
3851
|
color: #d01919;
|
4233
3852
|
}
|
4234
3853
|
.ui.basic.negative.buttons .button:focus,
|
4235
3854
|
.ui.basic.negative.button:focus {
|
4236
3855
|
background: transparent;
|
4237
|
-
|
4238
|
-
box-shadow: 0 0 0 1px #ca1010 inset;
|
3856
|
+
box-shadow: 0 0 0 1px #ca1010 inset;
|
4239
3857
|
color: #d01919;
|
4240
3858
|
}
|
4241
3859
|
.ui.basic.negative.buttons .active.button,
|
4242
3860
|
.ui.basic.negative.active.button {
|
4243
3861
|
background: transparent;
|
4244
|
-
|
4245
|
-
box-shadow: 0 0 0 1px #d41515 inset;
|
3862
|
+
box-shadow: 0 0 0 1px #d41515 inset;
|
4246
3863
|
color: #b21e1e;
|
4247
3864
|
}
|
4248
3865
|
.ui.basic.negative.buttons .button:active,
|
4249
3866
|
.ui.basic.negative.button:active {
|
4250
|
-
|
4251
|
-
box-shadow: 0 0 0 1px #b21e1e inset;
|
3867
|
+
box-shadow: 0 0 0 1px #b21e1e inset;
|
4252
3868
|
color: #b21e1e;
|
4253
3869
|
}
|
4254
3870
|
.ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
|
@@ -4257,24 +3873,18 @@
|
|
4257
3873
|
|
4258
3874
|
|
4259
3875
|
/*******************************
|
4260
|
-
|
4261
|
-
|
3876
|
+
Groups
|
3877
|
+
*******************************/
|
4262
3878
|
|
4263
3879
|
.ui.buttons {
|
4264
|
-
display: -webkit-inline-box;
|
4265
|
-
display: -ms-inline-flexbox;
|
4266
3880
|
display: inline-flex;
|
4267
|
-
-
|
4268
|
-
-webkit-box-direction: normal;
|
4269
|
-
-ms-flex-direction: row;
|
4270
|
-
flex-direction: row;
|
3881
|
+
flex-direction: row;
|
4271
3882
|
font-size: 0;
|
4272
3883
|
vertical-align: baseline;
|
4273
3884
|
margin: 0 0.25em 0 0;
|
4274
3885
|
}
|
4275
3886
|
.ui.buttons:not(.basic):not(.inverted) {
|
4276
|
-
|
4277
|
-
box-shadow: none;
|
3887
|
+
box-shadow: none;
|
4278
3888
|
}
|
4279
3889
|
|
4280
3890
|
/* Clearfix */
|
@@ -4288,15 +3898,12 @@
|
|
4288
3898
|
|
4289
3899
|
/* Standard Group */
|
4290
3900
|
.ui.buttons .button {
|
4291
|
-
|
4292
|
-
-ms-flex: 1 0 auto;
|
4293
|
-
flex: 1 0 auto;
|
3901
|
+
flex: 1 0 auto;
|
4294
3902
|
border-radius: 0;
|
4295
|
-
margin: 0
|
3903
|
+
margin: 0;
|
4296
3904
|
}
|
4297
3905
|
.ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
|
4298
|
-
|
4299
|
-
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
3906
|
+
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
4300
3907
|
}
|
4301
3908
|
.ui.buttons .button:first-child {
|
4302
3909
|
border-left: none;
|
@@ -4309,26 +3916,20 @@
|
|
4309
3916
|
border-bottom-right-radius: 0.28571429rem;
|
4310
3917
|
}
|
4311
3918
|
|
4312
|
-
/* Vertical
|
3919
|
+
/* Vertical Style */
|
4313
3920
|
.ui.vertical.buttons {
|
4314
|
-
display: -webkit-inline-box;
|
4315
|
-
display: -ms-inline-flexbox;
|
4316
3921
|
display: inline-flex;
|
4317
|
-
-
|
4318
|
-
-webkit-box-direction: normal;
|
4319
|
-
-ms-flex-direction: column;
|
4320
|
-
flex-direction: column;
|
3922
|
+
flex-direction: column;
|
4321
3923
|
}
|
4322
3924
|
.ui.vertical.buttons .button {
|
4323
3925
|
display: block;
|
4324
3926
|
float: none;
|
4325
3927
|
width: 100%;
|
4326
|
-
margin: 0
|
3928
|
+
margin: 0;
|
4327
3929
|
border-radius: 0;
|
4328
3930
|
}
|
4329
3931
|
.ui.vertical.buttons .button:not(.basic) {
|
4330
|
-
|
4331
|
-
box-shadow: none;
|
3932
|
+
box-shadow: none;
|
4332
3933
|
}
|
4333
3934
|
.ui.vertical.buttons .button:first-child {
|
4334
3935
|
border-top-left-radius: 0.28571429rem;
|
@@ -4346,8 +3947,7 @@
|
|
4346
3947
|
border-top: none;
|
4347
3948
|
}
|
4348
3949
|
.ui.wrapping.buttons {
|
4349
|
-
|
4350
|
-
flex-wrap: wrap;
|
3950
|
+
flex-wrap: wrap;
|
4351
3951
|
}
|
4352
3952
|
.ui.wrapping.basic.buttons {
|
4353
3953
|
border-bottom: none;
|
@@ -4359,9 +3959,7 @@
|
|
4359
3959
|
background: transparent !important;
|
4360
3960
|
}
|
4361
3961
|
.ui.compact.wrapping.buttons .button {
|
4362
|
-
|
4363
|
-
-ms-flex: none;
|
4364
|
-
flex: none;
|
3962
|
+
flex: none;
|
4365
3963
|
}
|
4366
3964
|
.ui.wrapped.buttons:not(.spaced) {
|
4367
3965
|
border-top-right-radius: 0;
|