Merged in feat/SW-2782-create-sas-branded-header (pull request #2878)
feat(SW-2782): Updated header as per design, added language switcher and user menu * feat(SW-2782): Updated header as per design, added language switcher and user menu * feat(SW-2782): Updated UI as per design * feat(SW-2782): Optimised code with use of Popover and modal from RAC Approved-by: Anton Gunnarsson
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
.menuItems,
|
||||
.menuItem {
|
||||
display: flex;
|
||||
direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.desktopMenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menuItem {
|
||||
gap: var(--Space-x1);
|
||||
padding: var(--Space-x1);
|
||||
}
|
||||
|
||||
.menuDivider {
|
||||
margin: var(--Space-x2) 0;
|
||||
}
|
||||
|
||||
.contactLink {
|
||||
color: var(--Text-sas-20);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.menuItems,
|
||||
.menuItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.menuItems {
|
||||
gap: var(--Space-x3);
|
||||
}
|
||||
|
||||
.mobileMenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.desktopMenu {
|
||||
display: flex;
|
||||
gap: var(--Space-x3);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contactLink {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user