Theodor-Springmann-Stiftung/lenz-web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/lenz-web.git synced 2025-12-16 06:25:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

LENZ BRIEFAUSGABE

Browse Source
This commit is contained in:
Simon Martens
2025-11-17 14:59:32 +01:00
parent 6901989292
commit 938cdeb27b
11 changed files with 842 additions and 413 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
views/assets/style.css
View File

@@ -11,7 +11,10 @@
--color-blue-900: oklch(37.9% 0.146 265.522);
--color-blue-950: oklch(28.2% 0.091 267.935);
--color-slate-50: oklch(98.4% 0.003 247.858);
--color-slate-100: oklch(96.8% 0.007 247.896);
--color-slate-200: oklch(92.9% 0.013 255.508);
--color-slate-400: oklch(70.4% 0.04 256.788);
--color-slate-500: oklch(55.4% 0.046 257.417);
--color-slate-600: oklch(44.6% 0.043 257.281);
--color-slate-700: oklch(37.2% 0.044 257.287);
--color-slate-800: oklch(27.9% 0.041 260.031);
@@ -43,10 +46,13 @@
--text-2xl--line-height: calc(2 / 1.5);
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-wide: 0.025em;
--leading-normal: 1.5;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -211,9 +217,23 @@
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.absolute {
position: absolute;
}
@@ -423,6 +443,9 @@
.h-full {
height: 100%;
}
.max-h-64 {
max-height: calc(var(--spacing) * 64);
}
.min-h-screen {
min-height: 100vh;
}
@@ -435,9 +458,15 @@
.max-w-none {
max-width: none;
}
.flex-1 {
flex: 1;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
@@ -481,9 +510,53 @@
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-between {
justify-content: space-between;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.space-y-1 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-1\.5 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-2 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-4 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-5 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-6 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
@@ -504,6 +577,20 @@
.gap-x-1\.5 {
column-gap: calc(var(--spacing) * 1.5);
}
.divide-y {
:where(& > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
}
.divide-slate-100 {
:where(& > :not(:last-child)) {
border-color: var(--color-slate-100);
}
}
.self-end {
align-self: flex-end;
}
@@ -513,6 +600,9 @@
.justify-self-end {
justify-self: flex-end;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded {
border-radius: 0.25rem;
}
@@ -542,6 +632,15 @@
.border-gray-300 {
border-color: var(--color-gray-300);
}
.border-slate-100 {
border-color: var(--color-slate-100);
}
.border-slate-200 {
border-color: var(--color-slate-200);
}
.border-slate-900 {
border-color: var(--color-slate-900);
}
.border-t-gray-200 {
border-top-color: var(--color-gray-200);
}
@@ -551,18 +650,30 @@
.bg-gray-900 {
background-color: var(--color-gray-900);
}
.bg-slate-900 {
background-color: var(--color-slate-900);
}
.bg-white {
background-color: var(--color-white);
}
.mask-repeat {
mask-repeat: repeat;
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * 0.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
@@ -581,6 +692,9 @@
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-1\.5 {
padding-bottom: calc(var(--spacing) * 1.5);
}
@@ -593,6 +707,9 @@
.text-justify {
text-align: justify;
}
.text-left {
text-align: left;
}
.align-bottom {
vertical-align: bottom;
}
@@ -632,6 +749,19 @@
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[0\.7rem\] {
font-size: 0.7rem;
}
.text-\[0\.65rem\] {
font-size: 0.65rem;
}
.text-\[0\.75rem\] {
font-size: 0.75rem;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
@@ -640,10 +770,18 @@
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.text-wrap {
text-wrap: wrap;
}
@@ -669,6 +807,15 @@
.text-gray-800 {
color: var(--color-gray-800);
}
.text-slate-500 {
color: var(--color-slate-500);
}
.text-slate-600 {
color: var(--color-slate-600);
}
.text-slate-700 {
color: var(--color-slate-700);
}
.text-white {
color: var(--color-white);
}
@@ -733,9 +880,17 @@
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.placeholder-slate-400 {
&::placeholder {
color: var(--color-slate-400);
}
}
.opacity-0 {
opacity: 0%;
}
.opacity-70 {
opacity: 70%;
}
.opacity-100 {
opacity: 100%;
}
@@ -797,6 +952,20 @@
-webkit-user-select: all;
user-select: all;
}
.hover\:border-slate-400 {
&:hover {
@media (hover: hover) {
border-color: var(--color-slate-400);
}
}
}
.hover\:bg-slate-100 {
&:hover {
@media (hover: hover) {
background-color: var(--color-slate-100);
}
}
}
.hover\:text-slate-900 {
&:hover {
@media (hover: hover) {
@@ -811,6 +980,38 @@
}
}
}
.focus\:border-slate-400 {
&:focus {
border-color: var(--color-slate-400);
}
}
.focus\:ring-1 {
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
.focus\:ring-slate-400 {
&:focus {
--tw-ring-color: var(--color-slate-400);
}
}
.focus\:outline-none {
&:focus {
--tw-outline-style: none;
outline-style: none;
}
}
.lg\:w-72 {
@media (width >= 64rem) {
width: calc(var(--spacing) * 72);
}
}
.lg\:flex-row {
@media (width >= 64rem) {
flex-direction: row;
}
}
.print\:hidden {
@media print {
display: none;
@@ -1293,7 +1494,8 @@
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-slate-800);
}
.text .page {
.text .count .page,
.text .notes .page {
visibility: hidden;
font-family: var(--font-sans);
font-size: var(--text-sm);
@@ -1392,6 +1594,11 @@
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
@@ -1405,6 +1612,10 @@
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-ordinal {
syntax: "*";
inherits: false;
@@ -1604,9 +1815,11 @@
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;