UNPKG

@hanzo/ui

Version:

Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.

57 lines (54 loc) 1.14 kB
// tailwind/screens.tailwind.js var screens_tailwind_default = { xs: "0px", // <-- phone sm: "480px", // phone --><-- sm tablets / narrow md: "768px", // sm tablets / narrow --> lg: "1024px", xl: "1280px", "2xl": "1500px" }; // types/breakpoints.ts var Breakpoints = Object.keys(screens_tailwind_default); // types/grid-def.ts var COMMON_GRID_1_COL = { at: { xs: { columns: 1, gap: 2 }, md: { columns: 1, gap: 3 }, lg: { columns: 1, gap: 6 } }, mobile: { columns: 1, gap: 2 } }; var COMMON_GRID_2_COL = { at: { xs: { columns: 1, gap: 2 }, md: { columns: 2, gap: 3 }, lg: { columns: 2, gap: 6 } }, mobile: { columns: 1, gap: 2 } }; var COMMON_GRID_3_COL = { at: { xs: { columns: 1, gap: 2 }, md: { columns: 3, gap: 3 }, lg: { columns: 3, gap: 6 } }, mobile: { columns: 1, gap: 2 } }; var COMMON_GRID_4_COL = { at: { xs: { columns: 1, gap: 2 }, md: { columns: 2, gap: 3 }, lg: { columns: 4, gap: 6 } }, mobile: { columns: 1, gap: 2 } }; export { Breakpoints, COMMON_GRID_1_COL, COMMON_GRID_2_COL, COMMON_GRID_3_COL, COMMON_GRID_4_COL };