Add user database migration, core reusable components, and layout structure
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
:root {
|
||||
--font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
|
||||
--font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas', monospace;
|
||||
|
||||
--text-xs: 0.70rem;
|
||||
--text-sm: 0.813rem;
|
||||
--text-base: 0.938rem;
|
||||
--text-md: 1.063rem;
|
||||
--text-lg: 1.25rem;
|
||||
--text-xl: 1.5rem;
|
||||
--text-2xl: 2rem;
|
||||
|
||||
--weight-normal: 400;
|
||||
--weight-medium: 500;
|
||||
--weight-semibold: 600;
|
||||
--weight-bold: 700;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: var(--font-body);
|
||||
font-size: 16px;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
h1 { font-size: var(--text-xl); font-weight: var(--weight-bold); }
|
||||
h2 { font-size: var(--text-lg); font-weight: var(--weight-semibold); }
|
||||
h3 { font-size: var(--text-md); font-weight: var(--weight-semibold); }
|
||||
h4 { font-size: var(--text-base); font-weight: var(--weight-medium); }
|
||||
|
||||
.text-xs { font-size: var(--text-xs); }
|
||||
.text-sm { font-size: var(--text-sm); }
|
||||
.text-base { font-size: var(--text-base); }
|
||||
.text-lg { font-size: var(--text-lg); }
|
||||
.font-mono { font-family: var(--font-mono); }
|
||||
.font-medium { font-weight: var(--weight-medium); }
|
||||
.font-semibold { font-weight: var(--weight-semibold); }
|
||||
.font-bold { font-weight: var(--weight-bold); }
|
||||
Reference in New Issue
Block a user