translate-none
|
translate: none;
|
translate-full
|
translate: 100% 100%;
|
-translate-full
|
translate: -100% -100%;
|
translate-px
|
translate: 1px 1px;
|
-translate-px
|
translate: -1px -1px;
|
translate-x-full
|
translate: 100% var(--sf-translate-y);/* 0 */
|
-translate-x-full
|
translate: -100% var(--sf-translate-y);/* 0 */
|
translate-x-px
|
translate: 1px var(--sf-translate-y);/* 0 */
|
-translate-x-px
|
translate: -1px var(--sf-translate-y);/* 0 */
|
translate-y-full
|
translate: var(--sf-translate-x) 100%;/* 0 */
|
-translate-y-full
|
translate: var(--sf-translate-x) -100%;/* 0 */
|
translate-y-px
|
translate: var(--sf-translate-x) 1px;/* 0 */
|
-translate-y-px
|
translate: var(--sf-translate-x) -1px;/* 0 */
|
translate-z-px
|
translate: var(--sf-translate-x) var(--sf-translate-y) 1px;/* 0, 0 */
|
-translate-z-px
|
translate: var(--sf-translate-x) var(--sf-translate-y) -1px;/* 0, 0 */
|
translate-<number>
|
--sf-translate-x: calc(var(--spacing) * <number>);/* 0.25rem */
--sf-translate-y: calc(var(--spacing) * <number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-4
|
--sf-translate-x: calc(var(--spacing) * 4);
--sf-translate-y: calc(var(--spacing) * 4);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-<fraction>
|
--sf-translate-x: <percentage>;
--sf-translate-y: <percentage>;
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-1/2
|
--sf-translate-x: 50%;
--sf-translate-y: 50%;
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-[<value>]
|
--sf-translate-x: <value>;
--sf-translate-y: <value>;
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-[1rem]
|
--sf-translate-x: 1rem;
--sf-translate-y: 1rem;
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-(<custom-property>)
|
--sf-translate-x: var(<custom-property>);
--sf-translate-y: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-(--my-length)
|
--sf-translate-x: var(--my-length);
--sf-translate-y: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-(length:<custom-property>)
|
--sf-translate-x: var(<custom-property>);
--sf-translate-y: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-(length:--my-length)
|
--sf-translate-x: var(--my-length);
--sf-translate-y: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
-translate-<number>
|
--sf-translate-x: calc(var(--spacing) * -<number>);/* 0.25rem */
--sf-translate-y: calc(var(--spacing) * -<number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
-translate-4
|
--sf-translate-x: calc(var(--spacing) * -4);
--sf-translate-y: calc(var(--spacing) * -4);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
-translate-<fraction>
|
--sf-translate-x: calc(<percentage> * -1);
--sf-translate-y: calc(<percentage> * -1);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
-translate-1/2
|
--sf-translate-x: calc(50% * -1);
--sf-translate-y: calc(50% * -1);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-x-<number>
|
--sf-translate-x: calc(var(--spacing) * <number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-x-4
|
--sf-translate-x: calc(var(--spacing) * 4);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-x-<fraction>
|
--sf-translate-x: <percentage>;
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-x-1/2
|
--sf-translate-x: 50%;
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-x-[<value>]
|
--sf-translate-x: <value>;
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-x-[1rem]
|
--sf-translate-x: 1rem;
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-x-(<custom-property>)
|
--sf-translate-x: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-x-(--my-length)
|
--sf-translate-x: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-x-(length:<custom-property>)
|
--sf-translate-x: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-x-(length:--my-length)
|
--sf-translate-x: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
-translate-x-<number>
|
--sf-translate-x: calc(var(--spacing) * -<number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
-translate-x-4
|
--sf-translate-x: calc(var(--spacing) * -4);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
-translate-x-<fraction>
|
--sf-translate-x: calc(<percentage> * -1);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
-translate-x-1/2
|
--sf-translate-x: calc(50% * -1);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-y-<number>
|
--sf-translate-y: calc(var(--spacing) * <number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-y-4
|
--sf-translate-y: calc(var(--spacing) * 4);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-y-<fraction>
|
--sf-translate-y: <percentage>;
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-y-1/2
|
--sf-translate-y: 50%;
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-y-[<value>]
|
--sf-translate-y: <value>;
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-y-[1rem]
|
--sf-translate-y: 1rem;
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-y-(<custom-property>)
|
--sf-translate-y: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-y-(--my-length)
|
--sf-translate-y: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-y-(length:<custom-property>)
|
--sf-translate-y: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
translate-y-(length:--my-length)
|
--sf-translate-y: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
-translate-y-<number>
|
--sf-translate-y: calc(var(--spacing) * -<number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
-translate-y-4
|
--sf-translate-y: calc(var(--spacing) * -4);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
-translate-y-<fraction>
|
--sf-translate-y: calc(<percentage> * -1);
translate: var(--sf-translate-x) var(--sf-translate-y);/* 0, 0 */
|
-translate-y-1/2
|
--sf-translate-y: calc(50% * -1);
translate: var(--sf-translate-x) var(--sf-translate-y);
|
translate-z-<number>
|
--sf-translate-z: calc(var(--spacing) * <number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
translate-z-4
|
--sf-translate-z: calc(var(--spacing) * 4);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
translate-z-<fraction>
|
--sf-translate-z: <percentage>;
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
translate-z-1/2
|
--sf-translate-z: 50%;
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
translate-z-[<value>]
|
--sf-translate-z: <value>;
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
translate-z-[1rem]
|
--sf-translate-z: 1rem;
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
translate-z-(<custom-property>)
|
--sf-translate-z: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
translate-z-(--my-length)
|
--sf-translate-z: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
translate-z-(length:<custom-property>)
|
--sf-translate-z: var(<custom-property>);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
translate-z-(length:--my-length)
|
--sf-translate-z: var(--my-length);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
-translate-z-<number>
|
--sf-translate-z: calc(var(--spacing) * -<number>);/* 0.25rem */
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
-translate-z-4
|
--sf-translate-z: calc(var(--spacing) * -4);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
-translate-z-<fraction>
|
--sf-translate-z: calc(<percentage> * -1);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);/* 0, 0, 0 */
|
-translate-z-1/2
|
--sf-translate-z: calc(50% * -1);
translate: var(--sf-translate-x) var(--sf-translate-y) var(--sf-translate-z);
|
