111 lines
2.5 KiB
SCSS
Executable file
111 lines
2.5 KiB
SCSS
Executable file
:root {
|
|
|
|
|
|
--font-title: 'Borna', Arial, sans-serif;
|
|
--font: 'Nunito', Arial, sans-serif;
|
|
|
|
--fs-small: 14px;
|
|
--fs-normal: 16px;
|
|
--fs-medium: 22px;
|
|
--fs-title-page: 42px;
|
|
|
|
--spacing: 20px;
|
|
|
|
font-size: 14px;
|
|
--unit: 24px;
|
|
|
|
--padding-body: 32px;
|
|
--padding-inner: 16px;
|
|
|
|
--radius-small: 3px;
|
|
--radius-btn: 6px;
|
|
--radius-img: 6px;
|
|
|
|
--header-h: 80px;
|
|
--header-z: 9000;
|
|
|
|
--white: white;
|
|
--color-bg: white;
|
|
|
|
--w-border: 2px;
|
|
|
|
|
|
--color-violet: #6e62a4;
|
|
--color-violet-medium: #9b92c4;
|
|
--color-violet-light: #e1dfec;
|
|
|
|
// --color-yellow: #c4a233;
|
|
--color-yellow: #d4a938;
|
|
--color-yellow-medium: #e0c46a;
|
|
--color-yellow-light: #f5f0d5;
|
|
--color-map: #ad8422;
|
|
|
|
--color-blue: #0f70c0;
|
|
--color-blue-medium: #5aa0da;
|
|
--color-blue-light: #d1e5f7;
|
|
|
|
--color-orange: #f17f2d;
|
|
--color-orange-medium: #f3a066;
|
|
--color-orange-light: #f3e7e0;
|
|
|
|
--color-green: #007953;
|
|
// --color-green-medium: #a1ccbe;
|
|
--color-green-medium: #42af8c;
|
|
--color-green-light: #d5ebe4;
|
|
--color-green-x-light: #eef7f4;
|
|
--color-green-black: #016042;
|
|
|
|
--color-txt: rgb(41, 41, 41);
|
|
--color-txt: #0D2846;
|
|
--color-txt-light: #a5a9a9;
|
|
--color-light: #DCDDDD;
|
|
--color-x-light: #eaebeb;
|
|
--color-xx-light: #f4f4f4;
|
|
|
|
|
|
|
|
// --color: var(--color-green);
|
|
// --color-medium: var(--color-green-medium);
|
|
// --color-light: var(--color-green-light);
|
|
|
|
--data-color: var(--color-green);
|
|
--data-color-medium: var(--color-green-medium);
|
|
--data-color-light: var(--color-green-light);
|
|
|
|
|
|
--max-width-content: 740px;
|
|
--max-width-container: 860px;
|
|
--top-target: calc(var(--spacing)*5);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[data-type="livrets"]{
|
|
--data-color: var(--color-violet);
|
|
--data-color-medium: var(--color-violet-medium);
|
|
--data-color-light: var(--color-violet-light);
|
|
}
|
|
|
|
|
|
[data-type="base-connaissance"]{
|
|
--data-color: var(--color-green);
|
|
--data-color-medium: var(--color-green-medium);
|
|
--data-color-light: var(--color-green-light);
|
|
|
|
}
|
|
|
|
[data-type="animations"]{
|
|
--data-color: var(--color-orange);
|
|
--data-color-medium: var(--color-orange-medium);
|
|
--data-color-light: var(--color-orange-light);
|
|
}
|
|
|
|
[data-type="methodologie"]{
|
|
|
|
--data-color: var(--color-yellow);
|
|
--data-color-medium: var(--color-yellow-medium);
|
|
--data-color-light: var(--color-yellow-light);
|
|
}
|