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

fix: design review comments

Browse Source
This commit is contained in:
Christel Westerberg
2024-07-10 11:01:42 +02:00
parent 19bfdf67f3
commit 6b5606fc8b
7 changed files with 61 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -101,22 +101,52 @@
color: var(--Base-Text-High-contrast);
}
.burgundy:hover,
.burgundy:active {
color: var(--Base-Button-Text-On-Fill-Hover);
}
.burgundy:hover *,
.burgundy:active * {
fill: var(--Base-Button-Text-On-Fill-Hover);
}
.pale {
color: var(--Scandic-Brand-Pale-Peach);
}
.peach80 {
color: var(--Scandic-Peach-80);
color: var(--Primary-Light-On-Surface-Accent);
}
.peach80:hover,
.peach80:active {
color: var(--Primary-Light-On-Surface-Hover);
}
.peach80:hover *,
.peach80:active * {
fill: var(--Primary-Light-On-Surface-Hover);
}
.white {
color: var(--Base-Button-Primary-On-Fill-Normal);
}
.white:hover,
.white:active {
color: var(--Base-Button-Primary-On-Fill-Hover);
}
.white:hover *,
.white:active * {
fill: var(--Base-Button-Primary-On-Fill-Hover);
}
.regular {
font-family: var(--typography-Body-Regular-fontFamily);
font-size: var(--typography-Body-Regular-fontSize);
font-weight: var(--typography-Body-Regular-fontWeight);
font-weight: 400;
letter-spacing: var(--typography-Body-Regular-letterSpacing);
line-height: var(--typography-Body-Regular-lineHeight);
}
@@ -124,7 +154,7 @@
.activeRegular {
font-family: var(--typography-Body-Bold-fontFamily);
font-size: var(--typography-Body-Bold-fontSize);
font-weight: var(--typography-Body-Bold-fontWeight);
font-weight: 500;
letter-spacing: var(--typography-Body-Bold-letterSpacing);
line-height: var(--typography-Body-Bold-lineHeight);
}
@@ -132,7 +162,7 @@
.small {
font-family: var(--typography-Caption-Regular-fontFamily);
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: var(--typography-Caption-Regular-fontWeight);
font-weight: 400;
letter-spacing: var(--typography-Caption-Regular-letterSpacing);
line-height: var(--typography-Caption-Regular-lineHeight);
}
@@ -140,7 +170,7 @@
.activeSmall {
font-family: var(--typography-Caption-Bold-fontFamily);
font-size: var(--typography-Caption-Bold-fontSize);
font-weight: var(--typography-Caption-Bold-fontWeight);
font-weight: 500;
letter-spacing: var(--typography-Caption-Bold-letterSpacing);
line-height: var(--typography-Caption-Bold-lineHeight);
}