lasthourcloud/resources/css/app.css

48 lines
1.2 KiB
CSS
Raw Normal View History

2023-05-12 13:39:07 +00:00
@tailwind base;
2023-03-17 14:33:48 +00:00
@tailwind components;
@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-14 12:43:49 +00:00
input,
textarea {
@apply border-none p-2 bg-coolgray-200 text-white disabled:text-neutral-600 read-only:text-neutral-600 read-only:select-none outline-none;
2023-05-03 12:36:53 +00:00
}
2023-05-04 08:45:09 +00:00
select {
2023-05-12 13:39:07 +00:00
@apply border-none p-2 bg-coolgray-200 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-03 12:40:58 +00:00
@apply border-none px-2 p-1 cursor-pointer;
2023-05-03 12:36:53 +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-12 13:39:07 +00:00
@apply absolute right-0 top-0 text-neutral-400 px-2 pt-[0.3rem];
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-12 13:39:07 +00:00
@apply absolute top-14 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;
}
2023-05-12 13:39:07 +00:00
h1 {
@apply text-3xl font-bold py-4;
}
h2 {
@apply text-xl font-bold py-4;
}
.box {
@apply flex items-center justify-center text-sm rounded cursor-pointer h-14 bg-coolgray-200 hover:bg-coollabs p-2;
}