From 039a053e07f32f673adc75e24378e1fd64cac209 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Wed, 30 Jul 2014 07:41:35 +0300 Subject: [PATCH] Animations --- .../assets/sass/helpers/animations.scss | 38 +++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100755 core/client/assets/sass/helpers/animations.scss diff --git a/core/client/assets/sass/helpers/animations.scss b/core/client/assets/sass/helpers/animations.scss new file mode 100755 index 0000000000..ce75500693 --- /dev/null +++ b/core/client/assets/sass/helpers/animations.scss @@ -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); +} \ No newline at end of file