@volverjs/style
Version:
@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.
2 lines (1 loc) • 3.96 kB
CSS
:where(.shadow-sm){box-shadow:0 1px 2px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 5%)}:where(.shadow){box-shadow:0 1px 3px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%),0 1px 2px -1px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%)}:where(.shadow-md){box-shadow:0 4px 6px -1px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%),0 2px 4px -2px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%)}:where(.shadow-lg){box-shadow:0 10px 15px -3px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%),0 4px 6px -4px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%)}:where(.shadow-xl){box-shadow:0 20px 25px -5px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%),0 8px 10px -6px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%)}:where(.shadow-2xl){box-shadow:0 25px 50px -12px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 25%)}:where(.shadow-inner){box-shadow:inset 0 2px 4px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 5%)}:where(.shadow-none){box-shadow:0 0 #0000}:where(.opacity-0){opacity:0}:where(.opacity-5){opacity:.05}:where(.opacity-10){opacity:.1}:where(.opacity-15){opacity:.15}:where(.opacity-20){opacity:.2}:where(.opacity-25){opacity:.25}:where(.opacity-30){opacity:.3}:where(.opacity-35){opacity:.35}:where(.opacity-40){opacity:.4}:where(.opacity-45){opacity:.45}:where(.opacity-50){opacity:.5}:where(.opacity-55){opacity:.55}:where(.opacity-60){opacity:.6}:where(.opacity-65){opacity:.65}:where(.opacity-70){opacity:.7}:where(.opacity-75){opacity:.75}:where(.opacity-80){opacity:.8}:where(.opacity-85){opacity:.85}:where(.opacity-90){opacity:.9}:where(.opacity-95){opacity:.95}:where(.opacity-100){opacity:1}:where(.mix-blend-normal){mix-blend-mode:normal}:where(.mix-blend-multiply){mix-blend-mode:multiply}:where(.mix-blend-screen){mix-blend-mode:screen}:where(.mix-blend-overlay){mix-blend-mode:overlay}:where(.mix-blend-darken){mix-blend-mode:darken}:where(.mix-blend-lighten){mix-blend-mode:lighten}:where(.mix-blend-color-dodge){mix-blend-mode:color-dodge}:where(.mix-blend-color-burn){mix-blend-mode:color-burn}:where(.mix-blend-hard-light){mix-blend-mode:hard-light}:where(.mix-blend-soft-light){mix-blend-mode:soft-light}:where(.mix-blend-difference){mix-blend-mode:difference}:where(.mix-blend-exclusion){mix-blend-mode:exclusion}:where(.mix-blend-hue){mix-blend-mode:hue}:where(.mix-blend-saturation){mix-blend-mode:saturation}:where(.mix-blend-color){mix-blend-mode:color}:where(.mix-blend-luminosity){mix-blend-mode:luminosity}:where(.mix-blend-plus-lighter){mix-blend-mode:plus-lighter}:where(.bg-blend-normal){background-blend-mode:normal}:where(.bg-blend-multiply){background-blend-mode:multiply}:where(.bg-blend-screen){background-blend-mode:screen}:where(.bg-blend-overlay){background-blend-mode:overlay}:where(.bg-blend-darken){background-blend-mode:darken}:where(.bg-blend-lighten){background-blend-mode:lighten}:where(.bg-blend-color-dodge){background-blend-mode:color-dodge}:where(.bg-blend-color-burn){background-blend-mode:color-burn}:where(.bg-blend-hard-light){background-blend-mode:hard-light}:where(.bg-blend-soft-light){background-blend-mode:soft-light}:where(.bg-blend-difference){background-blend-mode:difference}:where(.bg-blend-exclusion){background-blend-mode:exclusion}:where(.bg-blend-hue){background-blend-mode:hue}:where(.bg-blend-saturation){background-blend-mode:saturation}:where(.bg-blend-color){background-blend-mode:color}:where(.bg-blend-luminosity){background-blend-mode:luminosity}