UNPKG

@activecollab/components

Version:

ActiveCollab Components

24 lines • 814 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const size = { sm: "640px", md: "768px", lg: "1024px", xl: "1280px", xxl: "1536px" }; export const screen = { sm: "@media (min-width: " + size.sm + ")", md: "@media (min-width: " + size.md + ")", lg: "@media (min-width: " + size.lg + ")", xl: "@media (min-width: " + size.xl + ")", xxl: "@media (min-width: " + size.xxl + ")" }; // 0.02px below the breakpoint so these never overlap the min-width queries. const below = value => parseFloat(value) - 0.02 + "px"; export const screenBelow = { sm: "@media (max-width: " + below(size.sm) + ")", md: "@media (max-width: " + below(size.md) + ")", lg: "@media (max-width: " + below(size.lg) + ")", xl: "@media (max-width: " + below(size.xl) + ")", xxl: "@media (max-width: " + below(size.xxl) + ")" }; //# sourceMappingURL=BreakPoints.js.map