aliascss
Version:
AliasCSS is a CSS post processor.
49 lines • 2.05 kB
JavaScript
mediaSelector = {
"print": "@media print",
"@hover": "@media screen and (hover: hover)",
"@print": "@media print",
"@landscape": "@media (orientation: landscape)",
"@portrait": "@media (orientation: portrait)",
"@container-xs": "@container (max-width : 576px)",
"@container-sm": "@container (min-width : 576px)",
"@container-md": "@container (min-width : 768px)",
"@container-lg": "@container (min-width : 992px)",
"@container-xl": "@container (min-width : 1200px)",
"@container-2xl": "@container (min-width : 1408px)",
"xs": "@media (max-width : 576px)",
"@xs": "@media (max-width : 576px)",
"sm": "@media (min-width : 576px)",
"@sm": "@media (min-width : 576px)",
"md": "@media (min-width : 768px)",
"@md": "@media (min-width : 768px)",
"lg": "@media (min-width : 992px)",
"@lg": "@media (min-width : 992px)",
"xl": "@media (min-width : 1200px)",
"@xl": "@media (min-width : 1200px)",
"@2xl": "@media (min-width : 1408px)",
"2xl": "@media (min-width : 1408px)",
"-xs": "@media (min-width : 576px)",
"-@xs": "@media (min-width : 576px)",
"-@sm": "@media (max-width : 576px)",
"-sm": "@media (max-width : 576px)",
"-@md": "@media (max-width : 768px)",
"-md": "@media (max-width : 768px)",
"-@lg": "@media (max-width : 992px)",
"-lg": "@media (max-width : 992px)",
"-@xl": "@media (max-width : 1200px)",
"-xl": "@media (max-width : 1200px)",
"-@2xl": "@media (max-width : 1408px)",
"-2xl": "@media (max-width : 1408px)",
"dark": "@media (prefers-color-scheme: dark)",
"@dark": "@media (prefers-color-scheme: dark)",
"light": "@media (prefers-color-scheme: light)",
"@light": "@media (prefers-color-scheme: light)",
"@theme": "@layer theme",
"@base": "@layer base",
"@components": "@layer components",
"@comps": "@layer components",
"@utils": "@layer utilities",
"@utilities": "@layer utilities",
"@starting-style": "@starting-style",
"@ss": "@starting-style"
}