@internetstiftelsen/styleguide 4.1.13 → 5.0.0
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/package.json +18 -18
- package/src/app.scss +85 -88
- package/src/atoms/archive-link/archive-link.scss +24 -17
- package/src/atoms/button/_button.scss +209 -203
- package/src/atoms/checkbox/_checkbox.scss +33 -26
- package/src/atoms/file/_file.scss +23 -13
- package/src/atoms/grid-toggle/_grid-toggle.scss +11 -6
- package/src/atoms/height-limiter/_height-limiter.scss +21 -14
- package/src/atoms/input/_input.scss +23 -16
- package/src/atoms/label/label.scss +11 -5
- package/src/atoms/logotype/_logotype.scss +3 -2
- package/src/atoms/main-menu/_main-menu.scss +67 -60
- package/src/atoms/meta/_meta.scss +44 -33
- package/src/atoms/meta/meta.config.js +1 -1
- package/src/atoms/paging/_paging.scss +27 -21
- package/src/atoms/password-toggle/_password-toggle.scss +9 -6
- package/src/atoms/progress/_progress.scss +19 -11
- package/src/atoms/quote/_quote.scss +17 -10
- package/src/atoms/radiobutton/_radiobutton.scss +33 -26
- package/src/atoms/range/_range.scss +46 -39
- package/src/atoms/rating/_rating.scss +11 -4
- package/src/atoms/ribbon/_ribbon.scss +16 -9
- package/src/atoms/select/_select.scss +18 -10
- package/src/atoms/skip/_skip.scss +9 -6
- package/src/atoms/spinner/_spinner.scss +4 -3
- package/src/atoms/tag/_tag.scss +26 -19
- package/src/atoms/textarea/_textarea.scss +22 -13
- package/src/atoms/tooltip/_tooltip.scss +28 -21
- package/src/base/_grid.scss +4 -4
- package/src/base/_normalize.scss +29 -27
- package/src/base/fonts/_fonts.scss +1 -1
- package/src/components.js +0 -2
- package/src/configurations/_bem.scss +10 -7
- package/src/configurations/_config.scss +11 -10
- package/src/configurations/_extends.scss +38 -34
- package/src/configurations/_functions.scss +23 -7
- package/src/configurations/_mixins.scss +23 -19
- package/src/configurations/_recaptcha.scss +2 -2
- package/src/configurations/_variables.scss +19 -25
- package/src/configurations/_wordpress.scss +64 -57
- package/src/configurations/colors/_background-colors.scss +3 -2
- package/src/configurations/colors/_colors-functions.scss +41 -39
- package/src/configurations/colors/_colors.scss +1 -1
- package/src/configurations/colors/_text-colors.scss +3 -2
- package/src/configurations/colors/_wordpress-colors.scss +3 -2
- package/src/configurations/forms/_fields.scss +28 -23
- package/src/configurations/grid/_grid.scss +33 -28
- package/src/configurations/typography/_typography.scss +113 -105
- package/src/configurations/typography/readme.md +1 -1
- package/src/globals.scss +16 -18
- package/src/isolated-footer.scss +25 -25
- package/src/molecules/alert/_alert.scss +44 -35
- package/src/molecules/breadcrumb/_breadcrumb.scss +43 -35
- package/src/molecules/byline/_byline.scss +30 -21
- package/src/molecules/card/_card.scss +87 -77
- package/src/molecules/context-menu/_context-menu.scss +32 -15
- package/src/molecules/continue-video-guide/continue-video-guide.scss +37 -28
- package/src/molecules/cookie-disclaimer/cookie-disclaimer.scss +32 -23
- package/src/molecules/download/_download.scss +38 -30
- package/src/molecules/form-control/_form-control.scss +66 -58
- package/src/molecules/glider/_glider-course.scss +29 -23
- package/src/molecules/glider/_glider-hero.scss +112 -104
- package/src/molecules/glider/_glider.scss +36 -30
- package/src/molecules/icon-overlay/_icon-overlay.scss +29 -20
- package/src/molecules/info-box/_info-box.scss +31 -22
- package/src/molecules/input-group/_input-group.scss +23 -13
- package/src/molecules/modal/_modal.scss +77 -65
- package/src/molecules/multi-select/_multi-select.scss +44 -33
- package/src/molecules/natural-language-form/_natural-language-form.scss +33 -23
- package/src/molecules/overview-navigation/_overview-navigation.scss +54 -45
- package/src/molecules/readspeaker/_readspeaker.scss +1 -1
- package/src/molecules/share/_share.scss +23 -15
- package/src/molecules/submenu/_submenu.scss +77 -69
- package/src/molecules/system-error/_system-error.scss +26 -17
- package/src/molecules/table/_table.scss +50 -42
- package/src/molecules/teaser-news-list/_teaser-news-list.scss +21 -12
- package/src/organisms/accordion/_accordion.scss +59 -49
- package/src/organisms/domain-search/_domain-search.scss +54 -45
- package/src/organisms/event-listing-item/_event-listing-item.scss +36 -26
- package/src/organisms/features-box/_features-box.scss +30 -19
- package/src/organisms/filter/_filter.scss +15 -10
- package/src/organisms/footer/_footer.scss +119 -109
- package/src/organisms/header/_header.scss +24 -14
- package/src/organisms/hero/_hero--bbk.scss +50 -38
- package/src/organisms/hero/_hero--dynamic-headline.scss +49 -39
- package/src/organisms/hero/_hero.scss +222 -207
- package/src/organisms/hero/hero.config.js +2 -2
- package/src/organisms/mailchimp/_mailchimp.scss +52 -42
- package/src/organisms/mega-menu/_mega-menu.scss +55 -45
- package/src/organisms/members-service-product/_members-service-product.scss +29 -18
- package/src/organisms/members-service-product/members-service-product.config.js +5 -5
- package/src/organisms/podcast/_podcast-episodes.scss +85 -75
- package/src/organisms/podcast/_podcast-player.scss +73 -64
- package/src/organisms/schedule/_schedule.scss +92 -82
- package/src/organisms/search/_search.scss +68 -58
- package/src/organisms/search-result/_search-result.scss +50 -40
- package/src/organisms/sections/_sections.scss +41 -31
- package/src/organisms/tabs/_tabs.scss +58 -46
- package/src/organisms/timeline/_timeline.scss +92 -81
- package/src/organisms/video-guide/_video-guide.scss +148 -138
- package/src/pages/animate-footer/animate-footer.config.js +180 -1
- package/src/print.scss +1 -1
- package/src/structures/_article.scss +39 -28
- package/src/structures/_core-values.scss +14 -2
- package/src/structures/_manifest.scss +4 -4
- package/src/structures/_section.scss +32 -20
- package/src/structures/_site.scss +19 -7
- package/src/theme/_dark-mode.scss +14 -13
- package/src/theme/_theme.scss +28 -25
- package/src/utilities/_align.scss +1 -1
- package/src/utilities/_border.scss +5 -3
- package/src/utilities/_box-shadow.scss +5 -2
- package/src/utilities/_display.scss +1 -1
- package/src/utilities/_fill.scss +5 -4
- package/src/utilities/_flex.scss +1 -1
- package/src/utilities/_font-size.scss +6 -5
- package/src/utilities/_fonts.scss +6 -5
- package/src/utilities/_gutter.scss +3 -2
- package/src/utilities/_hide.scss +17 -15
- package/src/utilities/_icons.scss +37 -33
- package/src/utilities/_indent.scss +8 -6
- package/src/utilities/_links.scss +22 -18
- package/src/utilities/_lists.scss +19 -14
- package/src/utilities/_manifest.scss +27 -27
- package/src/utilities/_margin.scss +20 -17
- package/src/utilities/_misc.scss +3 -2
- package/src/utilities/_padding.scss +18 -15
- package/src/utilities/_position.scss +3 -2
- package/src/utilities/_show.scss +7 -6
- package/src/utilities/_text.scss +1 -1
- package/src/utilities/_vertical-align.scss +1 -1
- package/src/utilities/_wrap.scss +1 -1
- package/src/utilities/_z-index.scss +7 -6
- package/src/utilities/tab-highlighting/_tab-highlighting.scss +6 -5
- package/src/vendor/baseline/_plumber.scss +14 -13
- package/src/vendor/grid/_breakpoints.scss +17 -13
- package/src/vendor/grid/_flex.scss +8 -4
- package/src/vendor/grid/_functions.scss +9 -6
- package/src/vendor/grid/_grid-framework.scss +14 -9
- package/src/vendor/grid/_grid.scss +19 -16
- package/src/vendor/grid/_spacing.scss +8 -3
- package/src/atoms/toggle-high-contrast/readme.md +0 -6
- package/src/atoms/toggle-high-contrast/toggle-high-contrast.config.js +0 -8
- package/src/atoms/toggle-high-contrast/toggle-high-contrast.js +0 -10
- package/src/molecules/modal/modal-graph.js +0 -40
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Close overlay on graph modal
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
const graphModals = document.querySelectorAll('.js-modal-graph');
|
|
6
|
-
const graphModalButtons = document.querySelectorAll('.js-modal-graph-button');
|
|
7
|
-
|
|
8
|
-
const addMultipleListeners = (el, types, listener, options, useCapture) => {
|
|
9
|
-
types.forEach((type) => el.addEventListener(type, listener, options, useCapture));
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
function closeOverlay(graphModalButton) {
|
|
13
|
-
// Close overlay button on 'click' on itself
|
|
14
|
-
graphModalButton.addEventListener('click', () => {
|
|
15
|
-
graphModalButton.classList.add('is-hidden');
|
|
16
|
-
graphModalButton.blur();
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
[].forEach.call(graphModals, (graphModal) => {
|
|
20
|
-
const closeButton = graphModal.querySelector('.js-toggle-modal');
|
|
21
|
-
|
|
22
|
-
closeButton.addEventListener('click', () => {
|
|
23
|
-
graphModalButton.classList.remove('is-hidden');
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
// Close overlay button on 'wheel', 'scroll', 'touchstart' on modal container
|
|
27
|
-
addMultipleListeners(
|
|
28
|
-
graphModal,
|
|
29
|
-
['wheel', 'scroll', 'touchstart'],
|
|
30
|
-
() => {
|
|
31
|
-
graphModalButton.classList.add('is-hidden');
|
|
32
|
-
console.log('fire!');
|
|
33
|
-
},
|
|
34
|
-
);
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
if (graphModalButtons && graphModals) {
|
|
39
|
-
[].forEach.call(graphModalButtons, closeOverlay);
|
|
40
|
-
}
|