t3-code-android-nightly/apps/mobile/global.css

54 lines
1.6 KiB
CSS

@import "tailwindcss";
@import "uniwind";
@import "./generated-uniwind-themes.css";
/* ─── Theme tokens ──────────────────────────────────────────────────── */
@layer theme {
:root {
@variant android {
--font-mono: "monospace";
}
}
}
/* ─── Typography ────────────────────────────────────────────────────── */
@theme {
/* Keep these native family names aligned with app.config.ts. */
--font-sans: "DMSans-Regular";
--font-medium: "DMSans-Medium";
--font-bold: "DMSans-Bold";
/* Keep this scale aligned with src/lib/typography.ts for native style props. */
--text-3xs: 11px;
--text-3xs--line-height: 14px;
--text-2xs: 12px;
--text-2xs--line-height: 16px;
--text-xs: 13px;
--text-xs--line-height: 17px;
--text-sm: 14px;
--text-sm--line-height: 19px;
--text-base: 16px;
--text-base--line-height: 23px;
--text-lg: 18px;
--text-lg--line-height: 23px;
--text-xl: 21px;
--text-xl--line-height: 28px;
--text-2xl: 26px;
--text-2xl--line-height: 32px;
--text-3xl: 30px;
--text-3xl--line-height: 36px;
}
/* ─── Custom utilities ──────────────────────────────────────────────── */
@utility font-t3-medium {
font-family: var(--font-medium);
}
@utility font-t3-bold {
font-family: var(--font-bold);
}
@utility font-t3-extrabold {
font-family: var(--font-bold);
font-weight: 800;
}