UNPKG

twcss

Version:

Fast minimalist utility-first CSS runtime inspired by Tailwind and Twind

26 lines (25 loc) • 1.1 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
export const QUERIES = new Map([ ['sm', '@media screen and (max-width: 599px)'], ['md', '@media screen and (min-width: 600px) and (max-width: 959px)'], ['lg', '@media screen and (min-width: 960px)'], ['light', '@media (prefers-color-scheme: light)'], ['dark', '@media (prefers-color-scheme: dark)'], ['inverted-colors', '@media (inverted-colors: inverted)'], ['pointer-coarse', '@media (pointer: coarse)'], ['pointer-fine', '@media (pointer: fine)'], ['pointer-none', '@media (pointer: none)'], ['print', '@media print'], ['@3xs', '@container (width >= 256px)'], ['@2xs', '@container (width >= 288px)'], ['@xs', '@container (width >= 320px)'], ['@sm', '@container (width >= 384px)'], ['@md', '@container (width >= 448px)'], ['@lg', '@container (width >= 512px)'], ['@xl', '@container (width >= 576px)'], ['@2xl', '@container (width >= 672px)'], ['@3xl', '@container (width >= 768px)'], ['@4xl', '@container (width >= 896px)'], ['@5xl', '@container (width >= 1024px)'], ['@6xl', '@container (width >= 1152px)'], ['@7xl', '@container (width >= 1280px)'], ])