@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
JavaScript
// 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
};