@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) • 1.83 kB
CSS
:where(.blur-none){filter:blur(0)}:where(.blur-sm){filter:blur(4px)}:where(.blur){filter:blur(8px)}:where(.blur-md){filter:blur(12px)}:where(.blur-lg){filter:blur(16px)}:where(.blur-xl){filter:blur(24px)}:where(.blur-xxl){filter:blur(40px)}:where(.blur-xxxl){filter:blur(64px)}:where(.brightness-0){filter:brightness(0)}:where(.brightness-50){filter:brightness(.5)}:where(.brightness-75){filter:brightness(.75)}:where(.brightness-90){filter:brightness(.9)}:where(.brightness-95){filter:brightness(.95)}:where(.brightness-100){filter:brightness(1)}:where(.brightness-105){filter:brightness(1.05)}:where(.brightness-110){filter:brightness(1.1)}:where(.brightness-125){filter:brightness(1.25)}:where(.brightness-150){filter:brightness(1.5)}:where(.brightness-200){filter:brightness(2)}:where(.brightness-250){filter:brightness(2.5)}:where(.brightness-500){filter:brightness(5)}:where(.brightness-1000){filter:brightness(10)}:where(.saturate-0){filter:saturate(0)}:where(.saturate-50){filter:saturate(.5)}:where(.saturate-100){filter:saturate(1)}:where(.saturate-150){filter:saturate(1.5)}:where(.saturate-200){filter:saturate(2)}:where(.backdrop-blur-none){-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}:where(.backdrop-blur-sm){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:where(.backdrop-blur-blur){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(.backdrop-blur-md){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:where(.backdrop-blur-lg){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:where(.backdrop-blur-xl){-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}:where(.backdrop-blur-xxl){-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}:where(.backdrop-blur-xxxl){-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px)}