@volverjs/style/dist/props/breakpoints.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--breakpoint-xs:360px;--breakpoint-sm:576px;--breakpoint-md:992px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-xxl:1440px;--breakpoint-xxxl:1536px}@media screen and (width>=0){:where(:host,:root,.theme){--breakpoint-key:xxs;--breakpoint-value:0}}@media screen and (width>=360px){:where(:host,:root,.theme){--breakpoint-key:xs;--breakpoint-value:360px}}@media screen and (width>=576px){:where(:host,:root,.theme){--breakpoint-key:sm;--breakpoint-value:576px}}@media screen and (width>=992px){:where(:host,:root,.theme){--breakpoint-key:md;--breakpoint-value:992px}}@media screen and (width>=1024px){:where(:host,:root,.theme){--breakpoint-key:lg;--breakpoint-value:1024px}}@media screen and (width>=1280px){:where(:host,:root,.theme){--breakpoint-key:xl;--breakpoint-value:1280px}}@media screen and (width>=1440px){:where(:host,:root,.theme){--breakpoint-key:xxl;--breakpoint-value:1440px}}@media screen and (width>=1536px){:where(:host,:root,.theme){--breakpoint-key:xxxl;--breakpoint-value:1536px}}