mirror of
https://github.com/danielmiessler/Fabric.git
synced 2026-02-13 23:45:08 -05:00
134 lines
3.3 KiB
CSS
134 lines
3.3 KiB
CSS
/* @tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
|
Cantarell, 'Go Mono', 'Fira Sans', 'Helvetica Neue', sans-serif;
|
|
--font-mono: 'Fira Code', monospace;
|
|
--column-width: 42rem;
|
|
--column-margin-top: 4rem;
|
|
} */
|
|
|
|
/* Light theme variables */
|
|
/* :root {
|
|
--background: hsl(249, 81%, 85%);
|
|
--foreground: hsl(229, 65%, 29%);
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 224 71.4% 4.1%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 224 71.4% 4.1%;
|
|
--primary: hsl(262.1 83.3% 57.8%);
|
|
--primary-foreground: hsl(274, 100%, 90%);
|
|
--secondary: hsl(173, 74%, 68%);
|
|
--secondary-foreground: hsl(195, 100%, 90%);
|
|
--muted: 220 14.3% 95.9%;
|
|
--muted-foreground: 220 8.9% 46.1%;
|
|
--accent: hsl(220, 37%, 49%);
|
|
--accent-foreground: 220.9 39.3% 11%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 210 20% 98%;
|
|
--border: 220 13% 91%;
|
|
--input: 220 13% 91%;
|
|
--ring: 262.1 83.3% 57.8%;
|
|
--radius: 0.5rem;
|
|
} */
|
|
|
|
/* Dark theme variables */
|
|
/* .dark {
|
|
--background: 224 71.4% 4.1%;
|
|
--foreground: 210 20% 98%;
|
|
--card: 224 71.4% 4.1%;
|
|
--card-foreground: 210 20% 98%;
|
|
--popover: 224 71.4% 4.1%;
|
|
--popover-foreground: 210 20% 98%;
|
|
--primary: 263.4 70% 50.4%;
|
|
--primary-foreground: 210 20% 98%;
|
|
--secondary: 215 27.9% 16.9%;
|
|
--secondary-foreground: 210 20% 98%;
|
|
--muted: 215 27.9% 16.9%;
|
|
--muted-foreground: 217.9 10.6% 64.9%;
|
|
--accent: 215 27.9% 16.9%;
|
|
--accent-foreground: 210 20% 98%;
|
|
--destructive: 0 62.8% 30.6%;
|
|
--destructive-foreground: 210 20% 98%;
|
|
--border: 215 27.9% 16.9%;
|
|
--input: 215 27.9% 16.9%;
|
|
--ring: 263.4 70% 50.4%;
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
font-feature-settings: "rlig" 1, "calt" 1;
|
|
} */
|
|
|
|
/* Enhanced Typography */
|
|
/* h1, h2, h3, h4, h5, h6 {
|
|
@apply font-semibold tracking-tight;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-4xl lg:text-5xl;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-3xl lg:text-4xl;
|
|
}
|
|
|
|
h3 {
|
|
@apply text-2xl lg:text-3xl;
|
|
}
|
|
|
|
p {
|
|
@apply leading-7;
|
|
}
|
|
*/
|
|
/* Links */
|
|
/* a {
|
|
@apply text-primary hover:text-primary/80 transition-colors;
|
|
} */
|
|
|
|
/* Code blocks */
|
|
/* pre {
|
|
@apply p-4 rounded-lg bg-muted/50 font-mono text-sm;
|
|
}
|
|
|
|
code {
|
|
@apply font-mono text-sm;
|
|
}
|
|
*/
|
|
/* Terminal specific styles */
|
|
/* .terminal-window {
|
|
@apply rounded-lg border bg-card shadow-lg overflow-hidden;
|
|
}
|
|
|
|
.terminal-text {
|
|
@apply font-mono text-sm;
|
|
}
|
|
*/
|
|
/* Form elements */
|
|
/* input, textarea, select {
|
|
@apply rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
|
|
}
|
|
|
|
button {
|
|
@apply inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
|
|
}
|
|
} */
|
|
|
|
/* Custom scrollbar */
|
|
/* ::-webkit-scrollbar {
|
|
@apply w-2;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
@apply bg-muted;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-muted-foreground/30 rounded-full hover:bg-muted-foreground/50 transition-colors;
|
|
} */ |