drop-shadow-none
|
--sf-drop-shadow: ;
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-xs
|
--sf-drop-shadow-alpha: 5%;
--sf-drop-shadow-color: oklch(0 0 0 / var(--sf-drop-shadow-alpha));/* 15% */
--sf-drop-shadow: drop-shadow(0 1px 1px var(--sf-drop-shadow-color));/* rgb(0 0 0 / var(--sf-drop-shadow-alpha)) */
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-sm
|
--sf-drop-shadow-alpha: 15%;
--sf-drop-shadow-color: oklch(0 0 0 / var(--sf-drop-shadow-alpha));/* 15% */
--sf-drop-shadow: drop-shadow(0 1px 2px var(--sf-drop-shadow-color));/* rgb(0 0 0 / var(--sf-drop-shadow-alpha)) */
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-md
|
--sf-drop-shadow-alpha: 10%;
--sf-drop-shadow-color: oklch(0 0 0 / var(--sf-drop-shadow-alpha));/* 15% */
--sf-drop-shadow: drop-shadow(0 3px 3px var(--sf-drop-shadow-color));/* rgb(0 0 0 / var(--sf-drop-shadow-alpha)) */
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-lg
|
--sf-drop-shadow-alpha: 15%;
--sf-drop-shadow-color: oklch(0 0 0 / var(--sf-drop-shadow-alpha));/* 15% */
--sf-drop-shadow: drop-shadow(0 4px 4px var(--sf-drop-shadow-color));/* rgb(0 0 0 / var(--sf-drop-shadow-alpha)) */
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-xl
|
--sf-drop-shadow-alpha: 10%;
--sf-drop-shadow-color: oklch(0 0 0 / var(--sf-drop-shadow-alpha));/* 15% */
--sf-drop-shadow: drop-shadow(0 9px 7px var(--sf-drop-shadow-color));/* rgb(0 0 0 / var(--sf-drop-shadow-alpha)) */
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-2xl
|
--sf-drop-shadow-alpha: 15%;
--sf-drop-shadow-color: oklch(0 0 0 / var(--sf-drop-shadow-alpha));/* 15% */
--sf-drop-shadow: drop-shadow(0 25px 25px var(--sf-drop-shadow-color));/* rgb(0 0 0 / var(--sf-drop-shadow-alpha)) */
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-[<value>]
|
--sf-drop-shadow-size: drop-shadow(<value>);
--sf-drop-shadow: drop-shadow(var(--sf-drop-shadow-size));
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-[initial]
|
--sf-drop-shadow-size: drop-shadow(initial);
--sf-drop-shadow: drop-shadow(var(--sf-drop-shadow-size));
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-(<custom-property>)
|
--sf-drop-shadow-size: drop-shadow(var(<custom-property>));
--sf-drop-shadow: drop-shadow(var(--sf-drop-shadow-size));
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
drop-shadow-(--my-value)
|
--sf-drop-shadow-size: drop-shadow(var(--my-value));
--sf-drop-shadow: drop-shadow(var(--sf-drop-shadow-size));
filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
|
