2023-03-05 16:07:40 +01:00
|
|
|
@import "tailwindcss/base";
|
|
|
|
@import "tailwindcss/components";
|
|
|
|
@import "tailwindcss/utilities";
|
|
|
|
|
2023-03-14 22:57:40 +01:00
|
|
|
@import "./lightbox.css";
|
2023-07-20 07:20:21 +02:00
|
|
|
@import "./tablesort.css";
|
2023-03-14 22:57:40 +01:00
|
|
|
|
2023-09-05 21:59:37 +02:00
|
|
|
/*
|
|
|
|
The base layer is for things like reset rules or default styles applied to plain HTML elements.
|
|
|
|
*/
|
2023-03-15 10:21:08 +01:00
|
|
|
@layer base {
|
2023-09-05 21:59:37 +02:00
|
|
|
html {
|
|
|
|
font-family: 'Inter', sans-serif;
|
|
|
|
font-feature-settings: "case", "cpsp", "frac", "salt", "ccmp", "cv01", "cv02", "cv03", "cv04", "cv05", "cv06", "cv07", "cv09", "cv10", "cv11";
|
2023-09-09 10:24:22 +02:00
|
|
|
@apply text-slate-800;
|
2023-03-31 22:56:34 +02:00
|
|
|
}
|
2023-03-15 10:21:08 +01:00
|
|
|
|
2023-09-05 21:59:37 +02:00
|
|
|
.stack > * + * {
|
|
|
|
margin-block-start: var(--flow-space, 1em);
|
2023-05-20 19:26:58 +02:00
|
|
|
}
|
2023-03-17 21:21:01 +01:00
|
|
|
|
2023-09-09 10:24:22 +02:00
|
|
|
/*
|
|
|
|
* ============= SITE LAYOUT =============
|
|
|
|
*/
|
|
|
|
|
2023-09-05 21:59:37 +02:00
|
|
|
#site-header {
|
2023-09-09 10:24:22 +02:00
|
|
|
@apply block px-3 py-6 bg-gradient-to-r from-slate-900 to-slate-950 text-white print:hidden;
|
2023-05-22 20:05:44 +02:00
|
|
|
|
2023-09-09 10:58:44 +02:00
|
|
|
& nav ul {
|
|
|
|
@apply flex;
|
2023-06-27 22:05:14 +02:00
|
|
|
|
2023-09-09 10:58:44 +02:00
|
|
|
& a { @apply p-3 rounded hover:bg-primary-500 transition; }
|
2023-09-09 10:24:22 +02:00
|
|
|
}
|
2023-06-28 10:48:27 +02:00
|
|
|
}
|
|
|
|
|
2023-09-09 10:24:22 +02:00
|
|
|
#primary-sidebar {
|
2023-09-05 21:59:37 +02:00
|
|
|
@apply col-span-1;
|
2023-07-11 07:23:07 +02:00
|
|
|
|
2023-09-09 10:58:44 +02:00
|
|
|
& nav {
|
|
|
|
@apply flex md:flex-row lg:flex-col mb-6 lg:mb-0;
|
2023-09-09 10:24:22 +02:00
|
|
|
}
|
2023-07-11 07:23:07 +02:00
|
|
|
|
2023-09-09 10:24:22 +02:00
|
|
|
.menu {
|
|
|
|
@apply flex-1;
|
|
|
|
}
|
2023-07-11 07:23:07 +02:00
|
|
|
}
|
|
|
|
|
2023-09-09 10:24:22 +02:00
|
|
|
#site-content {
|
|
|
|
@apply grid grid-cols-1 lg:grid-cols-5 gap-0 lg:gap-12;
|
2023-09-09 10:58:44 +02:00
|
|
|
@apply px-3 sm:px-0;
|
2023-09-09 10:24:22 +02:00
|
|
|
|
2023-09-09 10:58:44 +02:00
|
|
|
> #secondary-sidebar {
|
2023-09-09 10:24:22 +02:00
|
|
|
@apply col-span-1;
|
|
|
|
}
|
|
|
|
|
2023-09-09 10:58:44 +02:00
|
|
|
> #content-wrapper {
|
2023-09-09 10:24:22 +02:00
|
|
|
@apply col-span-4;
|
|
|
|
}
|
2023-07-11 07:23:07 +02:00
|
|
|
}
|
2023-07-13 07:33:55 +02:00
|
|
|
|
2023-09-09 10:24:22 +02:00
|
|
|
/*
|
|
|
|
* ============= PAGE LAYOUT =============
|
|
|
|
*/
|
|
|
|
|
|
|
|
header.page-header {
|
|
|
|
@apply border-b border-slate-300;
|
|
|
|
|
|
|
|
> h1 {
|
|
|
|
@apply text-3xl leading-loose font-bold text-slate-900;
|
|
|
|
}
|
|
|
|
|
|
|
|
> p {
|
|
|
|
@apply mb-3;
|
|
|
|
}
|
2023-07-13 07:33:55 +02:00
|
|
|
}
|
2023-09-09 10:24:22 +02:00
|
|
|
}
|
2023-07-18 12:46:25 +02:00
|
|
|
|
2023-09-09 10:24:22 +02:00
|
|
|
/*
|
|
|
|
The components layer is for class-based styles that you want to be able to override with utilities.
|
|
|
|
*/
|
|
|
|
@layer components {
|
2023-09-05 21:59:37 +02:00
|
|
|
.divider {
|
|
|
|
@apply flex items-center my-8 before:flex-1 after:flex-1 before:content-[''] after:content-[''] before:p-[0.5px] after:p-[0.5px] w-full mx-auto last:hidden;
|
2023-07-18 12:46:25 +02:00
|
|
|
}
|
2023-04-01 12:09:58 +02:00
|
|
|
}
|
|
|
|
|
2023-09-05 21:59:37 +02:00
|
|
|
/*
|
|
|
|
The utilities layer is for small, single-purpose classes that should always take precedence over any other styles.
|
|
|
|
*/
|
|
|
|
@layer utilities {
|
|
|
|
|
2023-03-15 19:16:01 +01:00
|
|
|
}
|