From 33d2b328313d9027c2938178ba8502d3d72c9478 Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Tue, 7 Jul 2026 12:10:24 +0200 Subject: [PATCH] import instead of use --- .../stories/_global/gfi-styles/_magazine.scss | 2 +- .../_global/gfi-styles/_verteiler.scss | 2 +- .../stories/_global/gfi-styles/_video.scss | 2 +- .../stories/_global/styles/_svg-vars.scss | 4 +-- gfi-ihk-2024/stories/_global/styles/grid.scss | 2 +- .../_global/styles/pictograms-mapper.scss | 2 +- .../stories/_global/styles/themes.scss | 32 +++++++++---------- .../stories/_global/styles/typography.scss | 2 +- gfi-ihk-2024/stories/atoms/badge/badge.scss | 4 +-- gfi-ihk-2024/stories/atoms/button/button.scss | 4 +-- .../atoms/event-teaser/event-teaser.scss | 4 +-- .../input-checkbox-radio.scss | 4 +-- .../atoms/input-select/input-select.scss | 6 ++-- .../stories/atoms/input-text/input-text.scss | 4 +-- .../atoms/interview-item/interview-item.scss | 4 +-- .../stories/atoms/pagination/pagination.scss | 4 +-- .../atoms/progress-bar/progress-bar.scss | 4 +-- .../atoms/reading-time/rading-time.scss | 4 +-- .../atoms/search-button/search-button.scss | 4 +-- .../atoms/search-input/search-input.scss | 4 +-- .../atoms/secondary-menu/secondary-menu.scss | 4 +-- .../atoms/skip-button/skip-button.scss | 4 +-- .../atoms/slider-tabs/slider-tabs.scss | 4 +-- .../atoms/social-icons/social-icons.scss | 4 +-- gfi-ihk-2024/stories/atoms/tabs/tabs.scss | 4 +-- gfi-ihk-2024/stories/components/a-z/a-z.scss | 6 ++-- .../components/accordion/accordion.scss | 4 +-- .../components/anchor-links/anchor-links.scss | 4 +-- .../stories/components/artwork/artwork.scss | 4 +-- .../stories/components/card/card.scss | 4 +-- .../checkbox-group/checkbox-group.scss | 4 +-- .../commonContent-article.scss | 4 +-- .../common-content/commonContent.scss | 4 +-- .../stories/components/contact/contact.scss | 4 +-- .../document-list/document-list.scss | 4 +-- .../election-form/election-form.scss | 4 +-- .../election-result-list-badge.scss | 4 +-- .../election-result-list-item.scss | 4 +-- .../event-teaser-large.scss | 4 +-- .../stories/components/footer/footer.scss | 4 +-- .../form-element-form-centric.scss | 4 +-- .../stories/components/gallery/gallery.scss | 4 +-- .../global-message/global-message.scss | 4 +-- .../header-search/header-search.scss | 4 +-- .../stories/components/header/header.scss | 4 +-- .../components/howto-list/howto-list.scss | 4 +-- .../components/ihk-switch/ihk-switch.scss | 4 +-- .../components/image-text/image-text.scss | 4 +-- .../stories/components/infobox/infobox.scss | 4 +-- .../stories/components/linklist/linklist.scss | 4 +-- .../stories/components/login/login.scss | 4 +-- .../components/logo-wall/logo-wall.scss | 4 +-- .../magazine-article/magazine-article.scss | 4 +-- .../magazine-cover/magazine-cover.scss | 4 +-- .../magazine-header/magazine-header.scss | 4 +-- .../components/mini-teaser/miniteaser.scss | 4 +-- gfi-ihk-2024/stories/components/nav/nav.scss | 4 +-- .../newsletter-teaser/newsletter-teaser.scss | 2 +- .../components/page-details/page-details.scss | 4 +-- .../participation-list-item.scss | 4 +-- .../participation-teaser.scss | 4 +-- .../components/print-share/print-share.scss | 4 +-- .../components/search-form/search-form.scss | 4 +-- .../search-results/search-results.scss | 4 +-- .../stories/components/steps/steps.scss | 4 +-- .../superlist-entry/superlist-entry.scss | 6 ++-- .../teaser-social/teaser-social.scss | 4 +-- .../stories/components/teaser/teaser.scss | 4 +-- .../components/testimonial/testimonial.scss | 4 +-- .../text-with-headline.scss | 2 +- .../components/topic-teaser/topic-teaser.scss | 4 +-- .../stories/components/video/video.scss | 4 +-- .../sections/card-slider/card-slider.scss | 6 ++-- .../election-detail/election-detail.scss | 6 ++-- .../election-result-list.scss | 4 +-- .../eventteaserlargeslider.scss | 8 ++--- .../event-teasers-large.scss | 4 +-- .../eventoverview-stage.scss | 4 +-- .../stories/sections/events/events.scss | 4 +-- .../stories/sections/feature/feature.scss | 4 +-- .../sections/infobanner/infobanner.scss | 4 +-- .../stories/sections/interview/interview.scss | 4 +-- .../stories/sections/intro/intro.scss | 4 +-- .../marketingheader/marketingheader.scss | 4 +-- .../participation-map/participation-map.scss | 4 +-- .../participation-stage.scss | 4 +-- .../participation-teasers.scss | 4 +-- .../sections/quick-facts/quick-facts.scss | 6 ++-- .../stories/sections/search/search.scss | 4 +-- .../stories/sections/slider/slider.scss | 4 +-- .../stories/sections/social/social.scss | 4 +-- .../stories/sections/superlist/superlist.scss | 4 +-- .../stories/sections/survey/survey.scss | 4 +-- .../stories/sections/teasers/teasers.scss | 4 +-- .../tile-grid-wood/tile-grid-wood.scss | 4 +-- .../stories/sections/tile-grid/tile-grid.scss | 4 +-- .../stories/sections/timeline/timeline.scss | 4 +-- .../sections/video-stage/video-stage.scss | 4 +-- 98 files changed, 209 insertions(+), 211 deletions(-) diff --git a/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss b/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss index d436015..8e4a7ce 100644 --- a/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss +++ b/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss @@ -3,7 +3,7 @@ //@import "../../variables/variables"; //@import "../components/mixins"; -@use "../styles/mixins" as *; +@import "../styles/mixins"; .magazine-article { diff --git a/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss b/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss index 5ad9001..c2857f9 100644 --- a/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss +++ b/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss @@ -1,4 +1,4 @@ -@use "ihk-finder-form" as *; +@import "ihk-finder-form"; .ihk-landing { overflow: hidden; diff --git a/gfi-ihk-2024/stories/_global/gfi-styles/_video.scss b/gfi-ihk-2024/stories/_global/gfi-styles/_video.scss index 7fd9521..140ee15 100644 --- a/gfi-ihk-2024/stories/_global/gfi-styles/_video.scss +++ b/gfi-ihk-2024/stories/_global/gfi-styles/_video.scss @@ -1,4 +1,4 @@ -@use '../../_global/styles/mixins' as *; +@import '../../_global/styles/mixins'; .video-box { position: relative; diff --git a/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss b/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss index 379b300..829bf5c 100644 --- a/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss +++ b/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss @@ -1,7 +1,5 @@ -@use 'sass:string'; - @function encode-color($color) { - @return '%23' + string.slice('#{$color}', 2); + @return '%23' + str-slice('#{$color}', 2); } $svg-color: #003366; // = --swatches-primary-500 im standard theme diff --git a/gfi-ihk-2024/stories/_global/styles/grid.scss b/gfi-ihk-2024/stories/_global/styles/grid.scss index b4d0a65..ab234d3 100644 --- a/gfi-ihk-2024/stories/_global/styles/grid.scss +++ b/gfi-ihk-2024/stories/_global/styles/grid.scss @@ -1,4 +1,4 @@ -@use './mixins' as *; +@import './mixins'; .page-wrapper { display: block; diff --git a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss index 7411a6e..de084dd 100644 --- a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss +++ b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss @@ -1,4 +1,4 @@ -@use 'mixins' as *; +@import 'mixins'; .pictogram-topic-aeskulapstab:before { @include pictogram-aeskulapstab; } .pictogram-topic-anker:before { @include pictogram-anker; } diff --git a/gfi-ihk-2024/stories/_global/styles/themes.scss b/gfi-ihk-2024/stories/_global/styles/themes.scss index 76778cf..4dfd5ae 100644 --- a/gfi-ihk-2024/stories/_global/styles/themes.scss +++ b/gfi-ihk-2024/stories/_global/styles/themes.scss @@ -1,19 +1,19 @@ // All themes registered in `themes.config.js` must be imported here so their // `[data-theme="..."]` rules are present in the bundle and can be switched at // runtime by toggling the `data-theme` attribute on (see preview.js). -@use '../../_global/styles/theme-standard' as *; -@use '../../_global/styles/theme-digitalblue' as *; -@use '../../_global/styles/theme-colorvariant-10' as *; -@use '../../_global/styles/theme-colorvariant-11' as *; -@use '../../_global/styles/theme-colorvariant-12' as *; -@use '../../_global/styles/theme-colorvariant-13' as *; -@use '../../_global/styles/theme-colorvariant-14' as *; -@use '../../_global/styles/theme-colorvariant-02' as *; -@use '../../_global/styles/theme-colorvariant-03' as *; -@use '../../_global/styles/theme-colorvariant-04' as *; -@use '../../_global/styles/theme-colorvariant-05' as *; -@use '../../_global/styles/theme-colorvariant-06' as *; -//@use '../../_global/styles/theme-colorvariant-07' as *; -//@use '../../_global/styles/theme-colorvariant-08' as *; -@use '../../_global/styles/theme-colorvariant-09' as *; -@use '../../_global/styles/theme-colorvariant-15' as *; +@import '../../_global/styles/theme-standard'; +@import '../../_global/styles/theme-digitalblue'; +@import '../../_global/styles/theme-colorvariant-10'; +@import '../../_global/styles/theme-colorvariant-11'; +@import '../../_global/styles/theme-colorvariant-12'; +@import '../../_global/styles/theme-colorvariant-13'; +@import '../../_global/styles/theme-colorvariant-14'; +@import '../../_global/styles/theme-colorvariant-02'; +@import '../../_global/styles/theme-colorvariant-03'; +@import '../../_global/styles/theme-colorvariant-04'; +@import '../../_global/styles/theme-colorvariant-05'; +@import '../../_global/styles/theme-colorvariant-06'; +//@import '../../_global/styles/theme-colorvariant-07'; +//@import '../../_global/styles/theme-colorvariant-08'; +@import '../../_global/styles/theme-colorvariant-09'; +@import '../../_global/styles/theme-colorvariant-15'; diff --git a/gfi-ihk-2024/stories/_global/styles/typography.scss b/gfi-ihk-2024/stories/_global/styles/typography.scss index ba58a13..11187cd 100644 --- a/gfi-ihk-2024/stories/_global/styles/typography.scss +++ b/gfi-ihk-2024/stories/_global/styles/typography.scss @@ -1,4 +1,4 @@ -@use 'mixins' as *; +@import 'mixins'; html { --font-size-copy: 22px; diff --git a/gfi-ihk-2024/stories/atoms/badge/badge.scss b/gfi-ihk-2024/stories/atoms/badge/badge.scss index 5b165ac..f69e789 100644 --- a/gfi-ihk-2024/stories/atoms/badge/badge.scss +++ b/gfi-ihk-2024/stories/atoms/badge/badge.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .badge { position: relative; diff --git a/gfi-ihk-2024/stories/atoms/button/button.scss b/gfi-ihk-2024/stories/atoms/button/button.scss index 0166e81..94728a7 100644 --- a/gfi-ihk-2024/stories/atoms/button/button.scss +++ b/gfi-ihk-2024/stories/atoms/button/button.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .btn { --button-bg-color: var(--color-button-primary-background); diff --git a/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss b/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss index c8f1dd0..f2b95e2 100644 --- a/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss +++ b/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .event-teaser { background-color: var(--color-background); diff --git a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss index 4b3e7e4..53f0ac2 100644 --- a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss +++ b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; input[type="checkbox"].form-control { width: 20px; diff --git a/gfi-ihk-2024/stories/atoms/input-select/input-select.scss b/gfi-ihk-2024/stories/atoms/input-select/input-select.scss index 68eba15..457fbe3 100644 --- a/gfi-ihk-2024/stories/atoms/input-select/input-select.scss +++ b/gfi-ihk-2024/stories/atoms/input-select/input-select.scss @@ -1,6 +1,6 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; -@use '../../_global/styles/svg-vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../../_global/styles/svg-vars'; select, select.form-control { @include form-field; diff --git a/gfi-ihk-2024/stories/atoms/input-text/input-text.scss b/gfi-ihk-2024/stories/atoms/input-text/input-text.scss index 7df3dea..8a36045 100644 --- a/gfi-ihk-2024/stories/atoms/input-text/input-text.scss +++ b/gfi-ihk-2024/stories/atoms/input-text/input-text.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="tel"], textarea, textarea.form-control { @include form-field; diff --git a/gfi-ihk-2024/stories/atoms/interview-item/interview-item.scss b/gfi-ihk-2024/stories/atoms/interview-item/interview-item.scss index e3fac42..1df1e44 100644 --- a/gfi-ihk-2024/stories/atoms/interview-item/interview-item.scss +++ b/gfi-ihk-2024/stories/atoms/interview-item/interview-item.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .interview-item { margin: 40px 50px 20px 0; diff --git a/gfi-ihk-2024/stories/atoms/pagination/pagination.scss b/gfi-ihk-2024/stories/atoms/pagination/pagination.scss index b3a5c00..a6a4a18 100644 --- a/gfi-ihk-2024/stories/atoms/pagination/pagination.scss +++ b/gfi-ihk-2024/stories/atoms/pagination/pagination.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .pagination { --pagination-button-margin: 5px; diff --git a/gfi-ihk-2024/stories/atoms/progress-bar/progress-bar.scss b/gfi-ihk-2024/stories/atoms/progress-bar/progress-bar.scss index 11134e0..00698e2 100644 --- a/gfi-ihk-2024/stories/atoms/progress-bar/progress-bar.scss +++ b/gfi-ihk-2024/stories/atoms/progress-bar/progress-bar.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .progress { --color-fg: var(--color-text); diff --git a/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss b/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss index ba88795..0950dc7 100644 --- a/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss +++ b/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .reading-time { display: block; diff --git a/gfi-ihk-2024/stories/atoms/search-button/search-button.scss b/gfi-ihk-2024/stories/atoms/search-button/search-button.scss index 1b4b524..88d50f9 100644 --- a/gfi-ihk-2024/stories/atoms/search-button/search-button.scss +++ b/gfi-ihk-2024/stories/atoms/search-button/search-button.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; button.search-submit { position: absolute; diff --git a/gfi-ihk-2024/stories/atoms/search-input/search-input.scss b/gfi-ihk-2024/stories/atoms/search-input/search-input.scss index 983e0d3..f72207c 100644 --- a/gfi-ihk-2024/stories/atoms/search-input/search-input.scss +++ b/gfi-ihk-2024/stories/atoms/search-input/search-input.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; input.search-field { position: relative; diff --git a/gfi-ihk-2024/stories/atoms/secondary-menu/secondary-menu.scss b/gfi-ihk-2024/stories/atoms/secondary-menu/secondary-menu.scss index a6ea290..9c02420 100644 --- a/gfi-ihk-2024/stories/atoms/secondary-menu/secondary-menu.scss +++ b/gfi-ihk-2024/stories/atoms/secondary-menu/secondary-menu.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .secondary-menu { position: relative; diff --git a/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss b/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss index 043834f..1febc2c 100644 --- a/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss +++ b/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .skip-btn { position: absolute; diff --git a/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss b/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss index 34d8a67..881f354 100644 --- a/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss +++ b/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .card-slider, .eventteaserlargeslider, .quick-facts, #storybook-root > .controls { .count { diff --git a/gfi-ihk-2024/stories/atoms/social-icons/social-icons.scss b/gfi-ihk-2024/stories/atoms/social-icons/social-icons.scss index cd31c83..4c242b1 100644 --- a/gfi-ihk-2024/stories/atoms/social-icons/social-icons.scss +++ b/gfi-ihk-2024/stories/atoms/social-icons/social-icons.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .social-icons { --color-twitter: #101419; diff --git a/gfi-ihk-2024/stories/atoms/tabs/tabs.scss b/gfi-ihk-2024/stories/atoms/tabs/tabs.scss index e7e0db3..1ea078f 100644 --- a/gfi-ihk-2024/stories/atoms/tabs/tabs.scss +++ b/gfi-ihk-2024/stories/atoms/tabs/tabs.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .tabs { margin: calc(10px + 1%) -0.25em; diff --git a/gfi-ihk-2024/stories/components/a-z/a-z.scss b/gfi-ihk-2024/stories/components/a-z/a-z.scss index 826ee52..9dbad54 100644 --- a/gfi-ihk-2024/stories/components/a-z/a-z.scss +++ b/gfi-ihk-2024/stories/components/a-z/a-z.scss @@ -1,6 +1,6 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; -@use '../linklist/linklist'; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../linklist/linklist'; h1 + .a-z { margin-top: 30px; diff --git a/gfi-ihk-2024/stories/components/accordion/accordion.scss b/gfi-ihk-2024/stories/components/accordion/accordion.scss index 22c00af..7dfea98 100644 --- a/gfi-ihk-2024/stories/components/accordion/accordion.scss +++ b/gfi-ihk-2024/stories/components/accordion/accordion.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .accordion { --accordion-toggler-padding: 14px; diff --git a/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss b/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss index 8c06b52..2f9ccbd 100644 --- a/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss +++ b/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .anchor-links { position: relative; diff --git a/gfi-ihk-2024/stories/components/artwork/artwork.scss b/gfi-ihk-2024/stories/components/artwork/artwork.scss index a6c048b..3825c7b 100644 --- a/gfi-ihk-2024/stories/components/artwork/artwork.scss +++ b/gfi-ihk-2024/stories/components/artwork/artwork.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .artwork-wrapper { position: relative; diff --git a/gfi-ihk-2024/stories/components/card/card.scss b/gfi-ihk-2024/stories/components/card/card.scss index 3f205b7..5c53724 100644 --- a/gfi-ihk-2024/stories/components/card/card.scss +++ b/gfi-ihk-2024/stories/components/card/card.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .card { &-inner { diff --git a/gfi-ihk-2024/stories/components/checkbox-group/checkbox-group.scss b/gfi-ihk-2024/stories/components/checkbox-group/checkbox-group.scss index 30248bd..0126634 100644 --- a/gfi-ihk-2024/stories/components/checkbox-group/checkbox-group.scss +++ b/gfi-ihk-2024/stories/components/checkbox-group/checkbox-group.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .checkbox-group { input[type='checkbox'] ~ label { diff --git a/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss b/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss index 00c1483..ccaaa8e 100644 --- a/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss +++ b/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .magazine-article article.col, .magazine-article.col { position: relative; diff --git a/gfi-ihk-2024/stories/components/common-content/commonContent.scss b/gfi-ihk-2024/stories/components/common-content/commonContent.scss index 2d27d48..2cee7c4 100644 --- a/gfi-ihk-2024/stories/components/common-content/commonContent.scss +++ b/gfi-ihk-2024/stories/components/common-content/commonContent.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .common-content { margin-top: var(--section-margin); diff --git a/gfi-ihk-2024/stories/components/contact/contact.scss b/gfi-ihk-2024/stories/components/contact/contact.scss index 32df72b..d04ecef 100644 --- a/gfi-ihk-2024/stories/components/contact/contact.scss +++ b/gfi-ihk-2024/stories/components/contact/contact.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .contact-wrapper { position: relative; diff --git a/gfi-ihk-2024/stories/components/document-list/document-list.scss b/gfi-ihk-2024/stories/components/document-list/document-list.scss index c69476b..3913f9d 100644 --- a/gfi-ihk-2024/stories/components/document-list/document-list.scss +++ b/gfi-ihk-2024/stories/components/document-list/document-list.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .document-list { position: relative; diff --git a/gfi-ihk-2024/stories/components/election-form/election-form.scss b/gfi-ihk-2024/stories/components/election-form/election-form.scss index a40ed07..9055d88 100644 --- a/gfi-ihk-2024/stories/components/election-form/election-form.scss +++ b/gfi-ihk-2024/stories/components/election-form/election-form.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; *:has(> .election-form) { container-type: inline-size; diff --git a/gfi-ihk-2024/stories/components/election-result-list-badge/election-result-list-badge.scss b/gfi-ihk-2024/stories/components/election-result-list-badge/election-result-list-badge.scss index 10ac3df..4ed5009 100644 --- a/gfi-ihk-2024/stories/components/election-result-list-badge/election-result-list-badge.scss +++ b/gfi-ihk-2024/stories/components/election-result-list-badge/election-result-list-badge.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .election-result-list-badge { .badge-inner { diff --git a/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss b/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss index 637d8ec..1d8e680 100644 --- a/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss +++ b/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .election-result-list-item { display: flex; diff --git a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss index c83cd27..ef0fdde 100644 --- a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss +++ b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .event-teaser-large { background-color: var(--color-background); diff --git a/gfi-ihk-2024/stories/components/footer/footer.scss b/gfi-ihk-2024/stories/components/footer/footer.scss index 17d98f0..b865b84 100644 --- a/gfi-ihk-2024/stories/components/footer/footer.scss +++ b/gfi-ihk-2024/stories/components/footer/footer.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .page-footer { padding: var(--section-padding) 0; diff --git a/gfi-ihk-2024/stories/components/form-element-form-centric/form-element-form-centric.scss b/gfi-ihk-2024/stories/components/form-element-form-centric/form-element-form-centric.scss index 9e76b0f..2f5b75b 100644 --- a/gfi-ihk-2024/stories/components/form-element-form-centric/form-element-form-centric.scss +++ b/gfi-ihk-2024/stories/components/form-element-form-centric/form-element-form-centric.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .mwf-layout { display: flex; diff --git a/gfi-ihk-2024/stories/components/gallery/gallery.scss b/gfi-ihk-2024/stories/components/gallery/gallery.scss index eea1506..00c4413 100644 --- a/gfi-ihk-2024/stories/components/gallery/gallery.scss +++ b/gfi-ihk-2024/stories/components/gallery/gallery.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .gallery { --gallery-spacing: 8px; diff --git a/gfi-ihk-2024/stories/components/global-message/global-message.scss b/gfi-ihk-2024/stories/components/global-message/global-message.scss index 917eed9..c5a3485 100644 --- a/gfi-ihk-2024/stories/components/global-message/global-message.scss +++ b/gfi-ihk-2024/stories/components/global-message/global-message.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .global-message { position: sticky; diff --git a/gfi-ihk-2024/stories/components/header-search/header-search.scss b/gfi-ihk-2024/stories/components/header-search/header-search.scss index 9d5bd35..e8a181e 100644 --- a/gfi-ihk-2024/stories/components/header-search/header-search.scss +++ b/gfi-ihk-2024/stories/components/header-search/header-search.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .header-search { @media(min-width: 768px) { diff --git a/gfi-ihk-2024/stories/components/header/header.scss b/gfi-ihk-2024/stories/components/header/header.scss index e8dea33..1371e13 100644 --- a/gfi-ihk-2024/stories/components/header/header.scss +++ b/gfi-ihk-2024/stories/components/header/header.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; @media(min-width: 1200px) { .magazine-start, .magazine-article, .header-collapsed { diff --git a/gfi-ihk-2024/stories/components/howto-list/howto-list.scss b/gfi-ihk-2024/stories/components/howto-list/howto-list.scss index ce81efa..8e31287 100644 --- a/gfi-ihk-2024/stories/components/howto-list/howto-list.scss +++ b/gfi-ihk-2024/stories/components/howto-list/howto-list.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .howto-list { display: flex; diff --git a/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss b/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss index c43f798..17b0a67 100644 --- a/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss +++ b/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .ihk-switch { position: absolute; diff --git a/gfi-ihk-2024/stories/components/image-text/image-text.scss b/gfi-ihk-2024/stories/components/image-text/image-text.scss index 82c5adf..12c3b4b 100644 --- a/gfi-ihk-2024/stories/components/image-text/image-text.scss +++ b/gfi-ihk-2024/stories/components/image-text/image-text.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .image-text { max-width: 1340px; diff --git a/gfi-ihk-2024/stories/components/infobox/infobox.scss b/gfi-ihk-2024/stories/components/infobox/infobox.scss index 7e81ddc..49abaf7 100644 --- a/gfi-ihk-2024/stories/components/infobox/infobox.scss +++ b/gfi-ihk-2024/stories/components/infobox/infobox.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .infobox, .richtext div.strong, diff --git a/gfi-ihk-2024/stories/components/linklist/linklist.scss b/gfi-ihk-2024/stories/components/linklist/linklist.scss index 1b3e421..9b8a64d 100644 --- a/gfi-ihk-2024/stories/components/linklist/linklist.scss +++ b/gfi-ihk-2024/stories/components/linklist/linklist.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .linklist { --linklist-icon-padding: 38px; diff --git a/gfi-ihk-2024/stories/components/login/login.scss b/gfi-ihk-2024/stories/components/login/login.scss index 06b7949..65410a6 100644 --- a/gfi-ihk-2024/stories/components/login/login.scss +++ b/gfi-ihk-2024/stories/components/login/login.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .login-form { position: relative; diff --git a/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss b/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss index 386e871..cfc6811 100644 --- a/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss +++ b/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .logo-wall { margin: 0 0 1em 0; diff --git a/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss b/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss index c0d14b8..b40d442 100644 --- a/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss +++ b/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .magazine-article article.col, .magazine-article.col { position: relative; diff --git a/gfi-ihk-2024/stories/components/magazine-cover/magazine-cover.scss b/gfi-ihk-2024/stories/components/magazine-cover/magazine-cover.scss index 06cbc3f..39447e0 100644 --- a/gfi-ihk-2024/stories/components/magazine-cover/magazine-cover.scss +++ b/gfi-ihk-2024/stories/components/magazine-cover/magazine-cover.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .magazine-cover { @media(min-width: 768px) { diff --git a/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss b/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss index f09a388..e5417fd 100644 --- a/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss +++ b/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .magazine-header { --magazine-header-height: 90px; diff --git a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss index 1689672..a9f5fd9 100644 --- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss +++ b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; *:has(> .mini-teaser) { container-type: inline-size; diff --git a/gfi-ihk-2024/stories/components/nav/nav.scss b/gfi-ihk-2024/stories/components/nav/nav.scss index a515038..f7fc084 100644 --- a/gfi-ihk-2024/stories/components/nav/nav.scss +++ b/gfi-ihk-2024/stories/components/nav/nav.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .page-header.dummy nav { z-index: 0; diff --git a/gfi-ihk-2024/stories/components/newsletter-teaser/newsletter-teaser.scss b/gfi-ihk-2024/stories/components/newsletter-teaser/newsletter-teaser.scss index 4d2e553..5bf3e7b 100644 --- a/gfi-ihk-2024/stories/components/newsletter-teaser/newsletter-teaser.scss +++ b/gfi-ihk-2024/stories/components/newsletter-teaser/newsletter-teaser.scss @@ -1,4 +1,4 @@ -@use '../../_global/styles/mixins' as *; +@import '../../_global/styles/mixins'; *:has(> .newsletter-teaser) { container-type: inline-size; diff --git a/gfi-ihk-2024/stories/components/page-details/page-details.scss b/gfi-ihk-2024/stories/components/page-details/page-details.scss index 10b7292..550f7f9 100644 --- a/gfi-ihk-2024/stories/components/page-details/page-details.scss +++ b/gfi-ihk-2024/stories/components/page-details/page-details.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .page-details { margin: 0 0 48px; diff --git a/gfi-ihk-2024/stories/components/participation-list-item/participation-list-item.scss b/gfi-ihk-2024/stories/components/participation-list-item/participation-list-item.scss index 0365df6..573b739 100644 --- a/gfi-ihk-2024/stories/components/participation-list-item/participation-list-item.scss +++ b/gfi-ihk-2024/stories/components/participation-list-item/participation-list-item.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .participation-list { margin: calc(20px + 2%) 0; diff --git a/gfi-ihk-2024/stories/components/participation-teaser/participation-teaser.scss b/gfi-ihk-2024/stories/components/participation-teaser/participation-teaser.scss index b3f0c06..d02f280 100644 --- a/gfi-ihk-2024/stories/components/participation-teaser/participation-teaser.scss +++ b/gfi-ihk-2024/stories/components/participation-teaser/participation-teaser.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .participation-teaser { position: relative; diff --git a/gfi-ihk-2024/stories/components/print-share/print-share.scss b/gfi-ihk-2024/stories/components/print-share/print-share.scss index 6db4c1a..c723b12 100644 --- a/gfi-ihk-2024/stories/components/print-share/print-share.scss +++ b/gfi-ihk-2024/stories/components/print-share/print-share.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .print-share { margin: var(--section-margin) 0; diff --git a/gfi-ihk-2024/stories/components/search-form/search-form.scss b/gfi-ihk-2024/stories/components/search-form/search-form.scss index 4841ca1..056392d 100644 --- a/gfi-ihk-2024/stories/components/search-form/search-form.scss +++ b/gfi-ihk-2024/stories/components/search-form/search-form.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .search-filter-form { --search-padding: 28px; diff --git a/gfi-ihk-2024/stories/components/search-results/search-results.scss b/gfi-ihk-2024/stories/components/search-results/search-results.scss index c9e23e8..cc932c4 100644 --- a/gfi-ihk-2024/stories/components/search-results/search-results.scss +++ b/gfi-ihk-2024/stories/components/search-results/search-results.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .search-results { .results-wrapper { diff --git a/gfi-ihk-2024/stories/components/steps/steps.scss b/gfi-ihk-2024/stories/components/steps/steps.scss index 5700c46..a3f9924 100644 --- a/gfi-ihk-2024/stories/components/steps/steps.scss +++ b/gfi-ihk-2024/stories/components/steps/steps.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .richtext .steps { .text a, .rte--list a { diff --git a/gfi-ihk-2024/stories/components/superlist-entry/superlist-entry.scss b/gfi-ihk-2024/stories/components/superlist-entry/superlist-entry.scss index 3b219d9..896e1ae 100644 --- a/gfi-ihk-2024/stories/components/superlist-entry/superlist-entry.scss +++ b/gfi-ihk-2024/stories/components/superlist-entry/superlist-entry.scss @@ -1,6 +1,6 @@ -@use '../../_global/styles/mixins'; -@use '../../_global/styles/vars'; -@use '../../sections/superlist/superlist'; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../../sections/superlist/superlist'; .superlist-entry { position: relative; diff --git a/gfi-ihk-2024/stories/components/teaser-social/teaser-social.scss b/gfi-ihk-2024/stories/components/teaser-social/teaser-social.scss index a55c8fa..8b4107d 100644 --- a/gfi-ihk-2024/stories/components/teaser-social/teaser-social.scss +++ b/gfi-ihk-2024/stories/components/teaser-social/teaser-social.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .teaser .social-box { position: relative; diff --git a/gfi-ihk-2024/stories/components/teaser/teaser.scss b/gfi-ihk-2024/stories/components/teaser/teaser.scss index fda72e9..5902fc1 100644 --- a/gfi-ihk-2024/stories/components/teaser/teaser.scss +++ b/gfi-ihk-2024/stories/components/teaser/teaser.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .teaser { //--hero-background: var(--swatches-neutrals-white); diff --git a/gfi-ihk-2024/stories/components/testimonial/testimonial.scss b/gfi-ihk-2024/stories/components/testimonial/testimonial.scss index 76b5842..88af078 100644 --- a/gfi-ihk-2024/stories/components/testimonial/testimonial.scss +++ b/gfi-ihk-2024/stories/components/testimonial/testimonial.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .image-text.is-blockquote { max-width: 1340px; diff --git a/gfi-ihk-2024/stories/components/text-with-headline/text-with-headline.scss b/gfi-ihk-2024/stories/components/text-with-headline/text-with-headline.scss index 4bed810..337fd7f 100644 --- a/gfi-ihk-2024/stories/components/text-with-headline/text-with-headline.scss +++ b/gfi-ihk-2024/stories/components/text-with-headline/text-with-headline.scss @@ -1,4 +1,4 @@ -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/vars'; .text-with-headline { margin-top: 0; diff --git a/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss b/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss index e68dcb4..d24685a 100644 --- a/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss +++ b/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .topic-teaser, .topics .tile { --topic-tile-padding: 24px; diff --git a/gfi-ihk-2024/stories/components/video/video.scss b/gfi-ihk-2024/stories/components/video/video.scss index 60908cb..5f28619 100644 --- a/gfi-ihk-2024/stories/components/video/video.scss +++ b/gfi-ihk-2024/stories/components/video/video.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .video:not(.card-slider .video):not(.teaser.video):not(.col.video) { width: 100%; diff --git a/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss b/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss index 82e33a6..3892af4 100644 --- a/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss +++ b/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss @@ -1,6 +1,6 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; -@use '../../atoms/slider-tabs/slider-tabs'; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../../atoms/slider-tabs/slider-tabs'; .card-slider { margin: var(--section-margin) 0 var(--section-margin) 0; diff --git a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss index 676df59..6dbf61e 100644 --- a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss +++ b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss @@ -1,6 +1,6 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; -@use '../../components/contact/contact' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../../components/contact/contact'; .election-detail { margin: 0 0 80px 0; diff --git a/gfi-ihk-2024/stories/sections/election-result-list/election-result-list.scss b/gfi-ihk-2024/stories/sections/election-result-list/election-result-list.scss index ac2c1d5..b0367bf 100644 --- a/gfi-ihk-2024/stories/sections/election-result-list/election-result-list.scss +++ b/gfi-ihk-2024/stories/sections/election-result-list/election-result-list.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .election-result-list { .election-result-list--header { diff --git a/gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss b/gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss index 73609e7..c9d9e25 100644 --- a/gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss +++ b/gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss @@ -1,7 +1,7 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; -@use '../../components/event-teaser-large/event-teaser-large.scss' as *; -@use '../../atoms/slider-tabs/slider-tabs'; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../../components/event-teaser-large/event-teaser-large.scss'; +@import '../../atoms/slider-tabs/slider-tabs'; .right-open-container { @media (min-width: 400px) { diff --git a/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss b/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss index 6a3d94c..7b2bcbf 100644 --- a/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss +++ b/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .event-teasers-large { position: relative; diff --git a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss index 49a603e..93d07c8 100644 --- a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss +++ b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .eventoverview-section{ margin: 0; .tilescontainer{ diff --git a/gfi-ihk-2024/stories/sections/events/events.scss b/gfi-ihk-2024/stories/sections/events/events.scss index cc41f17..72fa781 100644 --- a/gfi-ihk-2024/stories/sections/events/events.scss +++ b/gfi-ihk-2024/stories/sections/events/events.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .events { padding: var(--section-padding) 0; diff --git a/gfi-ihk-2024/stories/sections/feature/feature.scss b/gfi-ihk-2024/stories/sections/feature/feature.scss index 38a0ec9..c583c4c 100644 --- a/gfi-ihk-2024/stories/sections/feature/feature.scss +++ b/gfi-ihk-2024/stories/sections/feature/feature.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .feature { //--theme-color-link: var(--color-text); diff --git a/gfi-ihk-2024/stories/sections/infobanner/infobanner.scss b/gfi-ihk-2024/stories/sections/infobanner/infobanner.scss index 4f23758..5006810 100644 --- a/gfi-ihk-2024/stories/sections/infobanner/infobanner.scss +++ b/gfi-ihk-2024/stories/sections/infobanner/infobanner.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .infobanner { margin: var(--section-margin) auto; diff --git a/gfi-ihk-2024/stories/sections/interview/interview.scss b/gfi-ihk-2024/stories/sections/interview/interview.scss index 651f8c2..ca5ea11 100644 --- a/gfi-ihk-2024/stories/sections/interview/interview.scss +++ b/gfi-ihk-2024/stories/sections/interview/interview.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .interview { diff --git a/gfi-ihk-2024/stories/sections/intro/intro.scss b/gfi-ihk-2024/stories/sections/intro/intro.scss index 0d885b9..bb06ad2 100644 --- a/gfi-ihk-2024/stories/sections/intro/intro.scss +++ b/gfi-ihk-2024/stories/sections/intro/intro.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .intro { padding: 0; diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss index 61166bf..1aba186 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss +++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; section.marketingheader { margin-top: 0; diff --git a/gfi-ihk-2024/stories/sections/participation-map/participation-map.scss b/gfi-ihk-2024/stories/sections/participation-map/participation-map.scss index 38d098e..568c44a 100644 --- a/gfi-ihk-2024/stories/sections/participation-map/participation-map.scss +++ b/gfi-ihk-2024/stories/sections/participation-map/participation-map.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .participation-map { padding: var(--section-padding) 0; diff --git a/gfi-ihk-2024/stories/sections/participation-stage/participation-stage.scss b/gfi-ihk-2024/stories/sections/participation-stage/participation-stage.scss index 5fda1ed..5c1a92b 100644 --- a/gfi-ihk-2024/stories/sections/participation-stage/participation-stage.scss +++ b/gfi-ihk-2024/stories/sections/participation-stage/participation-stage.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .participation-stage { background-image: url('./beteiligung-cover.jpg'); diff --git a/gfi-ihk-2024/stories/sections/participation-teasers/participation-teasers.scss b/gfi-ihk-2024/stories/sections/participation-teasers/participation-teasers.scss index a6f059b..5cd813a 100644 --- a/gfi-ihk-2024/stories/sections/participation-teasers/participation-teasers.scss +++ b/gfi-ihk-2024/stories/sections/participation-teasers/participation-teasers.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .participation-teasers { position: relative; diff --git a/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss b/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss index bff89ac..4298465 100644 --- a/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss +++ b/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss @@ -1,6 +1,6 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; -@use '../../atoms/slider-tabs/slider-tabs'; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; +@import '../../atoms/slider-tabs/slider-tabs'; .quick-facts { position: relative; diff --git a/gfi-ihk-2024/stories/sections/search/search.scss b/gfi-ihk-2024/stories/sections/search/search.scss index ce1a21b..88804f8 100644 --- a/gfi-ihk-2024/stories/sections/search/search.scss +++ b/gfi-ihk-2024/stories/sections/search/search.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; section.search { position: relative; diff --git a/gfi-ihk-2024/stories/sections/slider/slider.scss b/gfi-ihk-2024/stories/sections/slider/slider.scss index 64b9c81..58d6aee 100644 --- a/gfi-ihk-2024/stories/sections/slider/slider.scss +++ b/gfi-ihk-2024/stories/sections/slider/slider.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .slider { opacity: 0; diff --git a/gfi-ihk-2024/stories/sections/social/social.scss b/gfi-ihk-2024/stories/sections/social/social.scss index 30482f2..3a7c0de 100644 --- a/gfi-ihk-2024/stories/sections/social/social.scss +++ b/gfi-ihk-2024/stories/sections/social/social.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; section.social { @media(max-width: 767px) { diff --git a/gfi-ihk-2024/stories/sections/superlist/superlist.scss b/gfi-ihk-2024/stories/sections/superlist/superlist.scss index d2da9ec..f442668 100644 --- a/gfi-ihk-2024/stories/sections/superlist/superlist.scss +++ b/gfi-ihk-2024/stories/sections/superlist/superlist.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .superlist { padding-top: 20px; diff --git a/gfi-ihk-2024/stories/sections/survey/survey.scss b/gfi-ihk-2024/stories/sections/survey/survey.scss index 347d65d..b957eef 100644 --- a/gfi-ihk-2024/stories/sections/survey/survey.scss +++ b/gfi-ihk-2024/stories/sections/survey/survey.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .richtext { .detail-text:has(.survey) { diff --git a/gfi-ihk-2024/stories/sections/teasers/teasers.scss b/gfi-ihk-2024/stories/sections/teasers/teasers.scss index 17dda1d..07090f7 100644 --- a/gfi-ihk-2024/stories/sections/teasers/teasers.scss +++ b/gfi-ihk-2024/stories/sections/teasers/teasers.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .teasers:not([data-items="1"]) { position: relative; diff --git a/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss b/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss index a00fcb7..737bccd 100644 --- a/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss +++ b/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .tile-grid { margin: var(--section-margin) auto; diff --git a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss index cd86246..370d856 100644 --- a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss +++ b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .tile-grid { margin: var(--section-margin) auto; diff --git a/gfi-ihk-2024/stories/sections/timeline/timeline.scss b/gfi-ihk-2024/stories/sections/timeline/timeline.scss index fc13118..9bf3d12 100644 --- a/gfi-ihk-2024/stories/sections/timeline/timeline.scss +++ b/gfi-ihk-2024/stories/sections/timeline/timeline.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .timeline-tabs { position: relative; diff --git a/gfi-ihk-2024/stories/sections/video-stage/video-stage.scss b/gfi-ihk-2024/stories/sections/video-stage/video-stage.scss index 9da03b6..dbb5d18 100644 --- a/gfi-ihk-2024/stories/sections/video-stage/video-stage.scss +++ b/gfi-ihk-2024/stories/sections/video-stage/video-stage.scss @@ -1,5 +1,5 @@ -@use '../../_global/styles/mixins' as *; -@use '../../_global/styles/vars' as *; +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; .video-stage { background: var(--color-background);