Add list ghost style + animation
This commit is contained in:
parent
cd8f77765c
commit
f765526e2c
|
@ -8,10 +8,6 @@
|
||||||
transition: transform $transition-duration;
|
transition: transform $transition-duration;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-move {
|
|
||||||
transition: transform 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ghost {
|
.ghost {
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
background: $grey-100;
|
background: $grey-100;
|
||||||
|
|
|
@ -240,6 +240,18 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flip-list-move {
|
||||||
|
transition: transform $transition-duration;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ghost {
|
||||||
|
background: $grey-200;
|
||||||
|
|
||||||
|
* {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
Reference in New Issue