97 lines
3.1 KiB
CSS
97 lines
3.1 KiB
CSS
@import 'tailwindcss';
|
|
@import '../../vendor/livewire/flux/dist/flux.css';
|
|
|
|
@plugin '@tailwindcss/forms';
|
|
@plugin '@tailwindcss/typography';
|
|
|
|
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
|
|
@source '../../vendor/laravel/jetstream/**/*.blade.php';
|
|
|
|
@theme {
|
|
--font-sans:
|
|
Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
|
|
--color-jet: #33312e;
|
|
--color-pumpkin: #FE7F2D;
|
|
--color-sunglow: #FCCA46;
|
|
--color-olivine: #A1C181;
|
|
--color-zomp: #619B8A;
|
|
|
|
--color-jet-50: #f6f5f5;
|
|
--color-jet-100: #e8e6e5;
|
|
--color-jet-200: #d3d0ce;
|
|
--color-jet-300: #b5afab;
|
|
--color-jet-900: #3f3d3a;
|
|
|
|
--color-pumpkin-50: #fff6ed;
|
|
--color-pumpkin-100: #ffebd4;
|
|
--color-pumpkin-200: #ffd2a9;
|
|
--color-pumpkin-300: #ffb272;
|
|
--color-pumpkin-400: #FE7F2D;
|
|
--color-pumpkin-500: #fd6412;
|
|
--color-pumpkin-600: #ee4a08;
|
|
--color-pumpkin-700: #c53509;
|
|
--color-pumpkin-800: #9c2b10;
|
|
--color-pumpkin-900: #7e2610;
|
|
--color-pumpkin-950: #440f06;
|
|
|
|
--color-nuke-50: oklch(0.99 0.0358 117.24);
|
|
--color-nuke-100: oklch(0.97 0.0779 120.18);
|
|
--color-nuke-200: oklch(0.95 0.1412 121.89);
|
|
--color-nuke-300: oklch(0.93 0.2049 125.66);
|
|
--color-nuke-400: oklch(0.91 0.2468 130.72);
|
|
--color-nuke-500: oklch(0.84 0.231054 131.6647);
|
|
--color-nuke-600: oklch(0.71 0.197756 132.5804);
|
|
--color-nuke-700: oklch(0.57 0.1604 132.33);
|
|
--color-nuke-800: oklch(0.48 0.1306 131.73);
|
|
--color-nuke-900: oklch(0.43 0.112 131.31);
|
|
--color-nuke-950: oklch(0.29 0.0821 132.58);
|
|
|
|
--color-etheral-50:oklch(0.98 0.019 204.85);
|
|
--color-etheral-100:oklch(0.95 0.0444 210.46);
|
|
--color-etheral-200:oklch(0.9 0.0777 214.41);
|
|
--color-etheral-300:oklch(0.82 0.1327 218.85);
|
|
--color-etheral-400:oklch(0.77 0.1401 223.63);
|
|
--color-etheral-500:oklch(0.68 0.1345 228.8);
|
|
--color-etheral-600:oklch(0.58 0.1216 233.84);
|
|
--color-etheral-700:oklch(0.5 0.1034 235.16);
|
|
--color-etheral-800:oklch(0.43 0.0843 235.25);
|
|
--color-etheral-900:oklch(0.38 0.0743 238.47);
|
|
--color-etheral-950:oklch(0.29 0.0601 239.11);
|
|
|
|
--color-blackout-50:oklch(0.97 0 0);
|
|
--color-blackout-100:oklch(0.93 0 0);
|
|
--color-blackout-200:oklch(0.86 0 0);
|
|
--color-blackout-300:oklch(0.76 0 0);
|
|
--color-blackout-400:oklch(0.63 0 0);
|
|
--color-blackout-500:oklch(0.53 0 0);
|
|
--color-blackout-600:oklch(0.48 0 0);
|
|
--color-blackout-700:oklch(0.43 0 0);
|
|
--color-blackout-800:oklch(0.39 0 0);
|
|
--color-blackout-900:oklch(0.36 0 0);
|
|
--color-blackout-950:oklch(0.31 0 0);
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentColor);
|
|
}
|
|
}
|
|
|
|
[x-cloak] {
|
|
display: none;
|
|
}
|