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

feat(WEB-249): first iteration design system primitives (typography, grid)

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-05-29 13:57:03 +02:00
parent 08e7eb2fca
commit 00f99912fc
83 changed files with 1110 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/TempDesignSystem/Form/Country/country.module.css
View File

@@ -24,7 +24,7 @@
.input,
.listBoxItem {
color: var(--some-black-color, #757575);
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 400;
letter-spacing: -1.5%;

4
components/TempDesignSystem/Form/Date/Select/select.module.css
View File

@@ -3,7 +3,7 @@
}
.label {
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.5rem;
font-weight: 400;
}
@@ -21,7 +21,7 @@
border-radius: var(--radius);
color: var(--some-black-color, #757575);
display: grid;
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 400;
gap: 1rem;

2
components/TempDesignSystem/Form/ErrorMessage/error.module.css
View File

@@ -1,6 +1,6 @@
.message {
color: var(--some-red-color, #d64242);
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.4rem;
font-weight: 400;
line-height: 2.2rem;

2
components/TempDesignSystem/Form/Input/input.module.css
View File

@@ -2,7 +2,7 @@
border: 0.2rem solid var(--some-black-color, #757575);
border-radius: 0.4rem;
color: var(--some-black-color, #757575);
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 400;
height: 4rem;

4
components/TempDesignSystem/Form/Select/select.module.css
View File

@@ -4,7 +4,7 @@
.label {
color: var(--Base-Text-UI-Placeholder);
font-family: var(--ff-fira-sans);
font-family: var(--typography-Footnote-Regular-fontFamily);
font-size: var(--typography-Footnote-Regular-fontSize);
font-weight: 400;
position: absolute;
@@ -24,7 +24,7 @@
border-radius: 0.8rem;
color: var(--some-black-color, #757575);
display: grid;
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 400;
gap: 1rem;