Jérémy Munsch
089304966d
Added new tertiary color variables to improve styling consistency. Updated text classes in Gamme component to utilize the new colors.
55 lines
1.3 KiB
SCSS
55 lines
1.3 KiB
SCSS
// * COMMON CSS.
|
|
@use './../common';
|
|
@use './fonts';
|
|
@use './vendor/cookie-notice';
|
|
|
|
|
|
@layer base {
|
|
:root {
|
|
@apply border-border font-gotham;
|
|
|
|
--primary: 40 100% 64%;
|
|
--primary-foreground: 227 65% 19%;
|
|
--background: 0 0% 100%;
|
|
--secondary: 210 40% 96.1%;
|
|
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
--accent: 220 14% 96%;
|
|
--accent-foreground: 227 51% 23%;
|
|
--foreground: 227 65% 19%;
|
|
--tertiary: 43 100% 37%;
|
|
--tertiary-foreground: 43deg 47.4% 11.2%;
|
|
// No customize here
|
|
--muted: 210 40% 96.1%;
|
|
--muted-foreground: 215.4 16.3% 46.9%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 222.2 84% 4.9%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 222.2 84% 4.9%;
|
|
--border: 214.3 31.8% 91.4%;
|
|
--input: 214.3 31.8% 91.4%;
|
|
// End no customize
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 210 40% 98%;
|
|
--successive: 113 100% 38%;
|
|
--successive-foreground: 210 40% 98%;
|
|
--informative: 207 69% 48%;
|
|
--informative-foreground: 210 40% 98%;
|
|
--preventive: 46 100% 50%;
|
|
--preventive-foreground: 210 40% 98%;
|
|
--ring: 222.2 84% 4.9%;
|
|
--radius: 0.5rem;
|
|
--validated: 96 43% 16%;
|
|
}
|
|
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
}
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.swiper-pagination {
|
|
@apply w-full flex justify-center items-center;
|
|
}
|