4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ New variables

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-17 11:20:20 +02:00
parent 23f6c46734
commit 0c9124cfa3
2 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/front/Components/DesignSystem/Button/classes.module.scss
View File

@ -9,7 +9,7 @@
align-items: center;
background: transparent;
font-style: normal;
font-weight: 500;
font-weight: var(--font-text-weight-regular, 400);
white-space: nowrap;
user-select: none;
cursor: pointer;
@ -26,18 +26,18 @@
&[variant="primary"] {
color: var(--color-primary-500);
background: var(--color-primary-500);
border-color: var(--color-primary-500);
border: 1px solid var(--button-contained-primary-default-border, rgba(0, 0, 0, 0));
background: var(--button-contained-primary-default-background, #005bcb);
&:hover {
background: var(--color-primary-700);
border-color: var(--color-primary-700);
border: 1px solid var(--button-contained-primary-hovered-border, rgba(0, 0, 0, 0));
background: var(--button-contained-primary-hovered-background, #0040a4);
}
&:focus,
&:active {
background: var(--color-primary-800);
border-color: var(--color-primary-800);
border: 1px solid var(--button-contained-primary-pressed-border, rgba(0, 0, 0, 0));
background: var(--button-contained-primary-pressed-background, #013391);
}
&[styleType="outlined"] {

74
src/front/Themes/variables.scss
View File

@ -83,41 +83,41 @@
--color-warning-900: #7a340e;
--color-warning-950: #461a02;
/* number */
--radius-xs: 0.125rem;
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 1rem;
--radius-xl: 1.5rem;
--radius-2xl: 2rem;
--radius-3xl: 22.5rem;
--font-text-weight-light: 18.75rem;
--font-text-weight-regular: 25rem;
--font-text-weight-semibold: 37.5rem;
--font-text-weight-bold: 43.75rem;
--font-title-weight-light: 18.75rem;
--font-title-weight-regular: 25rem;
--font-title-weight-semibold: 37.5rem;
--font-title-weight-bold: 43.75rem;
--spacing-0-25: 0.125rem;
--spacing-0-5: 0.25rem;
--spacing-0-75: 0.375rem;
--spacing-1: 0.5rem;
--spacing-1-5: 0.75rem;
--spacing-2: 1rem;
--spacing-3: 1.5rem;
--spacing-4: 2rem;
--spacing-5: 2.5rem;
--spacing-6: 3rem;
--spacing-7: 3.5rem;
--spacing-8: 4rem;
--spacing-9: 4.5rem;
--spacing-10: 5rem;
--spacing-11: 5.5rem;
--spacing-12: 6rem;
--spacing-13: 6.5rem;
--spacing-14: 7rem;
--spacing-15: 7.5rem;
--spacing-16: 8rem;
--radius-xs: 2px;
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;
--radius-xl: 24px;
--radius-2xl: 32px;
--radius-3xl: 360px;
--font-text-weight-light: 300;
--font-text-weight-regular: 400;
--font-text-weight-semibold: 600;
--font-text-weight-bold: 700;
--font-title-weight-light: 300;
--font-title-weight-regular: 400;
--font-title-weight-semibold: 600;
--font-title-weight-bold: 700;
--spacing-0-25: 2px;
--spacing-0-5: 4px;
--spacing-0-75: 6px;
--spacing-1: 8px;
--spacing-1-5: 12px;
--spacing-2: 16px;
--spacing-3: 24px;
--spacing-4: 32px;
--spacing-5: 40px;
--spacing-6: 48px;
--spacing-7: 56px;
--spacing-8: 64px;
--spacing-9: 72px;
--spacing-10: 80px;
--spacing-11: 88px;
--spacing-12: 96px;
--spacing-13: 104px;
--spacing-14: 112px;
--spacing-15: 120px;
--spacing-16: 128px;
/* string */
--font-text-family: Poppins;
--font-title-family: Poppins;
@ -566,11 +566,11 @@
--navigation-radius: var(--radius-none);
--notification-radius: var(--radius-minimal);
--opacity-disabled: 1.875rem;
--radius-none: 0rem;
--radius-none: 0px;
--radius-minimal: var(--radius-md);
--radius-rounded: var(--radius-lg);
--radius-full: var(--radius-3xl);
--spacing-none: 0rem;
--spacing-none: 0px;
--spacing-xs: var(--spacing-0-5);
--spacing-sm: var(--spacing-1);
--spacing-md: var(--spacing-2);