scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/mainmenu-button-css-cascade (pull request #3532)

Browse Source 
Fix/mainmenu button css cascade

* fix(MainMenuButton): add @layer to make css cascading work

* reset
This commit is contained in:
Joakim Jäderberg
2026-02-03 12:36:27 +00:00
parent d6b94376b0
commit fbdbd35813
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
apps/scandic-web/components/Header/MainMenu/MainMenuButton/menuButton.module.css
View File

@@ -1,16 +1,18 @@
.menuButton {
display: flex;
align-items: center;
justify-content: center;
gap: var(--Space-x05);
cursor: pointer;
width: 100%;
background-color: transparent;
color: var(--Text-Interactive-Default);
border-width: 0;
padding: var(--Space-x05) 0;
@layer component {
.menuButton {
display: flex;
align-items: center;
justify-content: center;
gap: var(--Space-x05);
cursor: pointer;
width: 100%;
background-color: transparent;
color: var(--Text-Interactive-Default);
border-width: 0;
padding: var(--Space-x05) 0;
&.loading {
cursor: progress;
&.loading {
cursor: progress;
}
}
}