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

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

:where(:host,:root,.theme){--spacing-0:0;--spacing-px:1px;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-3:.1875rem;--spacing-4:.25rem;--spacing-5:.3125rem;--spacing-6:.375rem;--spacing-7:.4375rem;--spacing-8:.5rem;--spacing-9:.5625rem;--spacing-10:.625rem;--spacing-12:.75rem;--spacing-14:.875rem;--spacing-16:1rem;--spacing-18:1.125rem;--spacing-20:1.25rem;--spacing-22:1.375rem;--spacing-24:1.5rem;--spacing-26:1.625rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-34:2.125rem;--spacing-36:2.25rem;--spacing-38:2.375rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-50:3.125rem;--spacing-52:3.25rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-100:6.25rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-144:9rem;--spacing-150:9.375rem;--spacing-160:10rem;--spacing-176:11rem;--spacing-192:12rem;--spacing-208:13rem;--spacing-224:14rem;--spacing-240:15rem;--spacing-256:16rem;--spacing-288:18rem;--spacing-300:18.75rem;--spacing-320:20rem;--spacing-384:24rem;--spacing-xs:var(--spacing-6)}@media (width>=576px){:where(:host,:root,.theme){--spacing-xs:var(--spacing-8)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-xs:var(--spacing-10)}}:where(:host,:root,.theme){--spacing-sm:var(--spacing-10)}@media (width>=576px){:where(:host,:root,.theme){--spacing-sm:var(--spacing-12)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-sm:var(--spacing-14)}}:where(:host,:root,.theme){--spacing-md:var(--spacing-12)}@media (width>=576px){:where(:host,:root,.theme){--spacing-md:var(--spacing-14)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-md:var(--spacing-16)}}:where(:host,:root,.theme){--spacing-lg:var(--spacing-16)}@media (width>=576px){:where(:host,:root,.theme){--spacing-lg:var(--spacing-22)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-lg:var(--spacing-36)}}:where(:host,:root,.theme){--spacing-xl:var(--spacing-24)}@media (width>=576px){:where(:host,:root,.theme){--spacing-xl:var(--spacing-36)}}@media (width>=1024px){:where(:host,:root,.theme){--spacing-xl:var(--spacing-48)}}