mirror of
https://github.com/Theodor-Springmann-Stiftung/lenz-web.git
synced 2025-10-28 16:55:32 +00:00
78 lines
1.8 KiB
CSS
78 lines
1.8 KiB
CSS
@import "tailwindcss";
|
|
@theme {
|
|
--font-script: Rancho, ui-serif;
|
|
--font-sans: "Linux Biolinum", "Merriweather Sans", ui-sans-serif;
|
|
--font-serif: "Linux Libertine", ui-serif;
|
|
|
|
--color-background: oklch(0.985 0.001 106.423);
|
|
--color-background-darker: oklch(0.97 0.001 106.424);
|
|
--color-background-dark: oklch(0.923 0.003 48.717);
|
|
|
|
--color-border-main: oklch(0.97 0.001 106.424);
|
|
--color-border-secondary: oklch(0.923 0.003 48.717);
|
|
|
|
--color-text: oklch(0.21 0.034 264.665);
|
|
--color-text-strong: oklch(0 0 0);
|
|
--color-text-muted: oklch(0.373 0.034 259.733);
|
|
--color-text-disabled: oklch(0.872 0.01 258.338);
|
|
--color-text-subtle: oklch(0.707 0.022 261.325);
|
|
|
|
--color-accent-blue-500: oklch(0.623 0.214 259.815);
|
|
--color-accent-blue-100: oklch(0.932 0.032 255.585);
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentColor);
|
|
}
|
|
}
|
|
|
|
@utility font-variant-small-caps {
|
|
font-variant-caps: small-caps;
|
|
}
|
|
|
|
@layer components {
|
|
html {
|
|
font-size: 16px;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
@media (max-width: 1280px) {
|
|
html {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
@media (max-width: 640px) {
|
|
html {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
body {
|
|
@apply bg-stone-50;
|
|
}
|
|
|
|
.container-normal {
|
|
@apply w-full max-w-(--breakpoint-xl) mx-auto px-3 py-4 relative;
|
|
}
|
|
|
|
.stdlink {
|
|
@apply underline decoration-dotted;
|
|
}
|
|
|
|
nav a[aria-current="page"] {
|
|
@apply font-bold text-red-500;
|
|
}
|
|
}
|