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

fix(SW-812): styling fixes for the header and related components

Browse Source
This commit is contained in:
Erik Tiekstra
2024-11-08 12:12:12 +01:00
parent d8751b3fea
commit fe6582ccbb
47 changed files with 315 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/TempDesignSystem/Link/link.module.css
View File

@@ -154,20 +154,25 @@
color: var(--Base-Text-Medium-contrast);
}
.red {
color: var(--Primary-Strong-Button-Primary-On-Fill-Normal);
}
.peach80:hover,
.peach80:active {
color: var(--Base-Text-High-contrast);
}
.peach80 *,
.peach80 * {
fill: var(--Base-Text-Medium-contrast);
}
.peach80:hover *,
.peach80:active * {
fill: var(--Base-Text-High-contrast);
}
.red {
color: var(--Primary-Strong-Button-Primary-On-Fill-Normal);
}
.white {
color: var(--Base-Button-Primary-On-Fill-Normal);
}
@@ -213,6 +218,14 @@
letter-spacing: var(--typography-Caption-Bold-letterSpacing);
line-height: var(--typography-Caption-Bold-lineHeight);
}
.bold {
font-family: var(--typography-Body-Bold-fontFamily);
font-size: var(--typography-Body-Bold-fontSize);
font-weight: 500
/* Should be fixed when variables starts working: var(--typography-Body-Bold-fontWeight) */;
letter-spacing: var(--typography-Body-Bold-letterSpacing);
line-height: var(--typography-Body-Bold-lineHeight);
}
.menu {
display: flex;
@@ -223,11 +236,6 @@
padding: var(--Spacing-x1);
gap: var(--Spacing-x-one-and-half);
color: var(--Base-Text-High-contrast);
font-family: var(--typography-Body-Bold-fontFamily);
font-size: var(--typography-Body-Bold-fontSize);
font-weight: var(--typography-Body-Bold-fontWeight);
line-height: var(--typography-Body-Bold-lineHeight);
letter-spacing: var(--typography-Body-Bold-letterSpacing);
border-radius: var(--Corner-radius-Medium);
}
@@ -236,6 +244,12 @@
background-color: var(--Base-Surface-Primary-light-Hover-alt);
}
.navigation {
color: var(--Base-Text-High-contrast);
text-decoration: none;
padding: var(--Spacing-x-half) var(--Spacing-x1);
}
.signupVerification {
background-color: var(--Base-Button-Primary-Fill-Normal);
color: var(--Base-Button-Inverted-Fill-Normal);