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

feat: Add mobile dropdown variant for Link component

Browse Source
This commit is contained in:
Chuma McPhoy
2024-06-19 08:57:24 +02:00
committed by Michael Zetterberg
parent 1326789683
commit da1f142b57
3 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,6 +29,33 @@
text-decoration: underline;
}
.myPageMobileDropdown {
color: var(--Scandic-Brand-Burgundy);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: var(--typography-Body-Regular-fontSize);
line-height: var(--typography-Body-Regular-lineHeight);
letter-spacing: 0.096px;
padding: var(--Spacing-x1) var(--Spacing-x1) var(--Spacing-x1)
var(--Spacing-x-one-and-half);
width: 100%;
border-radius: var(--Corner-radius-Medium);
gap: 4px;
display: flex;
align-items: center;
gap: 4px;
align-self: stretch;
}
.myPageMobileDropdown.active {
background-color: var(--Scandic-Brand-Pale-Peach);
border-radius: var(--Corner-radius-Medium);
font-family: var(--typography-Body-Underlined-fontFamily);
font-size: var(--typography-Body-Underlined-fontSize);
font-weight: var(--typography-Body-Underlined-fontWeight);
letter-spacing: var(--typography-Body-Underlined-letterSpacing);
line-height: var(--typography-Body-Underlined-lineHeight);
}
.shortcut {
align-items: center;
border-bottom: 0.5px solid var(--Scandic-Beige-20);