maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
30 lines (29 loc) • 582 B
JavaScript
const screens = {
"mob-s": "320px",
"mob-m": "425px",
"mob-l": "576px",
"tab-s": "640px",
// sm
"tab-m": "768px",
// md
"tab-l": "992px",
"lap-s": "1024px",
// lg
"lap-m": "1280px",
// xl
"lap-l": "1366px",
"lap-xl": "1440px",
// 2xl
"lap-2xl": "1680px",
"lap-3xl": "1920px"
};
function getNumericScreensFromTailwind(inputScreens) {
const breakpoints = {};
for (const [key, value] of Object.entries(inputScreens))
breakpoints[key] = Number.parseInt(value, 10);
return breakpoints;
}
export {
getNumericScreensFromTailwind,
screens
};