fomantic-ui 2.9.1-beta.3 → 2.9.1-beta.30
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 +26 -0
- package/.eslint/no-extra-parens-rule.js +17 -0
- package/.eslint/package.json +11 -0
- package/.eslintrc.js +124 -0
- 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/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 +2 -2
- 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 +2 -2
- package/dist/components/breadcrumb.css +5 -5
- package/dist/components/breadcrumb.min.css +2 -2
- package/dist/components/button.css +709 -1121
- 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 +2 -2
- package/dist/components/card.css +219 -365
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +119 -187
- package/dist/components/checkbox.js +842 -841
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +2 -2
- 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 +2 -2
- 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 +4179 -4236
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- 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 +2 -2
- package/dist/components/emoji.css +9 -9
- 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 +6 -4
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +86 -141
- package/dist/components/flyout.js +1457 -1465
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +244 -339
- package/dist/components/form.js +2020 -2004
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +172 -319
- 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 +660 -718
- 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 +269 -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 +119 -154
- package/dist/components/modal.js +1488 -1486
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +53 -63
- package/dist/components/nag.js +520 -526
- package/dist/components/nag.min.css +2 -2
- package/dist/components/nag.min.js +2 -2
- package/dist/components/placeholder.css +22 -42
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +423 -201
- package/dist/components/popup.js +1454 -1456
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- 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 +2 -2
- 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 +505 -523
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +2 -2
- 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 +1493 -1534
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +2 -2
- 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 +781 -810
- package/dist/components/shape.min.css +2 -2
- package/dist/components/shape.min.js +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/components/state.js +639 -657
- package/dist/components/state.min.js +2 -2
- 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 +848 -901
- package/dist/components/sticky.min.css +2 -2
- package/dist/components/sticky.min.js +2 -2
- package/dist/components/tab.css +10 -14
- package/dist/components/tab.js +922 -965
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +2 -2
- 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 +2 -2
- package/dist/components/transition.css +369 -1280
- package/dist/components/transition.js +1047 -1077
- package/dist/components/transition.min.css +2 -2
- package/dist/components/transition.min.js +2 -2
- package/dist/components/visibility.js +1213 -1245
- package/dist/components/visibility.min.js +2 -2
- package/dist/semantic.css +5637 -8398
- package/dist/semantic.js +29021 -29405
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/dist/themes/basic/assets/fonts/icons.woff2 +0 -0
- package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
- package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
- package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
- package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
- package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
- package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
- package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
- package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
- package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
- package/dist/themes/github/assets/fonts/octicons.woff2 +0 -0
- package/examples/.eslintrc.js +6 -0
- package/examples/assets/show-examples.js +13 -13
- package/examples/components/sticky-context.html +1 -1
- package/examples/fixed.html +2 -2
- package/examples/grid.html +4 -4
- package/examples/login.html +1 -1
- package/examples/responsive.html +1 -1
- package/examples/sticky.html +3 -3
- package/gulpfile.js +10 -11
- package/package.json +18 -11
- 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 +2019 -2003
- package/src/definitions/behaviors/state.js +645 -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 +1680 -1699
- package/src/definitions/collections/menu.less +1521 -1544
- package/src/definitions/collections/message.less +294 -298
- package/src/definitions/collections/table.less +1657 -1661
- package/src/definitions/elements/button.less +1714 -1756
- 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 +541 -484
- package/src/definitions/elements/image.less +216 -227
- package/src/definitions/elements/input.less +692 -698
- 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 +4178 -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 +1456 -1464
- package/src/definitions/modules/flyout.less +445 -456
- package/src/definitions/modules/modal.js +1487 -1485
- package/src/definitions/modules/modal.less +458 -467
- package/src/definitions/modules/nag.js +519 -525
- package/src/definitions/modules/nag.less +136 -149
- package/src/definitions/modules/popup.js +1453 -1455
- package/src/definitions/modules/popup.less +737 -692
- package/src/definitions/modules/progress.js +968 -996
- package/src/definitions/modules/progress.less +523 -499
- package/src/definitions/modules/rating.js +504 -522
- package/src/definitions/modules/rating.less +98 -103
- package/src/definitions/modules/search.js +1492 -1533
- package/src/definitions/modules/search.less +374 -394
- package/src/definitions/modules/shape.js +780 -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 +864 -917
- package/src/definitions/modules/sticky.less +17 -25
- package/src/definitions/modules/tab.js +921 -964
- 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 +1046 -1076
- package/src/definitions/modules/transition.less +65 -31
- 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 +30 -33
- 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/assets/fonts/Lato-Bold.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
- package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
- package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
- package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
- package/src/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
- package/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
- 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 +14 -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 +45 -52
- 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 +3555 -3555
- package/src/themes/default/elements/flag.variables +1594 -1594
- 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 +2023 -2009
- 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 +1075 -1123
- package/src/themes/default/globals/variation.variables +13 -4
- 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 +8 -9
- 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 +8 -8
- package/src/themes/default/modules/modal.variables +64 -67
- package/src/themes/default/modules/nag.variables +11 -14
- 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 +8 -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 +3555 -3555
- 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 -130
- package/tasks/admin/components/update.js +151 -159
- package/tasks/admin/distributions/create.js +183 -189
- package/tasks/admin/distributions/init.js +125 -132
- package/tasks/admin/distributions/update.js +147 -154
- 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 +18 -20
- package/tasks/collections/docs.js +10 -12
- package/tasks/collections/install.js +10 -12
- package/tasks/collections/rtl.js +9 -11
- package/tasks/collections/various.js +9 -11
- 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 +5 -5
- package/tasks/config/defaults.js +116 -116
- package/tasks/config/docs.js +23 -23
- package/tasks/config/npm/gulpfile.js +13 -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 -29
- 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 +2 -4
- package/tasks/rtl/watch.js +2 -4
- 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
package/dist/components/menu.css
CHANGED
@@ -15,26 +15,22 @@
|
|
15
15
|
*******************************/
|
16
16
|
|
17
17
|
|
18
|
-
|
18
|
+
/* --------------
|
19
19
|
Menu
|
20
|
-
|
21
|
-
|
20
|
+
--------------- */
|
22
21
|
.ui.menu {
|
23
|
-
display: -webkit-box;
|
24
|
-
display: -ms-flexbox;
|
25
22
|
display: flex;
|
26
23
|
margin: 1rem 0;
|
27
|
-
font-family:
|
28
|
-
background: #
|
24
|
+
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";
|
25
|
+
background: #fff;
|
29
26
|
font-weight: normal;
|
30
27
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
31
|
-
|
32
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
28
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
33
29
|
border-radius: 0.28571429rem;
|
34
30
|
min-height: 2.85714286em;
|
35
31
|
}
|
36
32
|
.ui.menu::after {
|
37
|
-
content:
|
33
|
+
content: "";
|
38
34
|
display: block;
|
39
35
|
height: 0;
|
40
36
|
clear: both;
|
@@ -47,30 +43,22 @@
|
|
47
43
|
margin-bottom: 0;
|
48
44
|
}
|
49
45
|
|
50
|
-
|
46
|
+
/* --------------
|
51
47
|
Sub-Menu
|
52
|
-
|
53
|
-
|
48
|
+
--------------- */
|
54
49
|
.ui.menu .menu {
|
55
50
|
margin: 0;
|
56
51
|
}
|
57
52
|
.ui.menu:not(.vertical) > .menu {
|
58
|
-
display: -webkit-box;
|
59
|
-
display: -ms-flexbox;
|
60
53
|
display: flex;
|
61
54
|
}
|
62
55
|
|
63
|
-
|
56
|
+
/* --------------
|
64
57
|
Item
|
65
|
-
|
66
|
-
|
58
|
+
--------------- */
|
67
59
|
.ui.menu:not(.vertical) .item {
|
68
|
-
display: -webkit-box;
|
69
|
-
display: -ms-flexbox;
|
70
60
|
display: flex;
|
71
|
-
-
|
72
|
-
-ms-flex-align: center;
|
73
|
-
align-items: center;
|
61
|
+
align-items: center;
|
74
62
|
}
|
75
63
|
.ui.menu .item {
|
76
64
|
position: relative;
|
@@ -78,11 +66,8 @@
|
|
78
66
|
line-height: 1;
|
79
67
|
text-decoration: none;
|
80
68
|
-webkit-tap-highlight-color: transparent;
|
81
|
-
|
82
|
-
-ms-flex: 0 0 auto;
|
83
|
-
flex: 0 0 auto;
|
69
|
+
flex: 0 0 auto;
|
84
70
|
-webkit-user-select: none;
|
85
|
-
-moz-user-select: none;
|
86
71
|
-ms-user-select: none;
|
87
72
|
user-select: none;
|
88
73
|
background: none;
|
@@ -90,10 +75,7 @@
|
|
90
75
|
text-transform: none;
|
91
76
|
color: rgba(0, 0, 0, 0.87);
|
92
77
|
font-weight: normal;
|
93
|
-
-webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
94
|
-
transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
95
78
|
transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
|
96
|
-
transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
97
79
|
}
|
98
80
|
.ui.menu > .item:first-child {
|
99
81
|
border-radius: 0.28571429rem 0 0 0.28571429rem;
|
@@ -102,7 +84,7 @@
|
|
102
84
|
/* Border */
|
103
85
|
.ui.menu .item::before {
|
104
86
|
position: absolute;
|
105
|
-
content:
|
87
|
+
content: "";
|
106
88
|
top: 0;
|
107
89
|
right: 0;
|
108
90
|
height: 100%;
|
@@ -110,15 +92,13 @@
|
|
110
92
|
background: rgba(34, 36, 38, 0.1);
|
111
93
|
}
|
112
94
|
|
113
|
-
|
95
|
+
/* --------------
|
114
96
|
Text Content
|
115
|
-
|
116
|
-
|
97
|
+
--------------- */
|
117
98
|
.ui.menu .text.item > *,
|
118
99
|
.ui.menu .item > a:not(.ui),
|
119
100
|
.ui.menu .item > p:only-child {
|
120
101
|
-webkit-user-select: text;
|
121
|
-
-moz-user-select: text;
|
122
102
|
-ms-user-select: text;
|
123
103
|
user-select: text;
|
124
104
|
line-height: 1.3;
|
@@ -130,20 +110,18 @@
|
|
130
110
|
margin-bottom: 0;
|
131
111
|
}
|
132
112
|
|
133
|
-
|
113
|
+
/* --------------
|
134
114
|
Icons
|
135
|
-
|
136
|
-
|
115
|
+
--------------- */
|
137
116
|
.ui.menu .item > i.icon {
|
138
117
|
opacity: 0.9;
|
139
118
|
float: none;
|
140
119
|
margin: 0 0.35714286em 0 0;
|
141
120
|
}
|
142
121
|
|
143
|
-
|
122
|
+
/* --------------
|
144
123
|
Button
|
145
|
-
|
146
|
-
|
124
|
+
--------------- */
|
147
125
|
.ui.menu:not(.vertical) .item > .button {
|
148
126
|
position: relative;
|
149
127
|
top: 0;
|
@@ -153,28 +131,19 @@
|
|
153
131
|
font-size: 1em;
|
154
132
|
}
|
155
133
|
|
156
|
-
|
134
|
+
/* ----------------
|
157
135
|
Grid / Container
|
158
|
-
|
159
|
-
|
136
|
+
----------------- */
|
160
137
|
.ui.menu > .grid,
|
161
138
|
.ui.menu > .container {
|
162
|
-
display: -webkit-box;
|
163
|
-
display: -ms-flexbox;
|
164
139
|
display: flex;
|
165
|
-
-
|
166
|
-
|
167
|
-
align-items: inherit;
|
168
|
-
-webkit-box-orient: inherit;
|
169
|
-
-webkit-box-direction: inherit;
|
170
|
-
-ms-flex-direction: inherit;
|
171
|
-
flex-direction: inherit;
|
140
|
+
align-items: inherit;
|
141
|
+
flex-direction: inherit;
|
172
142
|
}
|
173
143
|
|
174
|
-
|
144
|
+
/* --------------
|
175
145
|
Inputs
|
176
|
-
|
177
|
-
|
146
|
+
--------------- */
|
178
147
|
.ui.menu .item > .input {
|
179
148
|
width: 100%;
|
180
149
|
}
|
@@ -189,14 +158,13 @@
|
|
189
158
|
padding-bottom: 0.57142857em;
|
190
159
|
}
|
191
160
|
|
192
|
-
|
161
|
+
/* --------------
|
193
162
|
Header
|
194
|
-
|
195
|
-
|
163
|
+
--------------- */
|
196
164
|
.ui.menu .header.item,
|
197
165
|
.ui.vertical.menu .header.item {
|
198
166
|
margin: 0;
|
199
|
-
background:
|
167
|
+
background: "";
|
200
168
|
text-transform: normal;
|
201
169
|
font-weight: bold;
|
202
170
|
}
|
@@ -206,10 +174,9 @@
|
|
206
174
|
font-weight: bold;
|
207
175
|
}
|
208
176
|
|
209
|
-
|
177
|
+
/* --------------
|
210
178
|
Dropdowns
|
211
|
-
|
212
|
-
|
179
|
+
--------------- */
|
213
180
|
|
214
181
|
/* Dropdown Icon */
|
215
182
|
.ui.menu .item > i.dropdown.icon {
|
@@ -222,16 +189,12 @@
|
|
222
189
|
.ui.menu .dropdown.item .menu {
|
223
190
|
min-width: calc(100% - 1px);
|
224
191
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
225
|
-
background: #
|
192
|
+
background: #fff;
|
226
193
|
margin: 0 0 0;
|
227
|
-
|
228
|
-
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
194
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
229
195
|
}
|
230
196
|
.ui.menu .dropdown.item:not(.column) .menu {
|
231
|
-
-
|
232
|
-
-webkit-box-direction: normal;
|
233
|
-
-ms-flex-direction: column;
|
234
|
-
flex-direction: column;
|
197
|
+
flex-direction: column;
|
235
198
|
}
|
236
199
|
|
237
200
|
/* Menu Items */
|
@@ -244,9 +207,7 @@
|
|
244
207
|
color: rgba(0, 0, 0, 0.87) !important;
|
245
208
|
text-transform: none !important;
|
246
209
|
font-weight: normal !important;
|
247
|
-
|
248
|
-
box-shadow: none !important;
|
249
|
-
-webkit-transition: none !important;
|
210
|
+
box-shadow: none !important;
|
250
211
|
transition: none !important;
|
251
212
|
}
|
252
213
|
.ui.menu .ui.dropdown .menu > .item:hover {
|
@@ -303,11 +264,9 @@
|
|
303
264
|
/* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
|
304
265
|
min-width: 0;
|
305
266
|
min-width: -webkit-max-content;
|
306
|
-
min-width: -moz-max-content;
|
307
267
|
min-width: max-content;
|
308
268
|
margin: 0 0 0 0;
|
309
|
-
|
310
|
-
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
269
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
311
270
|
border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
|
312
271
|
}
|
313
272
|
.ui.vertical.menu .dropdown.item.upward .menu {
|
@@ -321,8 +280,7 @@
|
|
321
280
|
border-bottom-right-radius: 0;
|
322
281
|
}
|
323
282
|
.ui.vertical.menu .dropdown.active.item {
|
324
|
-
|
325
|
-
box-shadow: none;
|
283
|
+
box-shadow: none;
|
326
284
|
}
|
327
285
|
|
328
286
|
/* Evenly Divided */
|
@@ -330,10 +288,9 @@
|
|
330
288
|
width: 100%;
|
331
289
|
}
|
332
290
|
|
333
|
-
|
291
|
+
/* --------------
|
334
292
|
Labels
|
335
|
-
|
336
|
-
|
293
|
+
--------------- */
|
337
294
|
.ui.menu .item > .label:not(.floating) {
|
338
295
|
margin-left: 1em;
|
339
296
|
padding: 0.3em 0.78571429em;
|
@@ -347,18 +304,17 @@
|
|
347
304
|
padding: 0.3em 0.78571429em;
|
348
305
|
}
|
349
306
|
.ui.menu .item > .label {
|
350
|
-
background: #
|
351
|
-
color: #
|
307
|
+
background: #999;
|
308
|
+
color: #fff;
|
352
309
|
}
|
353
310
|
.ui.menu .item > .image.label img {
|
354
311
|
margin: -0.2833em 0.8em -0.2833em -0.8em;
|
355
312
|
height: 1.5666em;
|
356
313
|
}
|
357
314
|
|
358
|
-
|
315
|
+
/* --------------
|
359
316
|
Images
|
360
|
-
|
361
|
-
|
317
|
+
--------------- */
|
362
318
|
.ui.menu .item > img:not(.ui) {
|
363
319
|
display: inline-block;
|
364
320
|
vertical-align: middle;
|
@@ -377,20 +333,18 @@
|
|
377
333
|
*******************************/
|
378
334
|
|
379
335
|
|
380
|
-
|
336
|
+
/* --------------
|
381
337
|
List
|
382
|
-
|
383
|
-
|
338
|
+
--------------- */
|
384
339
|
|
385
340
|
/* Menu divider shouldn't apply */
|
386
341
|
.ui.menu .list .item::before {
|
387
342
|
background: none !important;
|
388
343
|
}
|
389
344
|
|
390
|
-
|
391
|
-
|
392
|
-
|
393
|
-
|
345
|
+
/* --------------
|
346
|
+
Sidebar
|
347
|
+
--------------- */
|
394
348
|
|
395
349
|
/* Show vertical dividers below last */
|
396
350
|
.ui.vertical.sidebar.menu > .item:first-child::before {
|
@@ -401,10 +355,9 @@
|
|
401
355
|
bottom: 0;
|
402
356
|
}
|
403
357
|
|
404
|
-
|
358
|
+
/* --------------
|
405
359
|
Container
|
406
|
-
|
407
|
-
|
360
|
+
--------------- */
|
408
361
|
@media only screen and (max-width: 767.98px) {
|
409
362
|
.ui.menu > .ui.container {
|
410
363
|
width: 100% !important;
|
@@ -428,10 +381,9 @@
|
|
428
381
|
*******************************/
|
429
382
|
|
430
383
|
|
431
|
-
|
384
|
+
/* --------------
|
432
385
|
Hover
|
433
|
-
|
434
|
-
|
386
|
+
--------------- */
|
435
387
|
.ui.link.menu .item:hover,
|
436
388
|
.ui.menu .dropdown.item:hover,
|
437
389
|
.ui.menu .link.item:hover,
|
@@ -441,10 +393,9 @@
|
|
441
393
|
color: rgba(0, 0, 0, 0.95);
|
442
394
|
}
|
443
395
|
|
444
|
-
|
396
|
+
/* --------------
|
445
397
|
Pressed
|
446
|
-
|
447
|
-
|
398
|
+
--------------- */
|
448
399
|
.ui.link.menu .item:active,
|
449
400
|
.ui.menu .link.item:active,
|
450
401
|
.ui.menu a.item:active {
|
@@ -452,35 +403,31 @@
|
|
452
403
|
color: rgba(0, 0, 0, 0.95);
|
453
404
|
}
|
454
405
|
|
455
|
-
|
406
|
+
/* --------------
|
456
407
|
Active
|
457
|
-
|
458
|
-
|
408
|
+
--------------- */
|
459
409
|
.ui.menu .active.item {
|
460
410
|
background: rgba(0, 0, 0, 0.05);
|
461
411
|
color: rgba(0, 0, 0, 0.95);
|
462
412
|
font-weight: normal;
|
463
|
-
|
464
|
-
box-shadow: none;
|
413
|
+
box-shadow: none;
|
465
414
|
}
|
466
415
|
.ui.menu .active.item > i.icon {
|
467
416
|
opacity: 1;
|
468
417
|
}
|
469
418
|
|
470
|
-
|
419
|
+
/* --------------
|
471
420
|
Active Hover
|
472
|
-
|
473
|
-
|
421
|
+
--------------- */
|
474
422
|
.ui.menu .active.item:hover,
|
475
423
|
.ui.vertical.menu .active.item:hover {
|
476
424
|
background-color: rgba(0, 0, 0, 0.05);
|
477
425
|
color: rgba(0, 0, 0, 0.95);
|
478
426
|
}
|
479
427
|
|
480
|
-
|
428
|
+
/* --------------
|
481
429
|
Disabled
|
482
|
-
|
483
|
-
|
430
|
+
--------------- */
|
484
431
|
.ui.ui.menu .item.disabled {
|
485
432
|
cursor: default;
|
486
433
|
background-color: transparent;
|
@@ -494,16 +441,13 @@
|
|
494
441
|
*******************************/
|
495
442
|
|
496
443
|
|
497
|
-
|
444
|
+
/* ------------------
|
498
445
|
Floated Menu / Item
|
499
|
-
|
500
|
-
|
446
|
+
------------------- */
|
501
447
|
|
502
448
|
/* Left Floated */
|
503
449
|
.ui.menu:not(.vertical) .left.item,
|
504
450
|
.ui.menu:not(.vertical) .left.menu {
|
505
|
-
display: -webkit-box;
|
506
|
-
display: -ms-flexbox;
|
507
451
|
display: flex;
|
508
452
|
margin-right: auto !important;
|
509
453
|
}
|
@@ -511,8 +455,6 @@ Floated Menu / Item
|
|
511
455
|
/* Right Floated */
|
512
456
|
.ui.menu:not(.vertical) .right.item,
|
513
457
|
.ui.menu:not(.vertical) .right.menu {
|
514
|
-
display: -webkit-box;
|
515
|
-
display: -ms-flexbox;
|
516
458
|
display: flex;
|
517
459
|
margin-left: auto !important;
|
518
460
|
}
|
@@ -524,8 +466,6 @@ Floated Menu / Item
|
|
524
466
|
/* Center */
|
525
467
|
.ui.menu:not(.vertical) .center.item,
|
526
468
|
.ui.menu:not(.vertical) .center.menu {
|
527
|
-
display: -webkit-box;
|
528
|
-
display: -ms-flexbox;
|
529
469
|
display: flex;
|
530
470
|
margin-left: auto !important;
|
531
471
|
margin-right: auto !important;
|
@@ -544,23 +484,17 @@ Floated Menu / Item
|
|
544
484
|
display: none;
|
545
485
|
}
|
546
486
|
|
547
|
-
|
548
|
-
|
549
|
-
|
550
|
-
|
487
|
+
/* --------------
|
488
|
+
Vertical
|
489
|
+
--------------- */
|
551
490
|
.ui.vertical.menu {
|
552
491
|
display: block;
|
553
|
-
-
|
554
|
-
|
555
|
-
|
556
|
-
flex-direction: column;
|
557
|
-
background: #FFFFFF;
|
558
|
-
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
559
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
492
|
+
flex-direction: column;
|
493
|
+
background: #fff;
|
494
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
560
495
|
}
|
561
496
|
|
562
|
-
|
563
|
-
|
497
|
+
/* --- Item --- */
|
564
498
|
.ui.vertical.menu .item {
|
565
499
|
display: block;
|
566
500
|
background: none;
|
@@ -574,15 +508,13 @@ Floated Menu / Item
|
|
574
508
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
575
509
|
}
|
576
510
|
|
577
|
-
|
578
|
-
|
511
|
+
/* --- Label --- */
|
579
512
|
.ui.vertical.menu .item > .label {
|
580
513
|
float: right;
|
581
514
|
text-align: center;
|
582
515
|
}
|
583
516
|
|
584
|
-
|
585
|
-
|
517
|
+
/* --- Icon --- */
|
586
518
|
.ui.vertical.menu .item > i.icon,
|
587
519
|
.ui.vertical.menu .item > i.icons {
|
588
520
|
width: 1.18em;
|
@@ -594,11 +526,10 @@ Floated Menu / Item
|
|
594
526
|
margin: 0 0.5em 0 0;
|
595
527
|
}
|
596
528
|
|
597
|
-
|
598
|
-
|
529
|
+
/* --- Border --- */
|
599
530
|
.ui.vertical.menu .item::before {
|
600
531
|
position: absolute;
|
601
|
-
content:
|
532
|
+
content: "";
|
602
533
|
top: 0;
|
603
534
|
left: 0;
|
604
535
|
width: 100%;
|
@@ -609,8 +540,7 @@ Floated Menu / Item
|
|
609
540
|
display: none !important;
|
610
541
|
}
|
611
542
|
|
612
|
-
|
613
|
-
|
543
|
+
/* --- Sub Menu --- */
|
614
544
|
.ui.vertical.menu .item > .menu {
|
615
545
|
margin: 0.5em -1.14285714em 0;
|
616
546
|
}
|
@@ -632,8 +562,7 @@ Floated Menu / Item
|
|
632
562
|
.ui.vertical.menu .active.item {
|
633
563
|
background: rgba(0, 0, 0, 0.05);
|
634
564
|
border-radius: 0;
|
635
|
-
|
636
|
-
box-shadow: none;
|
565
|
+
box-shadow: none;
|
637
566
|
}
|
638
567
|
.ui.vertical.menu > .active.item:first-child {
|
639
568
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
@@ -653,17 +582,15 @@ Floated Menu / Item
|
|
653
582
|
color: rgba(0, 0, 0, 0.95);
|
654
583
|
}
|
655
584
|
|
656
|
-
|
657
|
-
|
658
|
-
|
659
|
-
|
585
|
+
/* --------------
|
586
|
+
Tabular
|
587
|
+
--------------- */
|
660
588
|
.ui.tabular.menu {
|
661
589
|
border-radius: 0;
|
662
|
-
|
663
|
-
box-shadow: none !important;
|
590
|
+
box-shadow: none !important;
|
664
591
|
border: none;
|
665
592
|
background: none transparent;
|
666
|
-
border-bottom: 1px solid #
|
593
|
+
border-bottom: 1px solid #d4d4d5;
|
667
594
|
}
|
668
595
|
.ui.tabular.fluid.menu {
|
669
596
|
width: calc(100% + 2px) !important;
|
@@ -689,14 +616,13 @@ Floated Menu / Item
|
|
689
616
|
|
690
617
|
/* Active */
|
691
618
|
.ui.tabular.menu .active.item {
|
692
|
-
background: none #
|
619
|
+
background: none #fff;
|
693
620
|
color: rgba(0, 0, 0, 0.95);
|
694
621
|
border-top-width: 1px;
|
695
|
-
border-color: #
|
622
|
+
border-color: #d4d4d5;
|
696
623
|
font-weight: bold;
|
697
624
|
margin-bottom: -1px;
|
698
|
-
|
699
|
-
box-shadow: none;
|
625
|
+
box-shadow: none;
|
700
626
|
border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
|
701
627
|
}
|
702
628
|
.ui.tabular.menu .active.item:hover {
|
@@ -721,10 +647,9 @@ Floated Menu / Item
|
|
721
647
|
.ui.bottom.tabular.menu {
|
722
648
|
background: none transparent;
|
723
649
|
border-radius: 0;
|
724
|
-
|
725
|
-
box-shadow: none !important;
|
650
|
+
box-shadow: none !important;
|
726
651
|
border-bottom: none;
|
727
|
-
border-top: 1px solid #
|
652
|
+
border-top: 1px solid #d4d4d5;
|
728
653
|
}
|
729
654
|
.ui.bottom.tabular.menu .item {
|
730
655
|
background: none;
|
@@ -734,9 +659,9 @@ Floated Menu / Item
|
|
734
659
|
border-top: none;
|
735
660
|
}
|
736
661
|
.ui.bottom.tabular.menu .active.item {
|
737
|
-
background: none #
|
662
|
+
background: none #fff;
|
738
663
|
color: rgba(0, 0, 0, 0.95);
|
739
|
-
border-color: #
|
664
|
+
border-color: #d4d4d5;
|
740
665
|
margin: -1px 0 0 0;
|
741
666
|
border-radius: 0 0 0.28571429rem 0.28571429rem !important;
|
742
667
|
}
|
@@ -745,10 +670,9 @@ Floated Menu / Item
|
|
745
670
|
.ui.vertical.tabular.menu {
|
746
671
|
background: none transparent;
|
747
672
|
border-radius: 0;
|
748
|
-
|
749
|
-
box-shadow: none !important;
|
673
|
+
box-shadow: none !important;
|
750
674
|
border-bottom: none;
|
751
|
-
border-right: 1px solid #
|
675
|
+
border-right: 1px solid #d4d4d5;
|
752
676
|
}
|
753
677
|
.ui.vertical.tabular.menu .item {
|
754
678
|
background: none;
|
@@ -758,9 +682,9 @@ Floated Menu / Item
|
|
758
682
|
border-right: none;
|
759
683
|
}
|
760
684
|
.ui.vertical.tabular.menu .active.item {
|
761
|
-
background: none #
|
685
|
+
background: none #fff;
|
762
686
|
color: rgba(0, 0, 0, 0.95);
|
763
|
-
border-color: #
|
687
|
+
border-color: #d4d4d5;
|
764
688
|
margin: 0 -1px 0 0;
|
765
689
|
border-radius: 0.28571429rem 0 0 0.28571429rem !important;
|
766
690
|
}
|
@@ -769,11 +693,10 @@ Floated Menu / Item
|
|
769
693
|
.ui.vertical.right.tabular.menu {
|
770
694
|
background: none transparent;
|
771
695
|
border-radius: 0;
|
772
|
-
|
773
|
-
box-shadow: none !important;
|
696
|
+
box-shadow: none !important;
|
774
697
|
border-bottom: none;
|
775
698
|
border-right: none;
|
776
|
-
border-left: 1px solid #
|
699
|
+
border-left: 1px solid #d4d4d5;
|
777
700
|
}
|
778
701
|
.ui.vertical.right.tabular.menu .item {
|
779
702
|
background: none;
|
@@ -783,9 +706,9 @@ Floated Menu / Item
|
|
783
706
|
border-left: none;
|
784
707
|
}
|
785
708
|
.ui.vertical.right.tabular.menu .active.item {
|
786
|
-
background: none #
|
709
|
+
background: none #fff;
|
787
710
|
color: rgba(0, 0, 0, 0.95);
|
788
|
-
border-color: #
|
711
|
+
border-color: #d4d4d5;
|
789
712
|
margin: 0 0 0 -1px;
|
790
713
|
border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
|
791
714
|
}
|
@@ -800,8 +723,8 @@ Floated Menu / Item
|
|
800
723
|
}
|
801
724
|
.ui.inverted.tabular.menu .active.item,
|
802
725
|
.ui.inverted.tabular.menu .active.item:hover {
|
803
|
-
background: none #
|
804
|
-
border-color: #
|
726
|
+
background: none #1b1c1d;
|
727
|
+
border-color: #555;
|
805
728
|
}
|
806
729
|
.ui.inverted.tabular.menu .item:not(.active):hover {
|
807
730
|
color: #ffffff;
|
@@ -809,14 +732,11 @@ Floated Menu / Item
|
|
809
732
|
cursor: pointer;
|
810
733
|
}
|
811
734
|
|
812
|
-
|
813
|
-
|
814
|
-
|
815
|
-
|
735
|
+
/* --------------
|
736
|
+
Pagination
|
737
|
+
--------------- */
|
816
738
|
.ui.pagination.menu {
|
817
739
|
margin: 0;
|
818
|
-
display: -webkit-inline-box;
|
819
|
-
display: -ms-inline-flexbox;
|
820
740
|
display: inline-flex;
|
821
741
|
vertical-align: middle;
|
822
742
|
}
|
@@ -843,35 +763,29 @@ Floated Menu / Item
|
|
843
763
|
padding-top: 0.92857143em;
|
844
764
|
background-color: rgba(0, 0, 0, 0.05);
|
845
765
|
color: rgba(0, 0, 0, 0.95);
|
846
|
-
|
847
|
-
box-shadow: none;
|
766
|
+
box-shadow: none;
|
848
767
|
}
|
849
768
|
|
850
|
-
|
851
|
-
|
852
|
-
|
853
|
-
|
769
|
+
/* --------------
|
770
|
+
Secondary
|
771
|
+
--------------- */
|
854
772
|
.ui.secondary.menu {
|
855
773
|
background: none;
|
856
774
|
margin-left: -0.35714286em;
|
857
775
|
margin-right: -0.35714286em;
|
858
776
|
border-radius: 0;
|
859
777
|
border: none;
|
860
|
-
|
861
|
-
box-shadow: none;
|
778
|
+
box-shadow: none;
|
862
779
|
}
|
863
780
|
|
864
781
|
/* Item */
|
865
782
|
.ui.secondary.menu .item {
|
866
|
-
-
|
867
|
-
|
868
|
-
-webkit-box-shadow: none;
|
869
|
-
box-shadow: none;
|
783
|
+
align-self: center;
|
784
|
+
box-shadow: none;
|
870
785
|
border: none;
|
871
786
|
padding: 0.78571429em 0.92857143em;
|
872
787
|
margin: 0 0.35714286em;
|
873
788
|
background: none;
|
874
|
-
-webkit-transition: color 0.1s ease;
|
875
789
|
transition: color 0.1s ease;
|
876
790
|
border-radius: 0.28571429rem;
|
877
791
|
}
|
@@ -903,8 +817,7 @@ Floated Menu / Item
|
|
903
817
|
|
904
818
|
/* Active */
|
905
819
|
.ui.secondary.menu .active.item {
|
906
|
-
|
907
|
-
box-shadow: none;
|
820
|
+
box-shadow: none;
|
908
821
|
background: rgba(0, 0, 0, 0.05);
|
909
822
|
color: rgba(0, 0, 0, 0.95);
|
910
823
|
border-radius: 0.28571429rem;
|
@@ -912,8 +825,7 @@ Floated Menu / Item
|
|
912
825
|
|
913
826
|
/* Active Hover */
|
914
827
|
.ui.secondary.menu .active.item:hover {
|
915
|
-
|
916
|
-
box-shadow: none;
|
828
|
+
box-shadow: none;
|
917
829
|
background: rgba(0, 0, 0, 0.05);
|
918
830
|
color: rgba(0, 0, 0, 0.95);
|
919
831
|
}
|
@@ -943,14 +855,12 @@ Floated Menu / Item
|
|
943
855
|
margin-right: 0;
|
944
856
|
}
|
945
857
|
.ui.secondary.attached.menu {
|
946
|
-
|
947
|
-
box-shadow: none;
|
858
|
+
box-shadow: none;
|
948
859
|
}
|
949
860
|
|
950
|
-
|
951
|
-
|
952
|
-
|
953
|
-
|
861
|
+
/* ---------------------
|
862
|
+
Secondary Vertical
|
863
|
+
----------------------- */
|
954
864
|
|
955
865
|
/* Sub Menu */
|
956
866
|
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
|
@@ -979,25 +889,20 @@ Floated Menu / Item
|
|
979
889
|
background-color: transparent;
|
980
890
|
}
|
981
891
|
|
982
|
-
|
983
|
-
|
984
|
-
|
985
|
-
|
892
|
+
/* ---------------------
|
893
|
+
Secondary Pointing
|
894
|
+
----------------------- */
|
986
895
|
.ui.secondary.pointing.menu {
|
987
896
|
margin-left: 0;
|
988
897
|
margin-right: 0;
|
989
898
|
border-bottom: 2px solid rgba(34, 36, 38, 0.15);
|
990
899
|
}
|
991
900
|
.ui.secondary.pointing.menu .item {
|
992
|
-
border-bottom
|
993
|
-
border-bottom-style: solid;
|
901
|
+
border-bottom: 2px solid transparent;
|
994
902
|
border-radius: 0;
|
995
|
-
-
|
996
|
-
align-self: flex-end;
|
903
|
+
align-self: flex-end;
|
997
904
|
margin: 0 0 -2px;
|
998
905
|
padding: 0.85714286em 1.14285714em;
|
999
|
-
border-bottom-width: 2px;
|
1000
|
-
-webkit-transition: color 0.1s ease;
|
1001
906
|
transition: color 0.1s ease;
|
1002
907
|
}
|
1003
908
|
.ui.secondary.pointing.menu .ui.dropdown .menu .item {
|
@@ -1017,8 +922,7 @@ Floated Menu / Item
|
|
1017
922
|
color: rgba(0, 0, 0, 0.85) !important;
|
1018
923
|
}
|
1019
924
|
.ui.secondary.pointing.menu .text.item {
|
1020
|
-
|
1021
|
-
box-shadow: none !important;
|
925
|
+
box-shadow: none !important;
|
1022
926
|
}
|
1023
927
|
.ui.secondary.pointing.menu .item::after {
|
1024
928
|
display: none;
|
@@ -1043,8 +947,7 @@ Floated Menu / Item
|
|
1043
947
|
/* Active */
|
1044
948
|
.ui.secondary.pointing.menu .active.item {
|
1045
949
|
background-color: transparent;
|
1046
|
-
|
1047
|
-
box-shadow: none;
|
950
|
+
box-shadow: none;
|
1048
951
|
border-color: currentColor;
|
1049
952
|
font-weight: bold;
|
1050
953
|
color: rgba(0, 0, 0, 0.95);
|
@@ -1064,17 +967,13 @@ Floated Menu / Item
|
|
1064
967
|
/* Vertical Pointing */
|
1065
968
|
.ui.secondary.vertical.pointing.menu {
|
1066
969
|
border-bottom-width: 0;
|
1067
|
-
border-right
|
1068
|
-
border-right-style: solid;
|
1069
|
-
border-right-color: rgba(34, 36, 38, 0.15);
|
970
|
+
border-right: 2px solid rgba(34, 36, 38, 0.15);
|
1070
971
|
}
|
1071
972
|
.ui.secondary.vertical.pointing.menu .item {
|
1072
973
|
border-bottom: none;
|
1073
|
-
border-right
|
1074
|
-
border-right-color: transparent;
|
974
|
+
border-right: 2px solid transparent;
|
1075
975
|
border-radius: 0 !important;
|
1076
976
|
margin: 0 -2px 0 0;
|
1077
|
-
border-right-width: 2px;
|
1078
977
|
}
|
1079
978
|
|
1080
979
|
/* Vertical Active */
|
@@ -1090,7 +989,7 @@ Floated Menu / Item
|
|
1090
989
|
color: rgba(255, 255, 255, 0.9);
|
1091
990
|
}
|
1092
991
|
.ui.secondary.inverted.pointing.menu .header.item {
|
1093
|
-
color: #
|
992
|
+
color: #fff !important;
|
1094
993
|
}
|
1095
994
|
|
1096
995
|
/* Hover */
|
@@ -1101,34 +1000,29 @@ Floated Menu / Item
|
|
1101
1000
|
|
1102
1001
|
/* Active */
|
1103
1002
|
.ui.ui.secondary.inverted.pointing.menu .active.item {
|
1104
|
-
border-color: #
|
1003
|
+
border-color: #fff;
|
1105
1004
|
color: #ffffff;
|
1106
1005
|
background-color: transparent;
|
1107
1006
|
}
|
1108
1007
|
|
1109
|
-
|
1110
|
-
|
1111
|
-
|
1112
|
-
|
1008
|
+
/* --------------
|
1009
|
+
Text Menu
|
1010
|
+
--------------- */
|
1113
1011
|
.ui.text.menu {
|
1114
1012
|
background: none transparent;
|
1115
1013
|
border-radius: 0;
|
1116
|
-
|
1117
|
-
box-shadow: none;
|
1014
|
+
box-shadow: none;
|
1118
1015
|
border: none;
|
1119
1016
|
margin: 1em -0.5em;
|
1120
1017
|
}
|
1121
1018
|
.ui.text.menu .item {
|
1122
1019
|
border-radius: 0;
|
1123
|
-
|
1124
|
-
|
1125
|
-
|
1126
|
-
align-self: center;
|
1127
|
-
margin: 0 0;
|
1020
|
+
box-shadow: none;
|
1021
|
+
align-self: center;
|
1022
|
+
margin: 0;
|
1128
1023
|
padding: 0.35714286em 0.5em;
|
1129
1024
|
font-weight: normal;
|
1130
1025
|
color: rgba(0, 0, 0, 0.6);
|
1131
|
-
-webkit-transition: opacity 0.1s ease;
|
1132
1026
|
transition: opacity 0.1s ease;
|
1133
1027
|
}
|
1134
1028
|
|
@@ -1153,14 +1047,12 @@ Floated Menu / Item
|
|
1153
1047
|
margin: 0;
|
1154
1048
|
}
|
1155
1049
|
|
1156
|
-
|
1157
|
-
|
1050
|
+
/* --- fluid text --- */
|
1158
1051
|
.ui.text.item.menu .item {
|
1159
1052
|
margin: 0;
|
1160
1053
|
}
|
1161
1054
|
|
1162
|
-
|
1163
|
-
|
1055
|
+
/* --- vertical text --- */
|
1164
1056
|
.ui.vertical.text.menu {
|
1165
1057
|
margin: 1em 0;
|
1166
1058
|
}
|
@@ -1192,38 +1084,32 @@ Floated Menu / Item
|
|
1192
1084
|
padding: 0.5em 0;
|
1193
1085
|
}
|
1194
1086
|
|
1195
|
-
|
1196
|
-
|
1087
|
+
/* --- hover --- */
|
1197
1088
|
.ui.text.menu .item:hover {
|
1198
1089
|
opacity: 1;
|
1199
1090
|
background-color: transparent;
|
1200
1091
|
}
|
1201
1092
|
|
1202
|
-
|
1203
|
-
|
1093
|
+
/* --- active --- */
|
1204
1094
|
.ui.text.menu .active.item {
|
1205
1095
|
background-color: transparent;
|
1206
1096
|
border: none;
|
1207
|
-
|
1208
|
-
box-shadow: none;
|
1097
|
+
box-shadow: none;
|
1209
1098
|
font-weight: normal;
|
1210
1099
|
color: rgba(0, 0, 0, 0.95);
|
1211
1100
|
}
|
1212
1101
|
|
1213
|
-
|
1214
|
-
|
1102
|
+
/* --- active hover --- */
|
1215
1103
|
.ui.text.menu .active.item:hover {
|
1216
1104
|
background-color: transparent;
|
1217
1105
|
}
|
1218
1106
|
|
1219
1107
|
/* Disable Bariations */
|
1220
1108
|
.ui.text.pointing.menu .active.item::after {
|
1221
|
-
|
1222
|
-
box-shadow: none;
|
1109
|
+
box-shadow: none;
|
1223
1110
|
}
|
1224
1111
|
.ui.text.attached.menu {
|
1225
|
-
|
1226
|
-
box-shadow: none;
|
1112
|
+
box-shadow: none;
|
1227
1113
|
}
|
1228
1114
|
|
1229
1115
|
/* Inverted */
|
@@ -1240,10 +1126,9 @@ Floated Menu / Item
|
|
1240
1126
|
margin-right: 0;
|
1241
1127
|
}
|
1242
1128
|
|
1243
|
-
|
1244
|
-
|
1245
|
-
|
1246
|
-
|
1129
|
+
/* --------------
|
1130
|
+
Icon Only
|
1131
|
+
--------------- */
|
1247
1132
|
|
1248
1133
|
/* Vertical Menu */
|
1249
1134
|
.ui.vertical.icon.menu {
|
@@ -1255,7 +1140,7 @@ Floated Menu / Item
|
|
1255
1140
|
.ui.icon.menu .item {
|
1256
1141
|
height: auto;
|
1257
1142
|
text-align: center;
|
1258
|
-
color: #
|
1143
|
+
color: #1b1c1d;
|
1259
1144
|
}
|
1260
1145
|
|
1261
1146
|
/* Icon */
|
@@ -1285,13 +1170,12 @@ Floated Menu / Item
|
|
1285
1170
|
|
1286
1171
|
/* Inverted */
|
1287
1172
|
.ui.inverted.icon.menu .item {
|
1288
|
-
color: #
|
1173
|
+
color: #fff;
|
1289
1174
|
}
|
1290
1175
|
|
1291
|
-
|
1292
|
-
|
1293
|
-
|
1294
|
-
|
1176
|
+
/* --------------
|
1177
|
+
Labeled Icon
|
1178
|
+
--------------- */
|
1295
1179
|
|
1296
1180
|
/* Menu */
|
1297
1181
|
.ui.labeled.icon.menu {
|
@@ -1301,10 +1185,7 @@ Floated Menu / Item
|
|
1301
1185
|
/* Item */
|
1302
1186
|
.ui.labeled.icon.menu .item {
|
1303
1187
|
min-width: 6em;
|
1304
|
-
-
|
1305
|
-
-webkit-box-direction: normal;
|
1306
|
-
-ms-flex-direction: column;
|
1307
|
-
flex-direction: column;
|
1188
|
+
flex-direction: column;
|
1308
1189
|
}
|
1309
1190
|
|
1310
1191
|
/* Icon */
|
@@ -1326,16 +1207,12 @@ Floated Menu / Item
|
|
1326
1207
|
*******************************/
|
1327
1208
|
|
1328
1209
|
|
1329
|
-
|
1330
|
-
|
1331
|
-
|
1332
|
-
|
1210
|
+
/* --------------
|
1211
|
+
Stackable
|
1212
|
+
--------------- */
|
1333
1213
|
@media only screen and (max-width: 767.98px) {
|
1334
1214
|
.ui.stackable.menu {
|
1335
|
-
-
|
1336
|
-
-webkit-box-direction: normal;
|
1337
|
-
-ms-flex-direction: column;
|
1338
|
-
flex-direction: column;
|
1215
|
+
flex-direction: column;
|
1339
1216
|
}
|
1340
1217
|
.ui.stackable.menu.pointing .active.item::after {
|
1341
1218
|
display: none;
|
@@ -1345,7 +1222,7 @@ Floated Menu / Item
|
|
1345
1222
|
}
|
1346
1223
|
.ui.stackable.menu .item::before {
|
1347
1224
|
position: absolute;
|
1348
|
-
content:
|
1225
|
+
content: "";
|
1349
1226
|
top: auto;
|
1350
1227
|
bottom: 0;
|
1351
1228
|
left: 0;
|
@@ -1369,76 +1246,72 @@ Floated Menu / Item
|
|
1369
1246
|
.ui.stackable.menu .right.menu,
|
1370
1247
|
.ui.stackable.menu .center.menu,
|
1371
1248
|
.ui.stackable.menu .left.menu {
|
1372
|
-
-
|
1373
|
-
-webkit-box-direction: normal;
|
1374
|
-
-ms-flex-direction: column;
|
1375
|
-
flex-direction: column;
|
1249
|
+
flex-direction: column;
|
1376
1250
|
}
|
1377
1251
|
}
|
1378
1252
|
|
1379
|
-
|
1253
|
+
/* --------------
|
1380
1254
|
Colors
|
1381
|
-
|
1382
|
-
|
1255
|
+
--------------- */
|
1383
1256
|
.ui.ui.ui.menu .primary.active.item,
|
1384
1257
|
.ui.ui.primary.menu .active.item:hover,
|
1385
1258
|
.ui.ui.primary.menu .active.item {
|
1386
|
-
color: #
|
1259
|
+
color: #2185d0;
|
1387
1260
|
}
|
1388
1261
|
.ui.ui.ui.menu .red.active.item,
|
1389
1262
|
.ui.ui.red.menu .active.item:hover,
|
1390
1263
|
.ui.ui.red.menu .active.item {
|
1391
|
-
color: #
|
1264
|
+
color: #db2828;
|
1392
1265
|
}
|
1393
1266
|
.ui.ui.ui.menu .orange.active.item,
|
1394
1267
|
.ui.ui.orange.menu .active.item:hover,
|
1395
1268
|
.ui.ui.orange.menu .active.item {
|
1396
|
-
color: #
|
1269
|
+
color: #f2711c;
|
1397
1270
|
}
|
1398
1271
|
.ui.ui.ui.menu .yellow.active.item,
|
1399
1272
|
.ui.ui.yellow.menu .active.item:hover,
|
1400
1273
|
.ui.ui.yellow.menu .active.item {
|
1401
|
-
color: #
|
1274
|
+
color: #fbbd08;
|
1402
1275
|
}
|
1403
1276
|
.ui.ui.ui.menu .olive.active.item,
|
1404
1277
|
.ui.ui.olive.menu .active.item:hover,
|
1405
1278
|
.ui.ui.olive.menu .active.item {
|
1406
|
-
color: #
|
1279
|
+
color: #b5cc18;
|
1407
1280
|
}
|
1408
1281
|
.ui.ui.ui.menu .green.active.item,
|
1409
1282
|
.ui.ui.green.menu .active.item:hover,
|
1410
1283
|
.ui.ui.green.menu .active.item {
|
1411
|
-
color: #
|
1284
|
+
color: #21ba45;
|
1412
1285
|
}
|
1413
1286
|
.ui.ui.ui.menu .teal.active.item,
|
1414
1287
|
.ui.ui.teal.menu .active.item:hover,
|
1415
1288
|
.ui.ui.teal.menu .active.item {
|
1416
|
-
color: #
|
1289
|
+
color: #00b5ad;
|
1417
1290
|
}
|
1418
1291
|
.ui.ui.ui.menu .blue.active.item,
|
1419
1292
|
.ui.ui.blue.menu .active.item:hover,
|
1420
1293
|
.ui.ui.blue.menu .active.item {
|
1421
|
-
color: #
|
1294
|
+
color: #2185d0;
|
1422
1295
|
}
|
1423
1296
|
.ui.ui.ui.menu .violet.active.item,
|
1424
1297
|
.ui.ui.violet.menu .active.item:hover,
|
1425
1298
|
.ui.ui.violet.menu .active.item {
|
1426
|
-
color: #
|
1299
|
+
color: #6435c9;
|
1427
1300
|
}
|
1428
1301
|
.ui.ui.ui.menu .purple.active.item,
|
1429
1302
|
.ui.ui.purple.menu .active.item:hover,
|
1430
1303
|
.ui.ui.purple.menu .active.item {
|
1431
|
-
color: #
|
1304
|
+
color: #a333c8;
|
1432
1305
|
}
|
1433
1306
|
.ui.ui.ui.menu .pink.active.item,
|
1434
1307
|
.ui.ui.pink.menu .active.item:hover,
|
1435
1308
|
.ui.ui.pink.menu .active.item {
|
1436
|
-
color: #
|
1309
|
+
color: #e03997;
|
1437
1310
|
}
|
1438
1311
|
.ui.ui.ui.menu .brown.active.item,
|
1439
1312
|
.ui.ui.brown.menu .active.item:hover,
|
1440
1313
|
.ui.ui.brown.menu .active.item {
|
1441
|
-
color: #
|
1314
|
+
color: #a5673f;
|
1442
1315
|
}
|
1443
1316
|
.ui.ui.ui.menu .grey.active.item,
|
1444
1317
|
.ui.ui.grey.menu .active.item:hover,
|
@@ -1448,18 +1321,16 @@ Floated Menu / Item
|
|
1448
1321
|
.ui.ui.ui.menu .black.active.item,
|
1449
1322
|
.ui.ui.black.menu .active.item:hover,
|
1450
1323
|
.ui.ui.black.menu .active.item {
|
1451
|
-
color: #
|
1324
|
+
color: #1b1c1d;
|
1452
1325
|
}
|
1453
1326
|
|
1454
|
-
|
1455
|
-
|
1456
|
-
|
1457
|
-
|
1327
|
+
/* --------------
|
1328
|
+
Inverted
|
1329
|
+
--------------- */
|
1458
1330
|
.ui.inverted.menu {
|
1459
1331
|
border: 0 solid transparent;
|
1460
|
-
background: #
|
1461
|
-
|
1462
|
-
box-shadow: none;
|
1332
|
+
background: #1b1c1d;
|
1333
|
+
box-shadow: none;
|
1463
1334
|
}
|
1464
1335
|
|
1465
1336
|
/* Menu Item */
|
@@ -1472,8 +1343,7 @@ Floated Menu / Item
|
|
1472
1343
|
background: transparent;
|
1473
1344
|
}
|
1474
1345
|
|
1475
|
-
|
1476
|
-
|
1346
|
+
/* --- Border --- */
|
1477
1347
|
.ui.inverted.menu .item::before {
|
1478
1348
|
background: rgba(255, 255, 255, 0.08);
|
1479
1349
|
}
|
@@ -1491,8 +1361,7 @@ Floated Menu / Item
|
|
1491
1361
|
.ui.inverted.menu .header.item {
|
1492
1362
|
margin: 0;
|
1493
1363
|
background: transparent;
|
1494
|
-
|
1495
|
-
box-shadow: none;
|
1364
|
+
box-shadow: none;
|
1496
1365
|
}
|
1497
1366
|
|
1498
1367
|
/* Disabled */
|
@@ -1500,8 +1369,7 @@ Floated Menu / Item
|
|
1500
1369
|
color: rgba(225, 225, 225, 0.3);
|
1501
1370
|
}
|
1502
1371
|
|
1503
|
-
|
1504
|
-
|
1372
|
+
/* --- Hover --- */
|
1505
1373
|
.ui.link.inverted.menu .item:hover,
|
1506
1374
|
.ui.inverted.menu .dropdown.item:hover,
|
1507
1375
|
.ui.inverted.menu .link.item:hover,
|
@@ -1515,46 +1383,41 @@ Floated Menu / Item
|
|
1515
1383
|
color: #ffffff;
|
1516
1384
|
}
|
1517
1385
|
|
1518
|
-
|
1519
|
-
|
1386
|
+
/* --- Pressed --- */
|
1520
1387
|
.ui.inverted.menu a.item:active,
|
1521
1388
|
.ui.inverted.menu .link.item:active {
|
1522
1389
|
background: rgba(255, 255, 255, 0.08);
|
1523
1390
|
color: #ffffff;
|
1524
1391
|
}
|
1525
1392
|
|
1526
|
-
|
1527
|
-
|
1393
|
+
/* --- Active --- */
|
1528
1394
|
.ui.inverted.menu .active.item {
|
1529
|
-
background: #
|
1395
|
+
background: #3d3e3f;
|
1530
1396
|
color: #ffffff !important;
|
1531
1397
|
}
|
1532
1398
|
.ui.inverted.vertical.menu .item .menu .active.item {
|
1533
1399
|
background: transparent;
|
1534
|
-
color: #
|
1400
|
+
color: #fff;
|
1535
1401
|
}
|
1536
1402
|
.ui.inverted.pointing.menu .active.item::after {
|
1537
|
-
background: #
|
1403
|
+
background: #3d3e3f;
|
1538
1404
|
margin: 0 !important;
|
1539
|
-
|
1540
|
-
box-shadow: none !important;
|
1405
|
+
box-shadow: none !important;
|
1541
1406
|
border: none !important;
|
1542
1407
|
}
|
1543
1408
|
|
1544
|
-
|
1545
|
-
|
1409
|
+
/* --- Active Hover --- */
|
1546
1410
|
.ui.inverted.menu .active.item:hover {
|
1547
|
-
background: #
|
1548
|
-
color: #
|
1411
|
+
background: #3d3e3f;
|
1412
|
+
color: #fff !important;
|
1549
1413
|
}
|
1550
1414
|
.ui.inverted.pointing.menu .active.item:hover::after {
|
1551
|
-
background: #
|
1415
|
+
background: #3d3e3f;
|
1552
1416
|
}
|
1553
1417
|
|
1554
|
-
|
1555
|
-
|
1556
|
-
|
1557
|
-
|
1418
|
+
/* --------------
|
1419
|
+
Floated
|
1420
|
+
--------------- */
|
1558
1421
|
.ui.floated.menu {
|
1559
1422
|
float: left;
|
1560
1423
|
margin: 0 0.5rem 0 0;
|
@@ -1568,21 +1431,17 @@ Floated Menu / Item
|
|
1568
1431
|
}
|
1569
1432
|
.ui.center.aligned.menu,
|
1570
1433
|
.ui.centered.menu {
|
1571
|
-
display: -webkit-inline-box;
|
1572
|
-
display: -ms-inline-flexbox;
|
1573
1434
|
display: inline-flex;
|
1574
|
-
|
1575
|
-
transform: translateX(-50%);
|
1435
|
+
transform: translateX(-50%);
|
1576
1436
|
margin-left: 50%;
|
1577
1437
|
}
|
1578
1438
|
|
1579
|
-
|
1580
|
-
|
1581
|
-
|
1582
|
-
|
1439
|
+
/* --------------
|
1440
|
+
Inverted
|
1441
|
+
--------------- */
|
1583
1442
|
.ui.ui.ui.inverted.menu .primary.active.item,
|
1584
1443
|
.ui.ui.inverted.primary.menu {
|
1585
|
-
background-color: #
|
1444
|
+
background-color: #2185d0;
|
1586
1445
|
}
|
1587
1446
|
.ui.inverted.primary.menu .item::before {
|
1588
1447
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1595,7 +1454,7 @@ Floated Menu / Item
|
|
1595
1454
|
}
|
1596
1455
|
.ui.ui.ui.inverted.menu .red.active.item,
|
1597
1456
|
.ui.ui.inverted.red.menu {
|
1598
|
-
background-color: #
|
1457
|
+
background-color: #db2828;
|
1599
1458
|
}
|
1600
1459
|
.ui.inverted.red.menu .item::before {
|
1601
1460
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1608,7 +1467,7 @@ Floated Menu / Item
|
|
1608
1467
|
}
|
1609
1468
|
.ui.ui.ui.inverted.menu .orange.active.item,
|
1610
1469
|
.ui.ui.inverted.orange.menu {
|
1611
|
-
background-color: #
|
1470
|
+
background-color: #f2711c;
|
1612
1471
|
}
|
1613
1472
|
.ui.inverted.orange.menu .item::before {
|
1614
1473
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1621,7 +1480,7 @@ Floated Menu / Item
|
|
1621
1480
|
}
|
1622
1481
|
.ui.ui.ui.inverted.menu .yellow.active.item,
|
1623
1482
|
.ui.ui.inverted.yellow.menu {
|
1624
|
-
background-color: #
|
1483
|
+
background-color: #fbbd08;
|
1625
1484
|
}
|
1626
1485
|
.ui.inverted.yellow.menu .item::before {
|
1627
1486
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1634,7 +1493,7 @@ Floated Menu / Item
|
|
1634
1493
|
}
|
1635
1494
|
.ui.ui.ui.inverted.menu .olive.active.item,
|
1636
1495
|
.ui.ui.inverted.olive.menu {
|
1637
|
-
background-color: #
|
1496
|
+
background-color: #b5cc18;
|
1638
1497
|
}
|
1639
1498
|
.ui.inverted.olive.menu .item::before {
|
1640
1499
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1647,7 +1506,7 @@ Floated Menu / Item
|
|
1647
1506
|
}
|
1648
1507
|
.ui.ui.ui.inverted.menu .green.active.item,
|
1649
1508
|
.ui.ui.inverted.green.menu {
|
1650
|
-
background-color: #
|
1509
|
+
background-color: #21ba45;
|
1651
1510
|
}
|
1652
1511
|
.ui.inverted.green.menu .item::before {
|
1653
1512
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1660,7 +1519,7 @@ Floated Menu / Item
|
|
1660
1519
|
}
|
1661
1520
|
.ui.ui.ui.inverted.menu .teal.active.item,
|
1662
1521
|
.ui.ui.inverted.teal.menu {
|
1663
|
-
background-color: #
|
1522
|
+
background-color: #00b5ad;
|
1664
1523
|
}
|
1665
1524
|
.ui.inverted.teal.menu .item::before {
|
1666
1525
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1673,7 +1532,7 @@ Floated Menu / Item
|
|
1673
1532
|
}
|
1674
1533
|
.ui.ui.ui.inverted.menu .blue.active.item,
|
1675
1534
|
.ui.ui.inverted.blue.menu {
|
1676
|
-
background-color: #
|
1535
|
+
background-color: #2185d0;
|
1677
1536
|
}
|
1678
1537
|
.ui.inverted.blue.menu .item::before {
|
1679
1538
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1686,7 +1545,7 @@ Floated Menu / Item
|
|
1686
1545
|
}
|
1687
1546
|
.ui.ui.ui.inverted.menu .violet.active.item,
|
1688
1547
|
.ui.ui.inverted.violet.menu {
|
1689
|
-
background-color: #
|
1548
|
+
background-color: #6435c9;
|
1690
1549
|
}
|
1691
1550
|
.ui.inverted.violet.menu .item::before {
|
1692
1551
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1699,7 +1558,7 @@ Floated Menu / Item
|
|
1699
1558
|
}
|
1700
1559
|
.ui.ui.ui.inverted.menu .purple.active.item,
|
1701
1560
|
.ui.ui.inverted.purple.menu {
|
1702
|
-
background-color: #
|
1561
|
+
background-color: #a333c8;
|
1703
1562
|
}
|
1704
1563
|
.ui.inverted.purple.menu .item::before {
|
1705
1564
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1712,7 +1571,7 @@ Floated Menu / Item
|
|
1712
1571
|
}
|
1713
1572
|
.ui.ui.ui.inverted.menu .pink.active.item,
|
1714
1573
|
.ui.ui.inverted.pink.menu {
|
1715
|
-
background-color: #
|
1574
|
+
background-color: #e03997;
|
1716
1575
|
}
|
1717
1576
|
.ui.inverted.pink.menu .item::before {
|
1718
1577
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1725,7 +1584,7 @@ Floated Menu / Item
|
|
1725
1584
|
}
|
1726
1585
|
.ui.ui.ui.inverted.menu .brown.active.item,
|
1727
1586
|
.ui.ui.inverted.brown.menu {
|
1728
|
-
background-color: #
|
1587
|
+
background-color: #a5673f;
|
1729
1588
|
}
|
1730
1589
|
.ui.inverted.brown.menu .item::before {
|
1731
1590
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1751,7 +1610,7 @@ Floated Menu / Item
|
|
1751
1610
|
}
|
1752
1611
|
.ui.ui.ui.inverted.menu .black.active.item,
|
1753
1612
|
.ui.ui.inverted.black.menu {
|
1754
|
-
background-color: #
|
1613
|
+
background-color: #1b1c1d;
|
1755
1614
|
}
|
1756
1615
|
.ui.inverted.black.menu .item::before {
|
1757
1616
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1766,10 +1625,9 @@ Floated Menu / Item
|
|
1766
1625
|
background-color: inherit;
|
1767
1626
|
}
|
1768
1627
|
|
1769
|
-
|
1770
|
-
|
1771
|
-
|
1772
|
-
|
1628
|
+
/* --------------
|
1629
|
+
Fitted
|
1630
|
+
--------------- */
|
1773
1631
|
.ui.fitted.menu .item,
|
1774
1632
|
.ui.fitted.menu .item .menu .item,
|
1775
1633
|
.ui.menu .fitted.item {
|
@@ -1788,23 +1646,19 @@ Floated Menu / Item
|
|
1788
1646
|
padding-right: 1.14285714em;
|
1789
1647
|
}
|
1790
1648
|
|
1791
|
-
|
1792
|
-
|
1793
|
-
|
1794
|
-
|
1649
|
+
/* --------------
|
1650
|
+
Borderless
|
1651
|
+
--------------- */
|
1795
1652
|
.ui.borderless.menu .item::before,
|
1796
1653
|
.ui.borderless.menu .item .menu .item::before,
|
1797
1654
|
.ui.menu .borderless.item::before {
|
1798
1655
|
background: none !important;
|
1799
1656
|
}
|
1800
1657
|
|
1801
|
-
|
1802
|
-
|
1803
|
-
|
1804
|
-
|
1658
|
+
/* -------------------
|
1659
|
+
Compact
|
1660
|
+
-------------------- */
|
1805
1661
|
.ui.compact.menu {
|
1806
|
-
display: -webkit-inline-box;
|
1807
|
-
display: -ms-inline-flexbox;
|
1808
1662
|
display: inline-flex;
|
1809
1663
|
margin: 0;
|
1810
1664
|
vertical-align: middle;
|
@@ -1828,19 +1682,17 @@ Floated Menu / Item
|
|
1828
1682
|
display: block;
|
1829
1683
|
}
|
1830
1684
|
|
1831
|
-
|
1832
|
-
|
1833
|
-
|
1834
|
-
|
1685
|
+
/* -------------------
|
1686
|
+
Fluid
|
1687
|
+
-------------------- */
|
1835
1688
|
.ui.menu.fluid,
|
1836
1689
|
.ui.vertical.menu.fluid {
|
1837
1690
|
width: 100% !important;
|
1838
1691
|
}
|
1839
1692
|
|
1840
|
-
|
1693
|
+
/* -------------------
|
1841
1694
|
Evenly Sized
|
1842
|
-
|
1843
|
-
|
1695
|
+
-------------------- */
|
1844
1696
|
.ui.item.menu,
|
1845
1697
|
.ui.item.menu .item {
|
1846
1698
|
width: 100%;
|
@@ -1849,9 +1701,7 @@ Floated Menu / Item
|
|
1849
1701
|
margin-left: 0 !important;
|
1850
1702
|
margin-right: 0 !important;
|
1851
1703
|
text-align: center;
|
1852
|
-
-
|
1853
|
-
-ms-flex-pack: center;
|
1854
|
-
justify-content: center;
|
1704
|
+
justify-content: center;
|
1855
1705
|
}
|
1856
1706
|
.ui.attached.item.menu:not(.tabular) {
|
1857
1707
|
margin: 0 -1px !important;
|
@@ -1893,10 +1743,9 @@ Floated Menu / Item
|
|
1893
1743
|
width: 8.333%;
|
1894
1744
|
}
|
1895
1745
|
|
1896
|
-
|
1897
|
-
|
1898
|
-
|
1899
|
-
|
1746
|
+
/* --------------
|
1747
|
+
Fixed
|
1748
|
+
--------------- */
|
1900
1749
|
.ui.menu.fixed {
|
1901
1750
|
position: fixed;
|
1902
1751
|
z-index: 101;
|
@@ -1957,27 +1806,24 @@ Floated Menu / Item
|
|
1957
1806
|
padding-top: 2.75rem;
|
1958
1807
|
}
|
1959
1808
|
|
1960
|
-
|
1961
|
-
|
1962
|
-
|
1963
|
-
|
1809
|
+
/* -------------------
|
1810
|
+
Pointing
|
1811
|
+
-------------------- */
|
1964
1812
|
.ui.pointing.menu .item::after {
|
1965
1813
|
visibility: hidden;
|
1966
1814
|
position: absolute;
|
1967
|
-
content:
|
1815
|
+
content: "";
|
1968
1816
|
top: 100%;
|
1969
1817
|
left: 50%;
|
1970
|
-
|
1971
|
-
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1818
|
+
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1972
1819
|
background: none;
|
1973
1820
|
margin: 0.5px 0 0;
|
1974
1821
|
width: 0.57142857em;
|
1975
1822
|
height: 0.57142857em;
|
1976
1823
|
border: none;
|
1977
|
-
border-bottom: 1px solid #
|
1978
|
-
border-right: 1px solid #
|
1824
|
+
border-bottom: 1px solid #d4d4d5;
|
1825
|
+
border-right: 1px solid #d4d4d5;
|
1979
1826
|
z-index: 2;
|
1980
|
-
-webkit-transition: background 0.1s ease;
|
1981
1827
|
transition: background 0.1s ease;
|
1982
1828
|
}
|
1983
1829
|
.ui.vertical.pointing.menu .item::after {
|
@@ -1986,12 +1832,11 @@ Floated Menu / Item
|
|
1986
1832
|
right: 0;
|
1987
1833
|
bottom: auto;
|
1988
1834
|
left: auto;
|
1989
|
-
|
1990
|
-
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1835
|
+
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1991
1836
|
margin: 0 -0.5px 0 0;
|
1992
1837
|
border: none;
|
1993
|
-
border-top: 1px solid #
|
1994
|
-
border-right: 1px solid #
|
1838
|
+
border-top: 1px solid #d4d4d5;
|
1839
|
+
border-right: 1px solid #d4d4d5;
|
1995
1840
|
}
|
1996
1841
|
.ui.pointing.menu .ui.dropdown .menu .item::after,
|
1997
1842
|
.ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
|
@@ -2014,22 +1859,22 @@ Floated Menu / Item
|
|
2014
1859
|
|
2015
1860
|
/* Colors */
|
2016
1861
|
.ui.pointing.menu .active.item:hover::after {
|
2017
|
-
background-color: #
|
1862
|
+
background-color: #f2f2f2;
|
2018
1863
|
}
|
2019
1864
|
.ui.pointing.menu .active.item::after {
|
2020
|
-
background-color: #
|
1865
|
+
background-color: #f2f2f2;
|
2021
1866
|
}
|
2022
1867
|
.ui.pointing.menu .active.item:hover::after {
|
2023
|
-
background-color: #
|
1868
|
+
background-color: #f2f2f2;
|
2024
1869
|
}
|
2025
1870
|
.ui.vertical.pointing.menu .active.item:hover::after {
|
2026
|
-
background-color: #
|
1871
|
+
background-color: #f2f2f2;
|
2027
1872
|
}
|
2028
1873
|
.ui.vertical.pointing.menu .active.item::after {
|
2029
|
-
background-color: #
|
1874
|
+
background-color: #f2f2f2;
|
2030
1875
|
}
|
2031
1876
|
.ui.vertical.pointing.menu .menu .active.item::after {
|
2032
|
-
background-color: #
|
1877
|
+
background-color: #fff;
|
2033
1878
|
}
|
2034
1879
|
@media only screen and (max-width: 767.98px) {
|
2035
1880
|
.ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
|
@@ -2037,55 +1882,54 @@ Floated Menu / Item
|
|
2037
1882
|
}
|
2038
1883
|
}
|
2039
1884
|
.ui.inverted.pointing.menu .primary.active.item::after {
|
2040
|
-
background-color: #
|
1885
|
+
background-color: #2185d0;
|
2041
1886
|
}
|
2042
1887
|
.ui.inverted.pointing.menu .secondary.active.item::after {
|
2043
|
-
background-color: #
|
1888
|
+
background-color: #1b1c1d;
|
2044
1889
|
}
|
2045
1890
|
.ui.inverted.pointing.menu .red.active.item::after {
|
2046
|
-
background-color: #
|
1891
|
+
background-color: #db2828;
|
2047
1892
|
}
|
2048
1893
|
.ui.inverted.pointing.menu .orange.active.item::after {
|
2049
|
-
background-color: #
|
1894
|
+
background-color: #f2711c;
|
2050
1895
|
}
|
2051
1896
|
.ui.inverted.pointing.menu .yellow.active.item::after {
|
2052
|
-
background-color: #
|
1897
|
+
background-color: #fbbd08;
|
2053
1898
|
}
|
2054
1899
|
.ui.inverted.pointing.menu .olive.active.item::after {
|
2055
|
-
background-color: #
|
1900
|
+
background-color: #b5cc18;
|
2056
1901
|
}
|
2057
1902
|
.ui.inverted.pointing.menu .green.active.item::after {
|
2058
|
-
background-color: #
|
1903
|
+
background-color: #21ba45;
|
2059
1904
|
}
|
2060
1905
|
.ui.inverted.pointing.menu .teal.active.item::after {
|
2061
|
-
background-color: #
|
1906
|
+
background-color: #00b5ad;
|
2062
1907
|
}
|
2063
1908
|
.ui.inverted.pointing.menu .blue.active.item::after {
|
2064
|
-
background-color: #
|
1909
|
+
background-color: #2185d0;
|
2065
1910
|
}
|
2066
1911
|
.ui.inverted.pointing.menu .violet.active.item::after {
|
2067
|
-
background-color: #
|
1912
|
+
background-color: #6435c9;
|
2068
1913
|
}
|
2069
1914
|
.ui.inverted.pointing.menu .purple.active.item::after {
|
2070
|
-
background-color: #
|
1915
|
+
background-color: #a333c8;
|
2071
1916
|
}
|
2072
1917
|
.ui.inverted.pointing.menu .pink.active.item::after {
|
2073
|
-
background-color: #
|
1918
|
+
background-color: #e03997;
|
2074
1919
|
}
|
2075
1920
|
.ui.inverted.pointing.menu .brown.active.item::after {
|
2076
|
-
background-color: #
|
1921
|
+
background-color: #a5673f;
|
2077
1922
|
}
|
2078
1923
|
.ui.inverted.pointing.menu .grey.active.item::after {
|
2079
1924
|
background-color: #767676;
|
2080
1925
|
}
|
2081
1926
|
.ui.inverted.pointing.menu .black.active.item::after {
|
2082
|
-
background-color: #
|
1927
|
+
background-color: #1b1c1d;
|
2083
1928
|
}
|
2084
1929
|
|
2085
|
-
|
2086
|
-
|
2087
|
-
|
2088
|
-
|
1930
|
+
/* --------------
|
1931
|
+
Attached
|
1932
|
+
--------------- */
|
2089
1933
|
|
2090
1934
|
/* Middle */
|
2091
1935
|
.ui.attached.menu {
|
@@ -2095,8 +1939,7 @@ Floated Menu / Item
|
|
2095
1939
|
margin: 0 -1px;
|
2096
1940
|
width: calc(100% + 2px);
|
2097
1941
|
max-width: calc(100% + 2px);
|
2098
|
-
|
2099
|
-
box-shadow: none;
|
1942
|
+
box-shadow: none;
|
2100
1943
|
}
|
2101
1944
|
.ui.attached + .ui.attached.menu:not(.top) {
|
2102
1945
|
border-top: none;
|
@@ -2120,8 +1963,7 @@ Floated Menu / Item
|
|
2120
1963
|
margin-top: 0;
|
2121
1964
|
top: 0;
|
2122
1965
|
margin-bottom: 1rem;
|
2123
|
-
|
2124
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
1966
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
2125
1967
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
2126
1968
|
}
|
2127
1969
|
.ui[class*="bottom attached"].menu:last-child {
|
@@ -2138,13 +1980,13 @@ Floated Menu / Item
|
|
2138
1980
|
|
2139
1981
|
/* Tabular Attached */
|
2140
1982
|
.ui.attached.menu:not(.tabular):not(.text) {
|
2141
|
-
border: 1px solid #
|
1983
|
+
border: 1px solid #d4d4d5;
|
2142
1984
|
}
|
2143
1985
|
.ui.attached.inverted.menu {
|
2144
1986
|
border: none;
|
2145
1987
|
}
|
2146
1988
|
.ui[class*="top attached"].inverted.tabular.menu {
|
2147
|
-
border-bottom: 1px solid #
|
1989
|
+
border-bottom: 1px solid #555;
|
2148
1990
|
}
|
2149
1991
|
.ui.attached.tabular.menu {
|
2150
1992
|
margin-left: 0;
|
@@ -2152,10 +1994,9 @@ Floated Menu / Item
|
|
2152
1994
|
width: 100%;
|
2153
1995
|
}
|
2154
1996
|
|
2155
|
-
|
1997
|
+
/* --------------
|
2156
1998
|
Sizes
|
2157
|
-
|
2158
|
-
|
1999
|
+
--------------- */
|
2159
2000
|
.ui.menu {
|
2160
2001
|
font-size: 1rem;
|
2161
2002
|
}
|
@@ -2219,14 +2060,12 @@ Floated Menu / Item
|
|
2219
2060
|
width: 25rem;
|
2220
2061
|
}
|
2221
2062
|
|
2222
|
-
|
2063
|
+
/* -------------------
|
2223
2064
|
Inverted dropdowns
|
2224
|
-
|
2225
|
-
|
2065
|
+
-------------------- */
|
2226
2066
|
.ui.menu .ui.inverted.inverted.dropdown.item .menu {
|
2227
|
-
background: #
|
2228
|
-
|
2229
|
-
box-shadow: none;
|
2067
|
+
background: #1b1c1d;
|
2068
|
+
box-shadow: none;
|
2230
2069
|
}
|
2231
2070
|
.ui.menu .ui.inverted.dropdown .menu > .item {
|
2232
2071
|
color: rgba(255, 255, 255, 0.8) !important;
|
@@ -2246,8 +2085,7 @@ Floated Menu / Item
|
|
2246
2085
|
|
2247
2086
|
/* Vertical */
|
2248
2087
|
.ui.vertical.menu .inverted.dropdown.item .menu {
|
2249
|
-
|
2250
|
-
box-shadow: none;
|
2088
|
+
box-shadow: none;
|
2251
2089
|
}
|
2252
2090
|
|
2253
2091
|
|