@activecollab/components

Version:
ActiveCollab Components
32 lines (31 loc) • 1.04 kB
JavaScript
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.screenBelow = exports.screen = void 0;
var size = {
  sm: "640px",
  md: "768px",
  lg: "1024px",
  xl: "1280px",
  xxl: "1536px"
};
var screen = exports.screen = {
  sm: "@media (min-width: ".concat(size.sm, ")"),
  md: "@media (min-width: ".concat(size.md, ")"),
  lg: "@media (min-width: ".concat(size.lg, ")"),
  xl: "@media (min-width: ".concat(size.xl, ")"),
  xxl: "@media (min-width: ".concat(size.xxl, ")")
};
// 0.02px below the breakpoint so these never overlap the min-width queries.
var below = function below(value) {
  return "".concat(parseFloat(value) - 0.02, "px");
};
var screenBelow = exports.screenBelow = {
  sm: "@media (max-width: ".concat(below(size.sm), ")"),
  md: "@media (max-width: ".concat(below(size.md), ")"),
  lg: "@media (max-width: ".concat(below(size.lg), ")"),
  xl: "@media (max-width: ".concat(below(size.xl), ")"),
  xxl: "@media (max-width: ".concat(below(size.xxl), ")")
};
//# sourceMappingURL=BreakPoints.js.map