skew-<angle>
|
--sf-skew-x: skewX(<angle>deg);
--sf-skew-y: skewY(<angle>deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-45
|
--sf-skew-x: skewX(45deg);
--sf-skew-y: skewY(45deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-[<value>]
|
--sf-skew-x: skewX(<value>);
--sf-skew-y: skewY(<value>);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-[45deg]
|
--sf-skew-x: skewX(45deg);
--sf-skew-y: skewY(45deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-(<custom-property>)
|
--sf-skew-x: skewX(var(<custom-property>));
--sf-skew-y: skewY(var(<custom-property>));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-(--my-angle)
|
--sf-skew-x: skewX(var(--my-angle));
--sf-skew-y: skewY(var(--my-angle));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-(angle:<custom-property>)
|
--sf-skew-x: skewX(var(<custom-property>));
--sf-skew-y: skewY(var(<custom-property>));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-(angle:--my-angle)
|
--sf-skew-x: skewX(var(--my-angle));
--sf-skew-y: skewY(var(--my-angle));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
-skew-<angle>
|
--sf-skew-x: skewX(calc(<angle>deg * -1));
--sf-skew-y: skewY(calc(<angle>deg * -1));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
-skew-45
|
--sf-skew-x: skewX(calc(45deg * -1));
--sf-skew-y: skewY(calc(45deg * -1));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-<angle>
|
--sf-skew-x: skewX(<angle>deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-45
|
--sf-skew-x: skewX(45deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-[<value>]
|
--sf-skew-x: skewX(<value>);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-[45deg]
|
--sf-skew-x: skewX(45deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-(<custom-property>)
|
--sf-skew-x: skewX(var(<custom-property>));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-(--my-angle)
|
--sf-skew-x: skewX(var(--my-angle));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-(angle:<custom-property>)
|
--sf-skew-x: skewX(var(<custom-property>));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-x-(angle:--my-angle)
|
--sf-skew-x: skewX(var(--my-angle));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
-skew-x-<angle>
|
--sf-skew-x: skewX(calc(<angle>deg * -1));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
-skew-x-45
|
--sf-skew-x: skewX(calc(45deg * -1));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-<angle>
|
--sf-skew-y: skewY(<angle>deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-45
|
--sf-skew-y: skewY(45deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-[<value>]
|
--sf-skew-y: skewY(<value>);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-[45deg]
|
--sf-skew-y: skewY(45deg);
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-(<custom-property>)
|
--sf-skew-y: skewY(var(<custom-property>));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-(--my-angle)
|
--sf-skew-y: skewY(var(--my-angle));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-(angle:<custom-property>)
|
--sf-skew-y: skewY(var(<custom-property>));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
skew-y-(angle:--my-angle)
|
--sf-skew-y: skewY(var(--my-angle));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
-skew-y-<angle>
|
--sf-skew-y: skewY(calc(<angle>deg * -1));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
-skew-y-45
|
--sf-skew-y: skewY(calc(45deg * -1));
transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
|
