mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-20 22:21:09 +02:00
use mixin for transforms
This commit is contained in:
parent
aac6c973e5
commit
cf72e4a51a
@ -128,34 +128,22 @@
|
|||||||
{
|
{
|
||||||
0%
|
0%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(-100%);
|
@include translate(-100%, 0);
|
||||||
-moz-transform:translateX(-100%);
|
|
||||||
-o-transform:translateX(-100%);
|
|
||||||
transform:translateX(-100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
40%
|
40%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
60%
|
60%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
100%
|
100%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(100%);
|
@include translate(100%, 0);
|
||||||
-moz-transform:translateX(100%);
|
|
||||||
-o-transform:translateX(100%);
|
|
||||||
transform:translateX(100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -163,34 +151,22 @@
|
|||||||
{
|
{
|
||||||
0%
|
0%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(-100%);
|
@include translate(-100%, 0);
|
||||||
-moz-transform:translateX(-100%);
|
|
||||||
-o-transform:translateX(-100%);
|
|
||||||
transform:translateX(-100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
40%
|
40%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
60%
|
60%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
100%
|
100%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(100%);
|
@include translate(100%, 0);
|
||||||
-moz-transform:translateX(100%);
|
|
||||||
-o-transform:translateX(100%);
|
|
||||||
transform:translateX(100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -198,34 +174,22 @@
|
|||||||
{
|
{
|
||||||
0%
|
0%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(-100%);
|
@include translate(-100%, 0);
|
||||||
-moz-transform:translateX(-100%);
|
|
||||||
-o-transform:translateX(-100%);
|
|
||||||
transform:translateX(-100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
40%
|
40%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
60%
|
60%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
100%
|
100%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(100%);
|
@include translate(100%, 0);
|
||||||
-moz-transform:translateX(100%);
|
|
||||||
-o-transform:translateX(100%);
|
|
||||||
transform:translateX(100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -233,33 +197,21 @@
|
|||||||
{
|
{
|
||||||
0%
|
0%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(-100%);
|
@include translate(-100%, 0);
|
||||||
-moz-transform:translateX(-100%);
|
|
||||||
-o-transform:translateX(-100%);
|
|
||||||
transform:translateX(-100%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
40%
|
40%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
60%
|
60%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(0%);
|
@include translate(0%, 0);
|
||||||
-moz-transform:translateX(0%);
|
|
||||||
-o-transform:translateX(0%);
|
|
||||||
transform:translateX(0%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
100%
|
100%
|
||||||
{
|
{
|
||||||
-webkit-transform:translateX(100%);
|
@include translate(100%, 0);
|
||||||
-moz-transform:translateX(100%);
|
|
||||||
-o-transform:translateX(100%);
|
|
||||||
transform:translateX(100%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user