mirror of
https://github.com/ClaperCo/Claper.git
synced 2025-12-16 11:57:58 +01:00
64 lines
1.5 KiB
CSS
64 lines
1.5 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
@utility btn {
|
|
@apply rounded-full !font-display text-small-body;
|
|
}
|
|
|
|
@utility input {
|
|
@apply rounded-full focus:outline-none focus-within:outline-none focus:border-2 focus-within:border-2 !font-display text-small-body transition-all;
|
|
}
|
|
|
|
@utility select {
|
|
@apply rounded-full focus:outline-none focus-within:outline-none focus:border-2 focus-within:border-2 !font-display text-small-body transition-all;
|
|
}
|
|
|
|
@utility label {
|
|
@apply ml-2;
|
|
}
|
|
|
|
@utility fieldset-legend {
|
|
@apply ml-3;
|
|
}
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "claper";
|
|
default: true; /* set as default */
|
|
prefersdark: false; /* set as default dark mode (prefers-color-scheme:dark) */
|
|
color-scheme: light; /* color of browser-provided UI */
|
|
|
|
--color-primary: #140753;
|
|
--color-primary-content: #ffffff;
|
|
--color-secondary: #f4f4f4;
|
|
--color-secondary-content: #140553;
|
|
--color-accent: #8611ed;
|
|
--color-accent-content: #ffffff;
|
|
--color-neutral: #000000;
|
|
--color-neutral-content: #ffffff;
|
|
--color-info: #79bfe2;
|
|
--color-info-content: #0e3649;
|
|
--color-success: #3cb957;
|
|
--color-success-content: #143e1d;
|
|
--color-warning: #ffb62e;
|
|
--color-warning-content: #523500;
|
|
--color-error: #e7000b;
|
|
--color-error-content: #fff;
|
|
/* border radius */
|
|
--radius-selector: 1rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
|
|
/* base sizes */
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
|
|
/* border size */
|
|
--border: 1px;
|
|
|
|
/* effects */
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
@import "./modern.css" layer(theme);
|