@design.estate/dees-domtools
Version:
A package providing tools to simplify complex CSS structures and web development tasks, featuring TypeScript support and integration with various web technologies.
71 lines • 4.11 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.cssForPhone = exports.cssForPhablet = exports.cssForTablet = exports.getEnvironment = exports.phone = exports.phablet = exports.tablet = exports.desktop = void 0;
exports.desktop = 1240;
exports.tablet = 1024;
exports.phablet = 600;
exports.phone = 400;
const getEnvironment = () => {
if (globalThis.deesDomTools &&
globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport) {
return globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport;
}
else {
return 'native';
}
};
exports.getEnvironment = getEnvironment;
const cssForTablet = (contentArg) => {
if ((0, exports.getEnvironment)() === 'native' || (0, exports.getEnvironment)() === 'desktop') {
return `
@media (max-width: ${exports.tablet}px) {
${contentArg}
}
`;
}
else if ((0, exports.getEnvironment)() === 'tablet' ||
(0, exports.getEnvironment)() === 'phablet' ||
(0, exports.getEnvironment)() === 'phone') {
return `
@media (min-width: 0px) {
${contentArg}
}
`;
}
};
exports.cssForTablet = cssForTablet;
const cssForPhablet = (contentArg) => {
if ((0, exports.getEnvironment)() === 'native' || (0, exports.getEnvironment)() === 'desktop') {
return `
@media (max-width: ${exports.phablet}px) {
${contentArg}
}
`;
}
else if ((0, exports.getEnvironment)() === 'phablet' || (0, exports.getEnvironment)() === 'phone') {
return `
@media (min-width: 0px) {
${contentArg}
}
`;
}
};
exports.cssForPhablet = cssForPhablet;
const cssForPhone = (contentArg) => {
if ((0, exports.getEnvironment)() === 'native' || (0, exports.getEnvironment)() === 'desktop') {
return `
@media (max-width: ${exports.phone}px) {
${contentArg}
}
`;
}
else if ((0, exports.getEnvironment)() === 'phone') {
return `
@media (min-width: 0px) {
${contentArg}
}
`;
}
};
exports.cssForPhone = cssForPhone;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFYSxRQUFBLE9BQU8sR0FBRyxJQUFJLENBQUM7QUFDZixRQUFBLE1BQU0sR0FBRyxJQUFJLENBQUM7QUFDZCxRQUFBLE9BQU8sR0FBRyxHQUFHLENBQUM7QUFDZCxRQUFBLEtBQUssR0FBRyxHQUFHLENBQUM7QUFJbEIsTUFBTSxjQUFjLEdBQUcsR0FBYyxFQUFFO0lBQzVDLElBQ0UsVUFBVSxDQUFDLFlBQVk7UUFDdkIsVUFBVSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxlQUFlLEVBQ3BFO1FBQ0EsT0FBTyxVQUFVLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxDQUFDLGVBQWUsQ0FBQztLQUM3RTtTQUFNO1FBQ0wsT0FBTyxRQUFRLENBQUM7S0FDakI7QUFDSCxDQUFDLENBQUM7QUFUVyxRQUFBLGNBQWMsa0JBU3pCO0FBRUssTUFBTSxZQUFZLEdBQUcsQ0FBQyxVQUFVLEVBQUUsRUFBRTtJQUN6QyxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLFFBQVEsSUFBSSxJQUFBLHNCQUFjLEdBQUUsS0FBSyxTQUFTLEVBQUU7UUFDbkUsT0FBTzsyQkFDZ0IsY0FBTTtVQUN2QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQ0wsSUFBQSxzQkFBYyxHQUFFLEtBQUssUUFBUTtRQUM3QixJQUFBLHNCQUFjLEdBQUUsS0FBSyxTQUFTO1FBQzlCLElBQUEsc0JBQWMsR0FBRSxLQUFLLE9BQU8sRUFDNUI7UUFDQSxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDO0FBbEJXLFFBQUEsWUFBWSxnQkFrQnZCO0FBRUssTUFBTSxhQUFhLEdBQUcsQ0FBQyxVQUFVLEVBQUUsRUFBRTtJQUMxQyxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLFFBQVEsSUFBSSxJQUFBLHNCQUFjLEdBQUUsS0FBSyxTQUFTLEVBQUU7UUFDbkUsT0FBTzsyQkFDZ0IsZUFBTztVQUN4QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksSUFBQSxzQkFBYyxHQUFFLEtBQUssU0FBUyxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLE9BQU8sRUFBRTtRQUN6RSxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDO0FBZFcsUUFBQSxhQUFhLGlCQWN4QjtBQUVLLE1BQU0sV0FBVyxHQUFHLENBQUMsVUFBVSxFQUFFLEVBQUU7SUFDeEMsSUFBSSxJQUFBLHNCQUFjLEdBQUUsS0FBSyxRQUFRLElBQUksSUFBQSxzQkFBYyxHQUFFLEtBQUssU0FBUyxFQUFFO1FBQ25FLE9BQU87MkJBQ2dCLGFBQUs7VUFDdEIsVUFBVTs7S0FFZixDQUFDO0tBQ0g7U0FBTSxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLE9BQU8sRUFBRTtRQUN2QyxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDO0FBZFcsUUFBQSxXQUFXLGVBY3RCIn0=