2023-05-12 13:39:07 +00:00
|
|
|
@tailwind base;
|
2023-03-17 14:33:48 +00:00
|
|
|
@tailwind components;
|
2023-04-14 19:09:38 +00:00
|
|
|
@tailwind utilities;
|
2023-05-03 12:36:53 +00:00
|
|
|
|
|
|
|
body {
|
2023-05-12 13:39:07 +00:00
|
|
|
@apply bg-coolgray-100 text-white font-sans;
|
2023-05-03 12:36:53 +00:00
|
|
|
}
|
2023-05-12 13:39:07 +00:00
|
|
|
|
2023-05-16 18:47:59 +00:00
|
|
|
label {
|
|
|
|
@apply text-sm pb-2 font-bold tracking-wider;
|
|
|
|
}
|
2023-05-14 12:43:49 +00:00
|
|
|
input,
|
|
|
|
textarea {
|
2023-05-16 18:47:59 +00:00
|
|
|
@apply border border-solid border-coolgray-500 rounded p-2 px-4 bg-transparent text-white disabled:text-neutral-600 read-only:text-neutral-600 read-only:select-none outline-none focus:bg-coolgray-200/50 transition-all hover:bg-coolgray-200/50;
|
2023-05-03 12:36:53 +00:00
|
|
|
}
|
2023-05-04 08:45:09 +00:00
|
|
|
select {
|
2023-05-16 18:47:59 +00:00
|
|
|
@apply border border-solid border-coolgray-400 rounded p-2 px-4 bg-transparent text-white disabled:text-neutral-600 read-only:select-none outline-none;
|
2023-05-04 08:45:09 +00:00
|
|
|
}
|
2023-05-03 12:36:53 +00:00
|
|
|
button {
|
2023-05-16 19:49:29 +00:00
|
|
|
@apply border border-solid border-coolgray-200 px-3 p-1 cursor-pointer;
|
|
|
|
}
|
|
|
|
h1 {
|
|
|
|
@apply text-3xl font-bold pb-4;
|
|
|
|
}
|
|
|
|
h2 {
|
|
|
|
@apply text-xl font-bold pb-4;
|
|
|
|
}
|
|
|
|
h3 {
|
|
|
|
@apply text-lg font-bold pb-4;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
@apply m-2 hover:text-coollabs;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
2023-05-03 12:36:53 +00:00
|
|
|
}
|
2023-05-16 19:49:29 +00:00
|
|
|
|
2023-05-12 10:22:41 +00:00
|
|
|
.main-menu {
|
2023-05-12 13:39:07 +00:00
|
|
|
@apply relative float-left;
|
2023-05-12 09:17:56 +00:00
|
|
|
}
|
2023-05-12 10:22:41 +00:00
|
|
|
.main-menu:after {
|
2023-05-14 12:43:49 +00:00
|
|
|
content: "/";
|
2023-05-16 19:49:29 +00:00
|
|
|
@apply absolute right-0 top-0 text-neutral-400 px-2 pt-[0.5rem];
|
2023-05-12 09:17:56 +00:00
|
|
|
}
|
2023-05-12 10:22:41 +00:00
|
|
|
.magic-input {
|
2023-05-14 12:43:49 +00:00
|
|
|
@apply w-[25rem] rounded outline-none bg-coolgray-400 focus:bg-neutral-700 text-white;
|
2023-05-12 10:22:41 +00:00
|
|
|
}
|
|
|
|
.magic-items {
|
2023-05-16 12:18:09 +00:00
|
|
|
@apply absolute top-12 w-[25rem] bg-coolgray-200 border-b-2 border-r-2 border-l-2 border-solid border-coolgray-100 rounded-b;
|
2023-05-12 10:22:41 +00:00
|
|
|
}
|
|
|
|
.magic-item {
|
|
|
|
@apply m-2 py-2 pl-4 cursor-pointer hover:bg-neutral-700 text-neutral-300 hover:text-white;
|
|
|
|
}
|
|
|
|
.magic-item-focused {
|
|
|
|
@apply bg-neutral-700 text-white;
|
|
|
|
}
|