@eeacms/volto-eea-design-system 0.2.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/.coverage.babel.config.js +13 -0
- package/.github/ISSUE_TEMPLATE/bug_report.md +50 -0
- package/.github/ISSUE_TEMPLATE/feature_request.md +50 -0
- package/.github/workflows/node.js.yml +59 -0
- package/.prettierignore +4 -0
- package/.project.eslintrc.js +45 -0
- package/.release-it.json +17 -0
- package/.storybook/manager.js +15 -0
- package/CHANGELOG.md +1025 -0
- package/DEVELOP.md +51 -0
- package/LICENSE.md +9 -0
- package/README.md +196 -0
- package/bootstrap +41 -0
- package/cypress.json +17 -0
- package/jest-addon.config.js +36 -0
- package/locales/volto.pot +0 -0
- package/mockups/README.md +1 -0
- package/package.json +49 -0
- package/razzle.extend.js +23 -0
- package/src/helpers/index.js +2 -0
- package/src/helpers/useClickOutside.js +30 -0
- package/src/helpers/usePrevious.js +9 -0
- package/src/i18n.js +180 -0
- package/src/index.js +6 -0
- package/src/semantic.less +262 -0
- package/src/ui/Avatar/Avatar.jsx +32 -0
- package/src/ui/Avatar/Avatar.stories.jsx +61 -0
- package/src/ui/AvatarGrid/AvatarGrid.jsx +49 -0
- package/src/ui/AvatarGrid/AvatarGrid.stories.jsx +66 -0
- package/src/ui/Banner/Banner.jsx +59 -0
- package/src/ui/Banner/Banner.stories.jsx +121 -0
- package/src/ui/Blockquote/Blockquote.jsx +16 -0
- package/src/ui/Blockquote/Blockquote.stories.jsx +48 -0
- package/src/ui/Breadcrumbs/Breadcrumb.stories.jsx +76 -0
- package/src/ui/Breadcrumbs/Breadcrumbs.jsx +67 -0
- package/src/ui/Breadcrumbs/Breadcrumbs.stories.jsx +30 -0
- package/src/ui/Button/Button.stories.jsx +169 -0
- package/src/ui/Divider/Divider.jsx +7 -0
- package/src/ui/Footer/Contact.jsx +28 -0
- package/src/ui/Footer/Footer.jsx +52 -0
- package/src/ui/Footer/FooterActions.jsx +22 -0
- package/src/ui/Footer/FooterHeader.jsx +10 -0
- package/src/ui/Footer/FooterSites.jsx +33 -0
- package/src/ui/Footer/Social.jsx +25 -0
- package/src/ui/Footer/SubFooter.jsx +9 -0
- package/src/ui/FormFieldWrapper/FormFieldWrapper.jsx +51 -0
- package/src/ui/Header/Header.jsx +224 -0
- package/src/ui/Header/HeaderMenuPopUp.js +79 -0
- package/src/ui/Header/HeaderSearchPopUp.js +33 -0
- package/src/ui/InpageNavigation/InpageNavigation.jsx +61 -0
- package/src/ui/InpageNavigation/InpageNavigation.stories.jsx +166 -0
- package/src/ui/KeyContent/KeyContent.jsx +22 -0
- package/src/ui/KeyContent/KeyContent.stories.jsx +62 -0
- package/src/ui/Loader/Loader.stories.jsx +45 -0
- package/src/ui/Logo/Logo.jsx +31 -0
- package/src/ui/Popup/Popup.stories.jsx +97 -0
- package/src/ui/PublicationCard/PublicationCard.jsx +27 -0
- package/src/ui/PublicationCard/PublicationCard.stories.jsx +69 -0
- package/src/ui/Pullquote/Pullquote.jsx +44 -0
- package/src/ui/Pullquote/Pullquote.stories.jsx +101 -0
- package/src/ui/RelatedContent/RelatedContent.jsx +90 -0
- package/src/ui/RelatedContent/RelatedContent.stories.jsx +80 -0
- package/src/ui/Segment/Segment.stories.jsx +163 -0
- package/src/ui/Tag/Tag.jsx +13 -0
- package/src/ui/Tag/Tag.stories.jsx +21 -0
- package/src/ui/TagList/TagList.jsx +23 -0
- package/src/ui/TagList/TagList.stories.jsx +63 -0
- package/src/ui/Testimonial/Testimonial.jsx +53 -0
- package/src/ui/Testimonial/Testimonial.stories.jsx +51 -0
- package/src/ui/Timeline/Timeline.jsx +44 -0
- package/src/ui/Timeline/Timeline.stories.jsx +322 -0
- package/src/ui/index.js +31 -0
- package/templates/eea.hbs +50 -0
- package/theme/theme.config +122 -0
- package/theme/theme.less +64 -0
- package/theme/themes/eea/assets/images/EEA_Logo_Vertical.png +0 -0
- package/theme/themes/eea/assets/images/Footer/EEALogo.png +0 -0
- package/theme/themes/eea/assets/images/Footer/EULogo.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo1.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo10.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo2.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo3.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo4.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo5.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo6.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo7.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo8.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/Logo9.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Extras/abstract-visual.svg +32 -0
- package/theme/themes/eea/assets/images/Footer/Extras/footervisual.svg +1755 -0
- package/theme/themes/eea/assets/images/Footer/Vector1.png +0 -0
- package/theme/themes/eea/assets/images/Footer/Vector2.png +0 -0
- package/theme/themes/eea/assets/images/Header/EeaLogo.png +0 -0
- package/theme/themes/eea/assets/images/Header/Vector.png +0 -0
- package/theme/themes/eea/assets/images/Header/close-line.svg +1 -0
- package/theme/themes/eea/assets/images/Header/close.png +0 -0
- package/theme/themes/eea/assets/images/Header/down-arrow.png +0 -0
- package/theme/themes/eea/assets/images/Header/eea-logo.svg +14 -0
- package/theme/themes/eea/assets/images/Header/eea.png +0 -0
- package/theme/themes/eea/assets/images/Header/eeaIcon.png +0 -0
- package/theme/themes/eea/assets/images/Header/global-line.svg +1 -0
- package/theme/themes/eea/assets/images/Header/globeIcon.png +0 -0
- package/theme/themes/eea/assets/images/Header/hamburgerMenuIcon.png +0 -0
- package/theme/themes/eea/assets/images/Header/menu-left-arrow.svg +3 -0
- package/theme/themes/eea/assets/images/Header/menu-line.svg +1 -0
- package/theme/themes/eea/assets/images/Header/search-line.svg +1 -0
- package/theme/themes/eea/assets/images/Header/search.png +0 -0
- package/theme/themes/eea/assets/images/Header/searchIcon.png +0 -0
- package/theme/themes/eea/assets/images/arrow-down.svg +10 -0
- package/theme/themes/eea/assets/images/avatar.png +0 -0
- package/theme/themes/eea/assets/images/banner.png +0 -0
- package/theme/themes/eea/assets/images/eea-logo.png +0 -0
- package/theme/themes/eea/assets/images/eea_icon.png +0 -0
- package/theme/themes/eea/assets/images/europe-flag.svg +4 -0
- package/theme/themes/eea/assets/images/home-icon.svg +3 -0
- package/theme/themes/eea/assets/images/loaderImage.png +0 -0
- package/theme/themes/eea/assets/images/mega-menu-arrow.svg +3 -0
- package/theme/themes/eea/assets/logo/EEA-Logo-White-2.svg +9 -0
- package/theme/themes/eea/assets/logo/EEA-Logo-white.svg +9 -0
- package/theme/themes/eea/assets/logo/EIONETLogo.png +0 -0
- package/theme/themes/eea/assets/logo/bise.svg +47 -0
- package/theme/themes/eea/assets/logo/cca.svg +20 -0
- package/theme/themes/eea/assets/logo/copernicus.svg +62 -0
- package/theme/themes/eea/assets/logo/energy.svg +77 -0
- package/theme/themes/eea/assets/logo/fise.svg +37 -0
- package/theme/themes/eea/assets/logo/freshwater.svg +48 -0
- package/theme/themes/eea/assets/logo/industry.svg +40 -0
- package/theme/themes/eea/assets/logo/insitu.svg +43 -0
- package/theme/themes/eea/assets/logo/ipchem.svg +23 -0
- package/theme/themes/eea/assets/logo/marine.svg +63 -0
- package/theme/themes/eea/collections/breadcrumb.overrides +44 -0
- package/theme/themes/eea/collections/breadcrumb.variables +49 -0
- package/theme/themes/eea/collections/form.overrides +56 -0
- package/theme/themes/eea/collections/form.variables +211 -0
- package/theme/themes/eea/collections/grid.overrides +17 -0
- package/theme/themes/eea/collections/grid.variables +103 -0
- package/theme/themes/eea/collections/menu.overrides +84 -0
- package/theme/themes/eea/collections/menu.variables +471 -0
- package/theme/themes/eea/collections/message.overrides +34 -0
- package/theme/themes/eea/collections/message.variables +142 -0
- package/theme/themes/eea/collections/table.overrides +30 -0
- package/theme/themes/eea/collections/table.variables +249 -0
- package/theme/themes/eea/definitions/elements/icon.less +499 -0
- package/theme/themes/eea/elements/button.overrides +199 -0
- package/theme/themes/eea/elements/button.variables +405 -0
- package/theme/themes/eea/elements/container.overrides +98 -0
- package/theme/themes/eea/elements/container.variables +66 -0
- package/theme/themes/eea/elements/divider.overrides +17 -0
- package/theme/themes/eea/elements/divider.variables +53 -0
- package/theme/themes/eea/elements/flag.overrides +1235 -0
- package/theme/themes/eea/elements/flag.variables +13 -0
- package/theme/themes/eea/elements/header.overrides +205 -0
- package/theme/themes/eea/elements/header.variables +151 -0
- package/theme/themes/eea/elements/icon.overrides +5589 -0
- package/theme/themes/eea/elements/icon.variables +95 -0
- package/theme/themes/eea/elements/image.overrides +3 -0
- package/theme/themes/eea/elements/image.variables +44 -0
- package/theme/themes/eea/elements/input.overrides +83 -0
- package/theme/themes/eea/elements/input.variables +104 -0
- package/theme/themes/eea/elements/label.overrides +49 -0
- package/theme/themes/eea/elements/label.variables +267 -0
- package/theme/themes/eea/elements/list.overrides +28 -0
- package/theme/themes/eea/elements/list.variables +233 -0
- package/theme/themes/eea/elements/loader.overrides +3 -0
- package/theme/themes/eea/elements/loader.variables +73 -0
- package/theme/themes/eea/elements/placeholder.overrides +3 -0
- package/theme/themes/eea/elements/placeholder.variables +55 -0
- package/theme/themes/eea/elements/rail.overrides +3 -0
- package/theme/themes/eea/elements/rail.variables +34 -0
- package/theme/themes/eea/elements/reveal.overrides +3 -0
- package/theme/themes/eea/elements/reveal.variables +18 -0
- package/theme/themes/eea/elements/segment.overrides +8 -0
- package/theme/themes/eea/elements/segment.variables +154 -0
- package/theme/themes/eea/elements/step.overrides +18 -0
- package/theme/themes/eea/elements/step.variables +130 -0
- package/theme/themes/eea/extras/avatar.less +97 -0
- package/theme/themes/eea/extras/avatar.variables +34 -0
- package/theme/themes/eea/extras/avatarGrid.less +43 -0
- package/theme/themes/eea/extras/avatarGrid.variables +20 -0
- package/theme/themes/eea/extras/banner.less +213 -0
- package/theme/themes/eea/extras/banner.variables +77 -0
- package/theme/themes/eea/extras/blockquote.less +89 -0
- package/theme/themes/eea/extras/blockquote.variables +35 -0
- package/theme/themes/eea/extras/custom.overrides +0 -0
- package/theme/themes/eea/extras/custom.variables +0 -0
- package/theme/themes/eea/extras/divider.less +14 -0
- package/theme/themes/eea/extras/divider.variables +9 -0
- package/theme/themes/eea/extras/footer.less +273 -0
- package/theme/themes/eea/extras/footer.variables +109 -0
- package/theme/themes/eea/extras/header.less +691 -0
- package/theme/themes/eea/extras/header.variables +149 -0
- package/theme/themes/eea/extras/inpageNavigation.less +57 -0
- package/theme/themes/eea/extras/inpageNavigation.variables +30 -0
- package/theme/themes/eea/extras/keyContent.less +36 -0
- package/theme/themes/eea/extras/keyContent.variables +18 -0
- package/theme/themes/eea/extras/main.overrides +31 -0
- package/theme/themes/eea/extras/main.variables +33 -0
- package/theme/themes/eea/extras/publicationCard.less +62 -0
- package/theme/themes/eea/extras/publicationCard.variables +24 -0
- package/theme/themes/eea/extras/pullquote.less +76 -0
- package/theme/themes/eea/extras/pullquote.variables +34 -0
- package/theme/themes/eea/extras/select.overrides +0 -0
- package/theme/themes/eea/extras/select.variables +0 -0
- package/theme/themes/eea/extras/tag.less +37 -0
- package/theme/themes/eea/extras/tag.variables +22 -0
- package/theme/themes/eea/extras/tagList.less +50 -0
- package/theme/themes/eea/extras/tagList.variables +13 -0
- package/theme/themes/eea/extras/testimonial.less +28 -0
- package/theme/themes/eea/extras/testimonial.variables +13 -0
- package/theme/themes/eea/extras/timeline.less +114 -0
- package/theme/themes/eea/extras/timeline.variables +40 -0
- package/theme/themes/eea/globals/reset.overrides +454 -0
- package/theme/themes/eea/globals/reset.variables +6 -0
- package/theme/themes/eea/globals/site.overrides +27 -0
- package/theme/themes/eea/globals/site.variables +1135 -0
- package/theme/themes/eea/modules/accordion.overrides +83 -0
- package/theme/themes/eea/modules/accordion.variables +114 -0
- package/theme/themes/eea/modules/chatroom.overrides +3 -0
- package/theme/themes/eea/modules/chatroom.variables +3 -0
- package/theme/themes/eea/modules/checkbox.overrides +67 -0
- package/theme/themes/eea/modules/checkbox.variables +194 -0
- package/theme/themes/eea/modules/dimmer.overrides +3 -0
- package/theme/themes/eea/modules/dimmer.variables +58 -0
- package/theme/themes/eea/modules/dropdown.overrides +53 -0
- package/theme/themes/eea/modules/dropdown.variables +390 -0
- package/theme/themes/eea/modules/embed.overrides +3 -0
- package/theme/themes/eea/modules/embed.variables +53 -0
- package/theme/themes/eea/modules/modal.overrides +3 -0
- package/theme/themes/eea/modules/modal.variables +193 -0
- package/theme/themes/eea/modules/nag.overrides +3 -0
- package/theme/themes/eea/modules/nag.variables +74 -0
- package/theme/themes/eea/modules/popup.overrides +83 -0
- package/theme/themes/eea/modules/popup.variables +153 -0
- package/theme/themes/eea/modules/progress.overrides +3 -0
- package/theme/themes/eea/modules/progress.variables +113 -0
- package/theme/themes/eea/modules/rating.overrides +74 -0
- package/theme/themes/eea/modules/rating.variables +103 -0
- package/theme/themes/eea/modules/search.overrides +3 -0
- package/theme/themes/eea/modules/search.variables +163 -0
- package/theme/themes/eea/modules/shape.overrides +3 -0
- package/theme/themes/eea/modules/shape.variables +40 -0
- package/theme/themes/eea/modules/sidebar.overrides +3 -0
- package/theme/themes/eea/modules/sidebar.variables +45 -0
- package/theme/themes/eea/modules/sticky.overrides +3 -0
- package/theme/themes/eea/modules/sticky.variables +7 -0
- package/theme/themes/eea/modules/tab.overrides +13 -0
- package/theme/themes/eea/modules/tab.variables +17 -0
- package/theme/themes/eea/modules/transition.overrides +1087 -0
- package/theme/themes/eea/modules/transition.variables +10 -0
- package/theme/themes/eea/modules/video.overrides +3 -0
- package/theme/themes/eea/modules/video.variables +16 -0
- package/theme/themes/eea/views/ad.overrides +3 -0
- package/theme/themes/eea/views/ad.variables +13 -0
- package/theme/themes/eea/views/card.overrides +73 -0
- package/theme/themes/eea/views/card.variables +237 -0
- package/theme/themes/eea/views/comment.overrides +3 -0
- package/theme/themes/eea/views/comment.variables +98 -0
- package/theme/themes/eea/views/feed.overrides +3 -0
- package/theme/themes/eea/views/feed.variables +141 -0
- package/theme/themes/eea/views/item.overrides +8 -0
- package/theme/themes/eea/views/item.variables +157 -0
- package/theme/themes/eea/views/statistic.overrides +19 -0
- package/theme/themes/eea/views/statistic.variables +105 -0
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/*******************************
|
|
2
|
+
Nag
|
|
3
|
+
*******************************/
|
|
4
|
+
|
|
5
|
+
/*--------------
|
|
6
|
+
Collection
|
|
7
|
+
---------------*/
|
|
8
|
+
|
|
9
|
+
@position: relative;
|
|
10
|
+
@width: 100%;
|
|
11
|
+
@zIndex: 999;
|
|
12
|
+
@margin: 0em;
|
|
13
|
+
|
|
14
|
+
@background: #555555;
|
|
15
|
+
@opacity: 0.95;
|
|
16
|
+
@minHeight: 0em;
|
|
17
|
+
@padding: 0.75em 1em;
|
|
18
|
+
@lineHeight: 1em;
|
|
19
|
+
@boxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
|
|
20
|
+
|
|
21
|
+
@fontSize: 1rem;
|
|
22
|
+
@textAlign: center;
|
|
23
|
+
@color: @textColor;
|
|
24
|
+
|
|
25
|
+
@transition: 0.2s background ease;
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
/*--------------
|
|
29
|
+
Elements
|
|
30
|
+
---------------*/
|
|
31
|
+
|
|
32
|
+
/* Title */
|
|
33
|
+
@titleColor: @white;
|
|
34
|
+
@titleMargin: 0em 0.5em;
|
|
35
|
+
|
|
36
|
+
@closeSize: 1em;
|
|
37
|
+
@closeMargin: (-@closeSize / 2) 0em 0em;
|
|
38
|
+
@closeTop: 50%;
|
|
39
|
+
@closeRight: 1em;
|
|
40
|
+
@closeColor: @white;
|
|
41
|
+
@closeTransition: opacity 0.2s ease;
|
|
42
|
+
@closeOpacity: 0.4;
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
/*--------------
|
|
46
|
+
States
|
|
47
|
+
---------------*/
|
|
48
|
+
|
|
49
|
+
/* Hover */
|
|
50
|
+
@nagHoverBackground: @background;
|
|
51
|
+
@nagHoverOpacity: 1;
|
|
52
|
+
|
|
53
|
+
@closeHoverOpacity: 1;
|
|
54
|
+
|
|
55
|
+
/*--------------
|
|
56
|
+
Variations
|
|
57
|
+
---------------*/
|
|
58
|
+
|
|
59
|
+
/* Top / Bottom */
|
|
60
|
+
@top: 0em;
|
|
61
|
+
@bottom: 0em;
|
|
62
|
+
@borderRadius: @defaultBorderRadius;
|
|
63
|
+
@topBorderRadius: 0em 0em @borderRadius @borderRadius;
|
|
64
|
+
@bottomBorderRadius: @borderRadius @borderRadius 0em 0em;
|
|
65
|
+
|
|
66
|
+
/* Inverted */
|
|
67
|
+
@invertedBackground: @darkWhite;
|
|
68
|
+
|
|
69
|
+
/*--------------
|
|
70
|
+
Plural
|
|
71
|
+
---------------*/
|
|
72
|
+
|
|
73
|
+
@groupedBorderRadius: 0em;
|
|
74
|
+
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/*******************************
|
|
2
|
+
Theme Overrides
|
|
3
|
+
*******************************/
|
|
4
|
+
|
|
5
|
+
.ui.popup {
|
|
6
|
+
font-size: @tooltipFontSize;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ui.popup.high {
|
|
10
|
+
background-color: @highImportanceBackground;
|
|
11
|
+
color: @tooltipInvertedColor;
|
|
12
|
+
|
|
13
|
+
&::before {
|
|
14
|
+
background-color: @highImportanceBackground !important;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
a {
|
|
18
|
+
color: @tooltipInvertedColor;
|
|
19
|
+
text-decoration: @textDecoration;
|
|
20
|
+
|
|
21
|
+
&:hover {
|
|
22
|
+
text-decoration: @noTextDecoration;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.ui.popup.medium {
|
|
28
|
+
background-color: @mediumImportanceBackground;
|
|
29
|
+
color: @tooltipInvertedColor;
|
|
30
|
+
|
|
31
|
+
&::before {
|
|
32
|
+
background-color: @mediumImportanceBackground !important;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
a {
|
|
36
|
+
color: @tooltipInvertedColor;
|
|
37
|
+
text-decoration: @textDecoration;
|
|
38
|
+
|
|
39
|
+
&:hover {
|
|
40
|
+
text-decoration: @noTextDecoration;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.ui.popup.highlight {
|
|
46
|
+
background-color: @highlightImportanceBackground;
|
|
47
|
+
color: @tooltipInvertedColor;
|
|
48
|
+
|
|
49
|
+
&::before {
|
|
50
|
+
background-color: @highlightImportanceBackground !important;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
a {
|
|
54
|
+
color: @tooltipInvertedColor;
|
|
55
|
+
text-decoration: @textDecoration;
|
|
56
|
+
|
|
57
|
+
&:hover {
|
|
58
|
+
text-decoration: @noTextDecoration;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ui.popup.low {
|
|
64
|
+
background-color: @lowImportanceBackground;
|
|
65
|
+
color: @tooltipInvertedColor;
|
|
66
|
+
|
|
67
|
+
&::before {
|
|
68
|
+
background-color: @lowImportanceBackground !important;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
a {
|
|
72
|
+
color: @tooltipInvertedColor;
|
|
73
|
+
text-decoration: @textDecoration;
|
|
74
|
+
|
|
75
|
+
&:hover {
|
|
76
|
+
text-decoration: @noTextDecoration;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.with-popup {
|
|
82
|
+
cursor: @cursor;
|
|
83
|
+
}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
/*******************************
|
|
2
|
+
Popup
|
|
3
|
+
*******************************/
|
|
4
|
+
|
|
5
|
+
/*-------------------
|
|
6
|
+
Element
|
|
7
|
+
--------------------*/
|
|
8
|
+
|
|
9
|
+
@poppupPadings: @relative12px @relative30px;
|
|
10
|
+
|
|
11
|
+
@zIndex: 1900;
|
|
12
|
+
@background: @white;
|
|
13
|
+
|
|
14
|
+
@maxWidth: 250px;
|
|
15
|
+
@borderColor: @solidBorderColor;
|
|
16
|
+
@borderWidth: 1px;
|
|
17
|
+
@boxShadow: @eeaGlobalShadow;
|
|
18
|
+
@color: @textColor;
|
|
19
|
+
|
|
20
|
+
@verticalPadding: 0.75rem;
|
|
21
|
+
@horizontalPadding: 1.875rem;
|
|
22
|
+
@fontWeight: @normal;
|
|
23
|
+
@fontStyle: @normal;
|
|
24
|
+
@borderRadius: @defaultBorderRadius;
|
|
25
|
+
|
|
26
|
+
/*-------------------
|
|
27
|
+
Parts
|
|
28
|
+
--------------------*/
|
|
29
|
+
|
|
30
|
+
/* Placement */
|
|
31
|
+
@arrowSize: @relative10px;
|
|
32
|
+
@arrowWidth: 1em;
|
|
33
|
+
@arrowDistanceFromEdge: 1em;
|
|
34
|
+
@boxArrowOffset: 0em;
|
|
35
|
+
@popupDistanceAway: @arrowSize;
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
/* Header */
|
|
39
|
+
@headerFontFamily: @headerFont;
|
|
40
|
+
@headerFontWeight: @bold;
|
|
41
|
+
@headerFontSize: @relativeLarge;
|
|
42
|
+
@headerDistance: @relative7px;
|
|
43
|
+
@headerLineHeight: 1.2;
|
|
44
|
+
|
|
45
|
+
/* Content Border */
|
|
46
|
+
@border: @borderWidth solid @borderColor;
|
|
47
|
+
|
|
48
|
+
/* Arrow */
|
|
49
|
+
@arrowBackground: @white;
|
|
50
|
+
@arrowZIndex: 2;
|
|
51
|
+
@arrowJitter: 0.05em;
|
|
52
|
+
@arrowOffset: -(@arrowSize / 2) + @arrowJitter;
|
|
53
|
+
|
|
54
|
+
@arrowStroke: @borderWidth;
|
|
55
|
+
@arrowColor: darken(@borderColor, 10);
|
|
56
|
+
|
|
57
|
+
/* Arrow color by position */
|
|
58
|
+
@arrowTopBackground: @arrowBackground;
|
|
59
|
+
@arrowCenterBackground: @arrowBackground;
|
|
60
|
+
@arrowBottomBackground: @arrowBackground;
|
|
61
|
+
|
|
62
|
+
@arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor;
|
|
63
|
+
@leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor;
|
|
64
|
+
@rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor;
|
|
65
|
+
@bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor;
|
|
66
|
+
|
|
67
|
+
/*-------------------
|
|
68
|
+
Types
|
|
69
|
+
--------------------*/
|
|
70
|
+
|
|
71
|
+
/* Tooltip */
|
|
72
|
+
@tooltipBackground: @background;
|
|
73
|
+
@tooltipBorderRadius: @borderRadius;
|
|
74
|
+
@tooltipPadding: @verticalPadding @horizontalPadding;
|
|
75
|
+
@tooltipFontWeight: @fontWeight;
|
|
76
|
+
@tooltipFontStyle: @fontStyle;
|
|
77
|
+
@tooltipColor: @color;
|
|
78
|
+
@tooltipBorder: @border;
|
|
79
|
+
@tooltipBoxShadow: @boxShadow;
|
|
80
|
+
@tooltipMaxWidth: none;
|
|
81
|
+
@tooltipFontSize: @medium;
|
|
82
|
+
@tooltipLineHeight: @lineHeight;
|
|
83
|
+
@tooltipDistanceAway: @relative7px;
|
|
84
|
+
@tooltipZIndex: 1;
|
|
85
|
+
@tooltipDuration: @defaultDuration;
|
|
86
|
+
@tooltipEasing: @defaultEasing;
|
|
87
|
+
|
|
88
|
+
/* Inverted */
|
|
89
|
+
@tooltipInvertedBackground: @invertedBackground;
|
|
90
|
+
@tooltipInvertedColor: @invertedColor;
|
|
91
|
+
@tooltipInvertedBorder: @invertedBorder;
|
|
92
|
+
@tooltipInvertedBoxShadow: @invertedBoxShadow;
|
|
93
|
+
@tooltipInvertedHeaderBackground: @invertedHeaderBackground;
|
|
94
|
+
@tooltipInvertedHeaderColor: @invertedHeaderColor;
|
|
95
|
+
|
|
96
|
+
/* Arrow */
|
|
97
|
+
@tooltipArrowVerticalOffset: -@2px;
|
|
98
|
+
@tooltipArrowHorizontalOffset: -@1px;
|
|
99
|
+
@tooltipArrowBoxShadow: @arrowBoxShadow;
|
|
100
|
+
@tooltipArrowBackground: @arrowBackground;
|
|
101
|
+
@tooltipArrowTopBackground: @arrowTopBackground;
|
|
102
|
+
@tooltipArrowCenterBackground: @arrowCenterBackground;
|
|
103
|
+
@tooltipArrowBottomBackground: @arrowBottomBackground;
|
|
104
|
+
|
|
105
|
+
/* Link */
|
|
106
|
+
@textDecoration: underline;
|
|
107
|
+
@noTextDecoration: none;
|
|
108
|
+
@cursor: pointer;
|
|
109
|
+
|
|
110
|
+
/*-------------------
|
|
111
|
+
Coupling
|
|
112
|
+
--------------------*/
|
|
113
|
+
|
|
114
|
+
/* Grid Inside Popup */
|
|
115
|
+
@nestedGridMargin: -0.7rem -0.875rem; /* (padding * @medium) */
|
|
116
|
+
@nestedGridWidth: ~"calc(100% + 1.75rem)";
|
|
117
|
+
|
|
118
|
+
/*-------------------
|
|
119
|
+
States
|
|
120
|
+
--------------------*/
|
|
121
|
+
|
|
122
|
+
@loadingZIndex: -1;
|
|
123
|
+
|
|
124
|
+
/*-------------------
|
|
125
|
+
Variations
|
|
126
|
+
--------------------*/
|
|
127
|
+
|
|
128
|
+
/* Wide */
|
|
129
|
+
@wideWidth: 350px;
|
|
130
|
+
@veryWideWidth: 550px;
|
|
131
|
+
|
|
132
|
+
/* Inverted */
|
|
133
|
+
@invertedBackground: @black;
|
|
134
|
+
@invertedColor: @white;
|
|
135
|
+
@invertedBorder: none;
|
|
136
|
+
@invertedBoxShadow: none;
|
|
137
|
+
|
|
138
|
+
@invertedHeaderBackground: none;
|
|
139
|
+
@invertedHeaderColor: @white;
|
|
140
|
+
@invertedArrowColor: @invertedBackground;
|
|
141
|
+
|
|
142
|
+
/* Arrow color by position */
|
|
143
|
+
@invertedArrowTopBackground: @invertedBackground;
|
|
144
|
+
@invertedArrowCenterBackground: @invertedBackground;
|
|
145
|
+
@invertedArrowBottomBackground: @invertedBackground;
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
/* Colors */
|
|
149
|
+
@globalLabelColor: @white;
|
|
150
|
+
@lowImportanceBackground: @deepBlue;
|
|
151
|
+
@mediumImportanceBackground: #346F83;
|
|
152
|
+
@highImportanceBackground: #005293;
|
|
153
|
+
@highlightImportanceBackground: #009591;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
/*******************************
|
|
2
|
+
Progress
|
|
3
|
+
*******************************/
|
|
4
|
+
|
|
5
|
+
/*-------------------
|
|
6
|
+
Element
|
|
7
|
+
--------------------*/
|
|
8
|
+
|
|
9
|
+
@verticalSpacing: 1em;
|
|
10
|
+
@margin: @verticalSpacing 0em (@labelHeight + @verticalSpacing);
|
|
11
|
+
@firstMargin: 0em 0em (@labelHeight + @verticalSpacing);
|
|
12
|
+
@lastMargin: 0em 0em (@labelHeight);
|
|
13
|
+
|
|
14
|
+
@background: rgba(0,0,0,.1);
|
|
15
|
+
@border: none;
|
|
16
|
+
@boxShadow: none;
|
|
17
|
+
@padding: 0em;
|
|
18
|
+
@borderRadius: @defaultBorderRadius;
|
|
19
|
+
|
|
20
|
+
/* Bar */
|
|
21
|
+
@barPosition: relative;
|
|
22
|
+
@barHeight: 1.75em;
|
|
23
|
+
@barBackground: @secondaryColor;
|
|
24
|
+
@barBorderRadius: @defaultBorderRadius;
|
|
25
|
+
@barTransitionEasing: @defaultEasing;
|
|
26
|
+
@barTransitionDuration: @defaultDuration;
|
|
27
|
+
@barTransition:
|
|
28
|
+
width @barTransitionDuration @barTransitionEasing,
|
|
29
|
+
background-color @barTransitionDuration @barTransitionEasing
|
|
30
|
+
;
|
|
31
|
+
@barInitialWidth: 0%;
|
|
32
|
+
@barMinWidth: 2em;
|
|
33
|
+
|
|
34
|
+
/* Progress Bar Label */
|
|
35
|
+
@progressWidth: auto;
|
|
36
|
+
@progressSize: @relativeSmall;
|
|
37
|
+
@progressPosition: absolute;
|
|
38
|
+
@progressTop: 50%;
|
|
39
|
+
@progressRight: 0.5em;
|
|
40
|
+
@progressLeft: auto;
|
|
41
|
+
@progressBottom: auto;
|
|
42
|
+
@progressOffset: -0.5em;
|
|
43
|
+
@progressColor: @invertedLightTextColor;
|
|
44
|
+
@progressTextShadow: none;
|
|
45
|
+
@progressFontWeight: @bold;
|
|
46
|
+
@progressTextAlign: left;
|
|
47
|
+
|
|
48
|
+
/* Label */
|
|
49
|
+
@labelWidth: 100%;
|
|
50
|
+
@labelHeight: 1.5em;
|
|
51
|
+
@labelSize: 1em;
|
|
52
|
+
@labelPosition: absolute;
|
|
53
|
+
@labelTop: 100%;
|
|
54
|
+
@labelLeft: 0%;
|
|
55
|
+
@labelRight: auto;
|
|
56
|
+
@labelBottom: auto;
|
|
57
|
+
@labelOffset: (@labelHeight - 1.3em);
|
|
58
|
+
@labelColor: @textColor;
|
|
59
|
+
@labelTextShadow: none;
|
|
60
|
+
@labelFontWeight: @bold;
|
|
61
|
+
@labelTextAlign: center;
|
|
62
|
+
@labelTransition: color 0.4s @defaultEasing;
|
|
63
|
+
|
|
64
|
+
/*-------------------
|
|
65
|
+
Types
|
|
66
|
+
--------------------*/
|
|
67
|
+
|
|
68
|
+
@indicatingFirstColor: @progressBarFrom0to30;
|
|
69
|
+
@indicatingSecondColor: @progressBarFrom30to40;
|
|
70
|
+
@indicatingThirdColor: @progressBarFrom40to60;
|
|
71
|
+
@indicatingFourthColor: @progressBarFrom60to70;
|
|
72
|
+
@indicatingFifthColor: @progressBarFrom70to90;
|
|
73
|
+
@indicatingSixthColor: @progressBarFrom90to100;
|
|
74
|
+
|
|
75
|
+
@indicatingFirstLabelColor: @textColor;
|
|
76
|
+
@indicatingSecondLabelColor: @textColor;
|
|
77
|
+
@indicatingThirdLabelColor: @textColor;
|
|
78
|
+
@indicatingFourthLabelColor: @textColor;
|
|
79
|
+
@indicatingFifthLabelColor: @textColor;
|
|
80
|
+
@indicatingSixthLabelColor: @textColor;
|
|
81
|
+
|
|
82
|
+
/*-------------------
|
|
83
|
+
States
|
|
84
|
+
--------------------*/
|
|
85
|
+
|
|
86
|
+
/* Active */
|
|
87
|
+
@activePulseColor: @white;
|
|
88
|
+
@activePulseMaxOpacity: 0.3;
|
|
89
|
+
@activePulseDuration: 2s;
|
|
90
|
+
@activeMinWidth: @barMinWidth;
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
/*-------------------
|
|
94
|
+
Variations
|
|
95
|
+
--------------------*/
|
|
96
|
+
|
|
97
|
+
/* Attached */
|
|
98
|
+
@attachedBackground: transparent;
|
|
99
|
+
@attachedHeight: 0.2rem;
|
|
100
|
+
@attachedBorderRadius: @borderRadius;
|
|
101
|
+
|
|
102
|
+
/* Inverted */
|
|
103
|
+
@invertedBackground: @transparentWhite;
|
|
104
|
+
@invertedBorder: none;
|
|
105
|
+
@invertedBarBackground: @barBackground;
|
|
106
|
+
@invertedProgressColor: @offWhite;
|
|
107
|
+
@invertedLabelColor: @white;
|
|
108
|
+
|
|
109
|
+
/* Sizing */
|
|
110
|
+
@tinyBarHeight: 0.5em;
|
|
111
|
+
@smallBarHeight: 1em;
|
|
112
|
+
@largeBarHeight: 2.5em;
|
|
113
|
+
@bigBarHeight: 3.5em;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/*******************************
|
|
2
|
+
Theme Overrides
|
|
3
|
+
*******************************/
|
|
4
|
+
|
|
5
|
+
@font-face {
|
|
6
|
+
font-display: swap;
|
|
7
|
+
font-family: 'Rating';
|
|
8
|
+
font-style: normal;
|
|
9
|
+
font-weight: normal;
|
|
10
|
+
src: url(data:application/x-font-ttf;charset=utf-8;base64,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)
|
|
11
|
+
format('truetype'),
|
|
12
|
+
url(data:application/font-woff;charset=utf-8;base64,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kIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOE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)
|
|
13
|
+
format('woff');
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ui.rating .icon {
|
|
17
|
+
backface-visibility: hidden;
|
|
18
|
+
font-family: 'Rating';
|
|
19
|
+
font-style: normal;
|
|
20
|
+
font-weight: normal;
|
|
21
|
+
line-height: 1;
|
|
22
|
+
text-align: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Empty Star */
|
|
26
|
+
.ui.rating .icon:before {
|
|
27
|
+
content: '\f005';
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* Active Star */
|
|
31
|
+
.ui.rating .active.icon:before {
|
|
32
|
+
content: '\f005';
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/*-------------------
|
|
36
|
+
Star
|
|
37
|
+
--------------------*/
|
|
38
|
+
|
|
39
|
+
/* Unfilled Star */
|
|
40
|
+
.ui.star.rating .icon:before {
|
|
41
|
+
content: '\f005';
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* Active Star */
|
|
45
|
+
.ui.star.rating .active.icon:before {
|
|
46
|
+
content: '\f005';
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* Partial */
|
|
50
|
+
.ui.star.rating .partial.icon:before {
|
|
51
|
+
content: '\f006';
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.ui.star.rating .partial.icon {
|
|
55
|
+
content: '\f005';
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/*-------------------
|
|
59
|
+
Heart
|
|
60
|
+
--------------------*/
|
|
61
|
+
|
|
62
|
+
/* Empty Heart
|
|
63
|
+
.ui.heart.rating .icon:before {
|
|
64
|
+
content: '\f08a';
|
|
65
|
+
}
|
|
66
|
+
*/
|
|
67
|
+
.ui.heart.rating .icon:before {
|
|
68
|
+
content: '\f004';
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* Active */
|
|
72
|
+
.ui.heart.rating .active.icon:before {
|
|
73
|
+
content: '\f004';
|
|
74
|
+
}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
/*******************************
|
|
2
|
+
Rating
|
|
3
|
+
*******************************/
|
|
4
|
+
|
|
5
|
+
@margin: 0em @relativeMini;
|
|
6
|
+
@whiteSpace: nowrap;
|
|
7
|
+
@verticalAlign: baseline;
|
|
8
|
+
|
|
9
|
+
@iconCursor: pointer;
|
|
10
|
+
@iconWidth: 1.25em;
|
|
11
|
+
@iconHeight: auto;
|
|
12
|
+
@iconTransition:
|
|
13
|
+
opacity @defaultDuration @defaultEasing,
|
|
14
|
+
background @defaultDuration @defaultEasing,
|
|
15
|
+
text-shadow @defaultDuration @defaultEasing,
|
|
16
|
+
color @defaultDuration @defaultEasing
|
|
17
|
+
;
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
/*-------------------
|
|
21
|
+
Types
|
|
22
|
+
--------------------*/
|
|
23
|
+
|
|
24
|
+
/* Standard */
|
|
25
|
+
@inactiveBackground: transparent;
|
|
26
|
+
@inactiveColor: rgba(0, 0, 0, 0.15);
|
|
27
|
+
|
|
28
|
+
@selectedBackground: @inactiveBackground;
|
|
29
|
+
@selectedColor: @textColor;
|
|
30
|
+
|
|
31
|
+
@activeBackground: @inactiveBackground;
|
|
32
|
+
@activeColor: @darkTextColor;
|
|
33
|
+
|
|
34
|
+
/* Star */
|
|
35
|
+
@starIconWidth: @iconWidth;
|
|
36
|
+
@starIconHeight: @iconHeight;
|
|
37
|
+
@starShadowWidth: 1px;
|
|
38
|
+
|
|
39
|
+
@starInactiveBackground: @inactiveBackground;
|
|
40
|
+
@starInactiveColor: @inactiveColor;
|
|
41
|
+
@starInactiveTextShadow: none;
|
|
42
|
+
|
|
43
|
+
@starActiveBackground: @activeBackground;
|
|
44
|
+
@starActiveColor: #FFE623;
|
|
45
|
+
@starActiveShadowColor: #DDC507;
|
|
46
|
+
@starActiveTextShadow:
|
|
47
|
+
0px -@starShadowWidth 0px @starActiveShadowColor,
|
|
48
|
+
-@starShadowWidth 0px 0px @starActiveShadowColor,
|
|
49
|
+
0px @starShadowWidth 0px @starActiveShadowColor,
|
|
50
|
+
@starShadowWidth 0px 0px @starActiveShadowColor
|
|
51
|
+
;
|
|
52
|
+
|
|
53
|
+
@starSelectedBackground: @selectedBackground;
|
|
54
|
+
@starSelectedColor: #FFCC00;
|
|
55
|
+
@starSelectedShadowColor: #E6A200;
|
|
56
|
+
@starSelectedTextShadow:
|
|
57
|
+
0px -@starShadowWidth 0px @starSelectedShadowColor,
|
|
58
|
+
-@starShadowWidth 0px 0px @starSelectedShadowColor,
|
|
59
|
+
0px @starShadowWidth 0px @starSelectedShadowColor,
|
|
60
|
+
@starShadowWidth 0px 0px @starSelectedShadowColor
|
|
61
|
+
;
|
|
62
|
+
|
|
63
|
+
/* Heart */
|
|
64
|
+
@heartIconWidth: 1.4em;
|
|
65
|
+
@heartIconHeight: @iconHeight;
|
|
66
|
+
@heartShadowWidth: 1px;
|
|
67
|
+
|
|
68
|
+
@heartInactiveBackground: @inactiveBackground;
|
|
69
|
+
@heartInactiveColor: @inactiveColor;
|
|
70
|
+
@heartInactiveTextShadow: none;
|
|
71
|
+
|
|
72
|
+
@heartActiveBackground: @activeBackground;
|
|
73
|
+
@heartActiveColor: #FF6D75;
|
|
74
|
+
@heartActiveShadowColor: #CD0707;
|
|
75
|
+
@heartActiveTextShadow:
|
|
76
|
+
0px -@heartShadowWidth 0px @heartActiveShadowColor,
|
|
77
|
+
-@heartShadowWidth 0px 0px @heartActiveShadowColor,
|
|
78
|
+
0px @heartShadowWidth 0px @heartActiveShadowColor,
|
|
79
|
+
@heartShadowWidth 0px 0px @heartActiveShadowColor
|
|
80
|
+
;
|
|
81
|
+
|
|
82
|
+
@heartSelectedBackground: @selectedBackground;
|
|
83
|
+
@heartSelectedColor: #FF3000;
|
|
84
|
+
@heartSelectedShadowColor: #AA0101;
|
|
85
|
+
@heartSelectedTextShadow:
|
|
86
|
+
0px -@heartShadowWidth 0px @heartSelectedShadowColor,
|
|
87
|
+
-@heartShadowWidth 0px 0px @heartSelectedShadowColor,
|
|
88
|
+
0px @heartShadowWidth 0px @heartSelectedShadowColor,
|
|
89
|
+
@heartShadowWidth 0px 0px @heartSelectedShadowColor
|
|
90
|
+
;
|
|
91
|
+
|
|
92
|
+
/*-------------------
|
|
93
|
+
States
|
|
94
|
+
--------------------*/
|
|
95
|
+
|
|
96
|
+
@interactiveActiveIconOpacity: 1;
|
|
97
|
+
@interactiveSelectedIconOpacity: 1;
|
|
98
|
+
|
|
99
|
+
/*-------------------
|
|
100
|
+
Variations
|
|
101
|
+
--------------------*/
|
|
102
|
+
|
|
103
|
+
@massive: 2rem;
|