scale-3d
|
scale: var(--sf-scale-x) var(--sf-scale-y) var(--sf-scale-z);/* 1, 1, 1 */
|
scale-<percentage>
|
scale: <percentage> <percentage>;
|
scale-42%
|
scale: 42% 42%;
|
scale-[<value>]
|
scale: <value> <value>;
|
scale-[42%]
|
scale: 42% 42%;
|
scale-(<custom-property>)
|
scale: var(<custom-property>) var(<custom-property>);
|
scale-(--my-percentage)
|
scale: var(--my-percentage) var(--my-percentage);
|
scale-(percentage:<custom-property>)
|
scale: var(<custom-property>) var(<custom-property>);
|
scale-(percentage:--my-percentage)
|
scale: var(--my-percentage) var(--my-percentage);
|
-scale-<percentage>
|
scale: calc(<percentage> * -1) calc(<percentage> * -1);
|
-scale-42%
|
scale: calc(42% * -1) calc(42% * -1);
|
scale-x-<percentage>
|
--sf-scale-x: <percentage>;
scale: <percentage> var(--sf-scale-y);/* 1 */
|
scale-x-42%
|
--sf-scale-x: 42%;
scale: 42% var(--sf-scale-y);
|
scale-x-[<value>]
|
--sf-scale-x: <value>;
scale: <value> var(--sf-scale-y);/* 1 */
|
scale-x-[42%]
|
--sf-scale-x: 42%;
scale: 42% var(--sf-scale-y);
|
scale-x-(<custom-property>)
|
--sf-scale-x: var(<custom-property>);
scale: var(<custom-property>) var(--sf-scale-y);/* 1 */
|
scale-x-(--my-percentage)
|
--sf-scale-x: var(--my-percentage);
scale: var(--my-percentage) var(--sf-scale-y);
|
scale-x-(percentage:<custom-property>)
|
--sf-scale-x: var(<custom-property>);
scale: var(<custom-property>) var(--sf-scale-y);/* 1 */
|
scale-x-(percentage:--my-percentage)
|
--sf-scale-x: var(--my-percentage);
scale: var(--my-percentage) var(--sf-scale-y);
|
-scale-x-<percentage>
|
--sf-scale-x: calc(<percentage> * -1);
scale: calc(<percentage> * -1) var(--sf-scale-y);/* 1 */
|
-scale-x-42%
|
--sf-scale-x: calc(42% * -1);
scale: calc(42% * -1) var(--sf-scale-y);
|
scale-y-<percentage>
|
--sf-scale-y: <percentage>;
scale: var(--sf-scale-x) <percentage>;/* 1 */
|
scale-y-42%
|
--sf-scale-y: 42%;
scale: var(--sf-scale-x) 42%;
|
scale-y-[<value>]
|
--sf-scale-y: <value>;
scale: var(--sf-scale-x) <value>;/* 1 */
|
scale-y-[42%]
|
--sf-scale-y: 42%;
scale: var(--sf-scale-x) 42%;
|
scale-y-(<custom-property>)
|
--sf-scale-y: var(<custom-property>);
scale: var(--sf-scale-x) var(<custom-property>);/* 1 */
|
scale-y-(--my-percentage)
|
--sf-scale-y: var(--my-percentage);
scale: var(--sf-scale-x) var(--my-percentage);
|
scale-y-(percentage:<custom-property>)
|
--sf-scale-y: var(<custom-property>);
scale: var(--sf-scale-x) var(<custom-property>);/* 1 */
|
scale-y-(percentage:--my-percentage)
|
--sf-scale-y: var(--my-percentage);
scale: var(--sf-scale-x) var(--my-percentage);
|
-scale-y-<percentage>
|
--sf-scale-y: calc(<percentage> * -1);
scale: var(--sf-scale-x) calc(<percentage> * -1);/* 1 */
|
-scale-y-42%
|
--sf-scale-y: calc(42% * -1);
scale: var(--sf-scale-x) calc(42% * -1);
|
scale-z-<percentage>
|
--sf-scale-z: <percentage>;
scale: var(--sf-scale-x) var(--sf-scale-y) <percentage>;/* 1, 1 */
|
scale-z-42%
|
--sf-scale-z: 42%;
scale: var(--sf-scale-x) var(--sf-scale-y) 42%;
|
scale-z-[<value>]
|
--sf-scale-z: <value>;
scale: var(--sf-scale-x) var(--sf-scale-y) <value>;/* 1, 1 */
|
scale-z-[42%]
|
--sf-scale-z: 42%;
scale: var(--sf-scale-x) var(--sf-scale-y) 42%;
|
scale-z-(<custom-property>)
|
--sf-scale-z: var(<custom-property>);
scale: var(--sf-scale-x) var(--sf-scale-y) var(<custom-property>);/* 1, 1 */
|
scale-z-(--my-percentage)
|
--sf-scale-z: var(--my-percentage);
scale: var(--sf-scale-x) var(--sf-scale-y) var(--my-percentage);
|
scale-z-(percentage:<custom-property>)
|
--sf-scale-z: var(<custom-property>);
scale: var(--sf-scale-x) var(--sf-scale-y) var(<custom-property>);/* 1, 1 */
|
scale-z-(percentage:--my-percentage)
|
--sf-scale-z: var(--my-percentage);
scale: var(--sf-scale-x) var(--sf-scale-y) var(--my-percentage);
|
-scale-z-<percentage>
|
--sf-scale-z: calc(<percentage> * -1);
scale: var(--sf-scale-x) var(--sf-scale-y) calc(<percentage> * -1);/* 1, 1 */
|
-scale-z-42%
|
--sf-scale-z: calc(42% * -1);
scale: var(--sf-scale-x) var(--sf-scale-y) calc(42% * -1);
|