167 lines
2.7 KiB
SCSS
167 lines
2.7 KiB
SCSS
@import "@Themes/constants.scss";
|
|
@import "@Themes/modes.scss";
|
|
|
|
.root {
|
|
color: var(--color-generic-black);
|
|
vertical-align: center;
|
|
font-family: "Inter", sans-serif;
|
|
&.H1-60 {
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 56px;
|
|
line-height: 67.2px;
|
|
|
|
@media (max-width: $screen-m) {
|
|
font-size: 48px;
|
|
line-height: 56.7px;
|
|
}
|
|
}
|
|
|
|
&.H1-bis-40 {
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 40px;
|
|
line-height: 48px;
|
|
}
|
|
|
|
&.H2-30 {
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 30px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
&.H3-24 {
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 29px;
|
|
}
|
|
|
|
&.Paragraphe-semibold-18 {
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
&.Paragraphe-simple-18 {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
&.Paragraphe-MAJ-18 {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
&.Nav-header-off-18 {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
color: var(--color-neutral-500);
|
|
}
|
|
|
|
&.Paragraphe-18-error {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
&.Paragraphe-semibold-16 {
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
&.Nav-input-off-16 {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
color: var(--color-neutral-500);
|
|
}
|
|
|
|
&.Paragraphe-simple-16 {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.005em;
|
|
}
|
|
|
|
&.Paragraphe-16-error {
|
|
color: var(--color-error-800;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
&.Caption_14 {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
&.Caption_14-semibold {
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
&.color-error-800 {
|
|
color: var(--color-error-800;
|
|
}
|
|
|
|
&.color-neutral-500 {
|
|
color: var(--color-neutral-500);
|
|
}
|
|
|
|
&.color-generic-black {
|
|
color: var(--color-generic-black);
|
|
}
|
|
|
|
&.color-primary-500 {
|
|
color: var(--color-primary-500);
|
|
}
|
|
|
|
&.color-secondary-500 {
|
|
color: var(--color-secondary-500);
|
|
}
|
|
|
|
&.color-success-600 {
|
|
color: var(--color-success-600);
|
|
}
|
|
|
|
&.color-error-600 {
|
|
color: var(--color-error-600);
|
|
}
|
|
|
|
&.color-warning-500 {
|
|
color: var(--color-warning-500);
|
|
}
|
|
|
|
&.white {
|
|
color: var(--color-generic-white);
|
|
}
|
|
}
|