style: format CSS

This commit is contained in:
Linus Rath
2026-03-10 16:12:48 +01:00
parent c1956bfb2d
commit 40e7fa3776
+27 -11
View File
@@ -62,9 +62,14 @@
body { body {
background-color: var(--color-background); background-color: var(--color-background);
color: var(--color-foreground); color: var(--color-foreground);
font-family: system-ui, -apple-system, sans-serif; font-family:
system-ui,
-apple-system,
sans-serif;
font-size: var(--font-size-base); font-size: var(--font-size-base);
font-feature-settings: "rlig" 1, "calt" 1; font-feature-settings:
"rlig" 1,
"calt" 1;
} }
/* Minimalist scrollbar */ /* Minimalist scrollbar */
@@ -97,7 +102,9 @@ body {
} }
.email-content { .email-content {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
Arial, sans-serif;
font-size: 0.9375rem; font-size: 0.9375rem;
line-height: 1.6; line-height: 1.6;
color: var(--color-foreground); color: var(--color-foreground);
@@ -153,7 +160,7 @@ body {
border: 1px solid #e5e7eb; border: 1px solid #e5e7eb;
border-radius: 0.375rem; border-radius: 0.375rem;
padding: 1rem; padding: 1rem;
font-family: 'SF Mono', Monaco, Menlo, Consolas, monospace; font-family: "SF Mono", Monaco, Menlo, Consolas, monospace;
font-size: 0.875rem; font-size: 0.875rem;
overflow-x: auto; overflow-x: auto;
margin: 1rem 0; margin: 1rem 0;
@@ -168,7 +175,7 @@ body {
background-color: #f3f4f6; background-color: #f3f4f6;
padding: 0.125rem 0.375rem; padding: 0.125rem 0.375rem;
border-radius: 0.25rem; border-radius: 0.25rem;
font-family: 'SF Mono', Monaco, Menlo, Consolas, monospace; font-family: "SF Mono", Monaco, Menlo, Consolas, monospace;
font-size: 0.875rem; font-size: 0.875rem;
color: #dc2626; color: #dc2626;
} }
@@ -189,10 +196,18 @@ body {
color: var(--color-foreground); color: var(--color-foreground);
} }
.email-content h1 { font-size: 1.5rem; } .email-content h1 {
.email-content h2 { font-size: 1.25rem; } font-size: 1.5rem;
.email-content h3 { font-size: 1.125rem; } }
.email-content h4 { font-size: 1rem; } .email-content h2 {
font-size: 1.25rem;
}
.email-content h3 {
font-size: 1.125rem;
}
.email-content h4 {
font-size: 1rem;
}
.email-content ul, .email-content ul,
.email-content ol { .email-content ol {
@@ -306,7 +321,6 @@ body {
animation: slide-in 0.3s ease-out; animation: slide-in 0.3s ease-out;
} }
/* Mobile Responsive Utilities */ /* Mobile Responsive Utilities */
/* Safe area insets for notched devices (iPhone X+, etc.) */ /* Safe area insets for notched devices (iPhone X+, etc.) */
@@ -341,7 +355,9 @@ body {
/* Smooth transitions for view switching */ /* Smooth transitions for view switching */
.view-transition { .view-transition {
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition:
transform 0.3s ease-in-out,
opacity 0.3s ease-in-out;
} }
/* Hide scrollbar on mobile while keeping functionality */ /* Hide scrollbar on mobile while keeping functionality */