melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: cleanup files

Browse Source
This commit is contained in:
mkelvers
2026-04-08 18:02:54 +02:00
parent b3477fa7dd
commit a0617ec127
17 changed files with 82 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
static/css/style.css
View File

@@ -10,21 +10,34 @@
--link-active: #9966ff;
/* fluid typography scale */
--text-xs: clamp(0.625rem, 0.55rem + 0.25vw, 0.75rem); /* 10-12px */
--text-sm: clamp(0.6875rem, 0.6rem + 0.3vw, 0.8125rem); /* 11-13px */
--text-base: clamp(0.75rem, 0.65rem + 0.35vw, 0.9375rem); /* 12-15px */
--text-md: clamp(0.8125rem, 0.7rem + 0.4vw, 1rem); /* 13-16px */
--text-lg: clamp(0.875rem, 0.75rem + 0.45vw, 1.125rem); /* 14-18px */
--text-xl: clamp(1rem, 0.85rem + 0.5vw, 1.375rem); /* 16-22px */
--text-2xl: clamp(1.125rem, 0.95rem + 0.6vw, 1.5rem); /* 18-24px */
--text-xs: clamp(0.625rem, 0.55rem + 0.25vw, 0.75rem);
/* 10-12px */
--text-sm: clamp(0.6875rem, 0.6rem + 0.3vw, 0.8125rem);
/* 11-13px */
--text-base: clamp(0.75rem, 0.65rem + 0.35vw, 0.9375rem);
/* 12-15px */
--text-md: clamp(0.8125rem, 0.7rem + 0.4vw, 1rem);
/* 13-16px */
--text-lg: clamp(0.875rem, 0.75rem + 0.45vw, 1.125rem);
/* 14-18px */
--text-xl: clamp(1rem, 0.85rem + 0.5vw, 1.375rem);
/* 16-22px */
--text-2xl: clamp(1.125rem, 0.95rem + 0.6vw, 1.5rem);
/* 18-24px */
/* fluid spacing */
--space-xs: clamp(0.25rem, 0.2rem + 0.15vw, 0.375rem); /* 4-6px */
--space-sm: clamp(0.375rem, 0.3rem + 0.2vw, 0.5rem); /* 6-8px */
--space-md: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem); /* 8-12px */
--space-lg: clamp(0.75rem, 0.6rem + 0.5vw, 1rem); /* 12-16px */
--space-xl: clamp(1rem, 0.8rem + 0.7vw, 1.5rem); /* 16-24px */
--space-2xl: clamp(1.5rem, 1.2rem + 1vw, 2.5rem); /* 24-40px */
--space-xs: clamp(0.25rem, 0.2rem + 0.15vw, 0.375rem);
/* 4-6px */
--space-sm: clamp(0.375rem, 0.3rem + 0.2vw, 0.5rem);
/* 6-8px */
--space-md: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);
/* 8-12px */
--space-lg: clamp(0.75rem, 0.6rem + 0.5vw, 1rem);
/* 12-16px */
--space-xl: clamp(1rem, 0.8rem + 0.7vw, 1.5rem);
/* 16-24px */
--space-2xl: clamp(1.5rem, 1.2rem + 1vw, 2.5rem);
/* 24-40px */
/* fluid sizing */
--poster-width: clamp(100px, 8vw + 60px, 180px);
@@ -124,7 +137,7 @@ header {
border-color: var(--link);
}
.search-input:focus + .search-dropdown {
.search-input:focus+.search-dropdown {
border-color: var(--link);
border-top-color: var(--link);
}
@@ -214,6 +227,7 @@ header {
color: var(--text);
font-weight: 500;
display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
@@ -301,6 +315,7 @@ a:visited {
font-size: var(--text-base);
color: var(--text);
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
@@ -322,18 +337,38 @@ a:visited {
animation: pulse 1.5s ease-in-out infinite;
}
.loading-dot:nth-child(2) { animation-delay: 0.2s; }
.loading-dot:nth-child(3) { animation-delay: 0.4s; }
.loading-dot:nth-child(2) {
animation-delay: 0.2s;
}
.loading-dot:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes pulse {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
0%,
100% {
opacity: 0.3;
}
50% {
opacity: 1;
}
}
/* HTMX Loading States */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline-block; }
.htmx-request.htmx-indicator { display: inline-block; }
.htmx-indicator {
display: none;
}
.htmx-request .htmx-indicator {
display: inline-block;
}
.htmx-request.htmx-indicator {
display: inline-block;
}
.dropdown-item.htmx-request,
.dropdown-trigger.htmx-request,
@@ -754,6 +789,7 @@ a.htmx-request {
font-size: var(--text-sm);
color: var(--text);
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
@@ -1157,6 +1193,7 @@ a.htmx-request {
margin-bottom: var(--space-xs);
line-height: 1.3;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
@@ -1280,6 +1317,7 @@ a.htmx-request {
margin-bottom: var(--space-xs);
line-height: 1.3;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
@@ -1315,8 +1353,8 @@ a.htmx-request {
color: var(--text-muted);
margin: var(--space-xs) 0 0 0;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}