parfum/resources/css/app.css

60 lines
1.6 KiB
CSS

@import 'tailwindcss';
@import '../../vendor/livewire/flux/dist/flux.css';
@custom-variant dark (&:where(.dark, .dark *));
:root {
--home-background: #F5FEFF;
--home-accent: #E2E8F0;
--home-foreground: #000000;
--home-primary: #0E2F76;
--home-secondary: #AAC0E1;
--home-surface: #C7B189;
--home-neutral: #334155;
}
@theme {
--font-sans: Inter, sans-serif;
--color-accent: var(--color-emerald-600);
--color-accent-content: var(--color-emerald-600);
--color-accent-foreground: var(--color-white);
--color-home-background: var(--home-background);
--color-home-accent: var(--home-accent);
--color-home-foreground: var(--home-foreground);
--color-home-primary: var(--home-primary);
--color-home-secondary: var(--home-secondary);
--color-home-surface: var(--home-surface);
--color-home-neutral: var(--home-neutral);
}
@layer theme {
.dark {
--color-accent: var(--color-emerald-600);
--color-accent-content: var(--color-emerald-400);
--color-accent-foreground: var(--color-white);
--color-home-background: var(--home-background);
--color-home-foreground: var(--home-foreground);
--color-home-primary: var(--home-primary);
}
}
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@layer components {
.dropzone-wrapper {
@import "@dasundev/livewire-dropzone-styles";
}
}
/* * {
border: 1px red solid;
} */
[x-cloak] {
display: none !important;
}