mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-15 03:12:54 +03:00
Animations
This commit is contained in:
parent
2faa4a75f9
commit
b6d61cd0da
38
ghost/admin/assets/sass/helpers/animations.scss
Executable file
38
ghost/admin/assets/sass/helpers/animations.scss
Executable file
@ -0,0 +1,38 @@
|
||||
//
|
||||
// Fade in
|
||||
// --------------------------------------------------
|
||||
|
||||
@include keyframes(fade-in) {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.fade-in {
|
||||
@include animation(fade-in 0.2s);
|
||||
}
|
||||
|
||||
@include keyframes(fade-in-snap) {
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Fade out
|
||||
// --------------------------------------------------
|
||||
|
||||
@include keyframes(fade-out) {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.fade-out {
|
||||
@include animation(fade-out 0.5s);
|
||||
}
|
Loading…
Reference in New Issue
Block a user