initial commit
This commit is contained in:
@@ -0,0 +1,103 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
--font-sans: var(--font-instrument-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
--font-serif: var(--font-playfair), ui-serif, Georgia, serif;
|
||||
|
||||
--color-canvas: #f8fafc;
|
||||
--color-surface: #ffffff;
|
||||
--color-surface-soft: #f1f5f9;
|
||||
--color-primary: #0f766e;
|
||||
--color-primary-light: #ccfbf1;
|
||||
--color-foreground: #0f172a;
|
||||
--color-muted-foreground: #64748b;
|
||||
--color-border-soft: #e2e8f0;
|
||||
--color-success: #047857;
|
||||
--color-success-light: #d1fae5;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-canvas font-sans text-foreground antialiased;
|
||||
}
|
||||
}
|
||||
|
||||
.card-hover {
|
||||
@apply transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_8px_24px_rgba(15,23,42,0.08)];
|
||||
}
|
||||
|
||||
@keyframes fade-in-up {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-fade-in-up {
|
||||
animation: fade-in-up 0.5s ease-out both;
|
||||
}
|
||||
|
||||
.animate-fade-in-up-delay-1 {
|
||||
animation: fade-in-up 0.5s ease-out 0.1s both;
|
||||
}
|
||||
|
||||
.animate-fade-in-up-delay-2 {
|
||||
animation: fade-in-up 0.5s ease-out 0.2s both;
|
||||
}
|
||||
|
||||
.animate-fade-in-up-delay-3 {
|
||||
animation: fade-in-up 0.5s ease-out 0.3s both;
|
||||
}
|
||||
|
||||
.summary-sheet {
|
||||
background:
|
||||
linear-gradient(135deg, rgba(240, 253, 250, 0.92), rgba(255, 255, 255, 0.96) 38%, rgba(236, 253, 245, 0.9)),
|
||||
linear-gradient(rgba(15, 118, 110, 0.07) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(15, 118, 110, 0.06) 1px, transparent 1px);
|
||||
background-size: auto, 22px 22px, 22px 22px;
|
||||
}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
margin: 0.25in;
|
||||
size: letter;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: #ffffff !important;
|
||||
print-color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #0f172a !important;
|
||||
}
|
||||
|
||||
.print-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.print-page {
|
||||
max-width: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.print-page * {
|
||||
box-shadow: none !important;
|
||||
animation: none !important;
|
||||
}
|
||||
|
||||
.summary-sheet {
|
||||
print-color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user