46 lines
1.2 KiB
CSS
46 lines
1.2 KiB
CSS
@import "tailwindcss";
|
|
@plugin "flowbite-react/plugin/tailwindcss";
|
|
@source "../.flowbite-react/class-list.json";
|
|
|
|
@theme {
|
|
--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
|
|
/* Breakpoints */
|
|
--breakpoint-3xl: 1920px;
|
|
|
|
--color-primary: oklch(0.55 0.21 254);
|
|
--color-primary-pressed: oklch(0.45 0.21 254);
|
|
--color-secondary: oklch(0.94 0.01 250);
|
|
--color-accent: oklch(0.68 0.20 288);
|
|
--color-text: oklch(0.17 0.01 270);
|
|
--color-background: oklch(0.97 0.005 250);
|
|
--color-surface: oklch(1 0 0);
|
|
--color-border: oklch(0.91 0.008 250);
|
|
|
|
/* Easing */
|
|
--ease-fluid: cubic-bezier(0.3, 0, 0, 1);
|
|
--ease-snappy: cubic-bezier(0.2, 0, 0, 1);
|
|
}
|
|
|
|
#range-slider .range-slider__range {
|
|
background: var(--color-primary);
|
|
}
|
|
|
|
#range-slider .range-slider__thumb {
|
|
background: var(--color-primary);
|
|
}
|
|
|
|
:root {
|
|
font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-background);
|
|
}
|