diff --git a/packages/react/src/components/header/components/headerActionBar/HeaderActionBar.module.scss b/packages/react/src/components/header/components/headerActionBar/HeaderActionBar.module.scss index 6b81b3db23..e56daf49f2 100644 --- a/packages/react/src/components/header/components/headerActionBar/HeaderActionBar.module.scss +++ b/packages/react/src/components/header/components/headerActionBar/HeaderActionBar.module.scss @@ -1,6 +1,5 @@ -@use "../../Header.module.scss"; -@use "../../../../styles/common.scss"; -@use "./_typography.scss"; +@use '../../../../styles/common.scss'; +@use './_typography.scss'; @value medium-down from "../../../../styles/breakpoints.scss"; .headerActionBar { @@ -104,4 +103,4 @@ .headerActionBarContainer { border-bottom: none; } -} \ No newline at end of file +} diff --git a/packages/react/src/components/header/components/headerActionBarItem/HeaderActionBarItem.module.scss b/packages/react/src/components/header/components/headerActionBarItem/HeaderActionBarItem.module.scss index 2dc194565f..b3199afe6c 100644 --- a/packages/react/src/components/header/components/headerActionBarItem/HeaderActionBarItem.module.scss +++ b/packages/react/src/components/header/components/headerActionBarItem/HeaderActionBarItem.module.scss @@ -1,4 +1,3 @@ -@use '../../Header.module.scss'; @use '../../../../styles/common.scss'; button.actionBarItem { diff --git a/packages/react/src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.module.scss b/packages/react/src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.module.scss index a307ac2f4e..a37753e5fc 100644 --- a/packages/react/src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.module.scss +++ b/packages/react/src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.module.scss @@ -1,4 +1,3 @@ -@use "../../Header.module.scss"; @import '../../../../styles/common.scss'; .languageSelector { diff --git a/packages/react/src/components/header/components/headerLink/HeaderLink.module.scss b/packages/react/src/components/header/components/headerLink/HeaderLink.module.scss index d09c628b8f..553be34ed3 100644 --- a/packages/react/src/components/header/components/headerLink/HeaderLink.module.scss +++ b/packages/react/src/components/header/components/headerLink/HeaderLink.module.scss @@ -1,5 +1,4 @@ -@use "../../Header.module.scss"; -@import "../../../../styles/common.scss"; +@import '../../../../styles/common.scss'; .headerLink.headerLink { --link-color: var(--color-black-90); @@ -31,7 +30,6 @@ padding-left: var(--header-focus-outline-width); } - .navigationLinkWrapper { align-items: center; display: flex; @@ -53,7 +51,7 @@ } } -.headerLink.isNotLargeScreen{ +.headerLink.isNotLargeScreen { align-self: center; border: none; box-sizing: border-box; @@ -63,5 +61,7 @@ padding: 0; word-wrap: break-word; - &:focus { border: none } + &:focus { + border: none; + } } diff --git a/packages/react/src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.module.scss b/packages/react/src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.module.scss index 0087cb1988..8b055b44fa 100644 --- a/packages/react/src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.module.scss +++ b/packages/react/src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.module.scss @@ -1,5 +1,3 @@ -@use "../../../Header.module.scss"; - button.button { background-color: var(--nav-button-background-color); border: none;