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 { @layer component {
display: flex; .menuButton {
align-items: center; display: flex;
justify-content: center; align-items: center;
gap: var(--Space-x05); justify-content: center;
cursor: pointer; gap: var(--Space-x05);
width: 100%; cursor: pointer;
background-color: transparent; width: 100%;
color: var(--Text-Interactive-Default); background-color: transparent;
border-width: 0; color: var(--Text-Interactive-Default);
padding: var(--Space-x05) 0; border-width: 0;
padding: var(--Space-x05) 0;
&.loading { &.loading {
cursor: progress; cursor: progress;
}
} }
} }