68 lines
1.7 KiB
CSS
68 lines
1.7 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
body {
|
|
@apply bg-coolgray-100 text-white;
|
|
}
|
|
input {
|
|
@apply input w-full max-w-xl input-bordered input-sm;
|
|
}
|
|
textarea {
|
|
@apply textarea textarea-sm;
|
|
}
|
|
|
|
/* input,
|
|
textarea {
|
|
@apply border border-solid border-coolgray-500 bg-coolgray-200 rounded p-2 px-4 text-white outline-none transition-all;
|
|
}
|
|
input,
|
|
textarea {
|
|
@apply disabled:text-neutral-600 read-only:text-neutral-600 read-only:select-none read-only:bg-coolgray-200/50;
|
|
} */
|
|
select {
|
|
@apply border border-solid border-coolgray-400 rounded p-2 px-4 bg-coolgray-200 text-white disabled:text-neutral-600 read-only:select-none outline-none;
|
|
}
|
|
button {
|
|
@apply btn btn-xs btn-ghost no-animation normal-case;
|
|
}
|
|
button[type="submit"] {
|
|
@apply btn-primary btn-sm;
|
|
}
|
|
h1 {
|
|
@apply text-3xl font-bold pb-4;
|
|
}
|
|
h2 {
|
|
@apply text-2xl font-bold pb-4;
|
|
}
|
|
h3 {
|
|
@apply text-xl font-bold pb-4;
|
|
}
|
|
a{
|
|
@apply hover:text-white text-sm;
|
|
}
|
|
|
|
.box {
|
|
@apply flex items-center justify-center text-sm rounded cursor-pointer h-14 bg-coolgray-200 hover:bg-coollabs-100 hover:text-white p-2 hover:no-underline;
|
|
}
|
|
|
|
.main-menu {
|
|
@apply relative float-left;
|
|
}
|
|
.main-menu:after {
|
|
content: "/";
|
|
@apply font-bold absolute right-0 top-0 text-neutral-400 px-2 pt-[0.7rem];
|
|
}
|
|
.magic-input {
|
|
@apply input input-ghost w-96 placeholder:text-neutral-400 text-sm;
|
|
}
|
|
.magic-items {
|
|
@apply absolute top-16 mt-2 w-[24rem] bg-coolgray-200 rounded-xl outline outline-coolgray-500;
|
|
}
|
|
.magic-item {
|
|
@apply text-sm flex items-center gap-4 m-2 py-2 pl-4 cursor-pointer hover:bg-coolgray-500 text-neutral-400 hover:text-white rounded-xl transition-colors hover:shadow;
|
|
}
|
|
.magic-item-focused {
|
|
@apply bg-neutral-700 text-white;
|
|
}
|