eSales Media Git repositories
Browse code

Fix css for animations

Benjamin Roth authored on24/04/2020 16:55:44
Showing1 changed files
src/Resources/public/css/animate.scss
History View file @537ac29
... ... 
@@ -30,7 +30,7 @@
30 30 
 }
31 31
32 32 
 .is-animated {
33 
-  &:not(.rs-columns) {
33 
+  &:not(.rs-columns):not(.animate-children) {
34 34 
     > *:not(.rs-columns) {
35 35 
       .-in-view& {
36 36 
         @include animation-start;
... ... 
@@ -41,14 +41,14 @@
41 41 
     }
42 42 
   }
43 43
44 
-  &:not(.rs-columns) {
44 
+  &:not(.rs-columns):not(.animate-children) {
45 45 
     > *.rs-columns {
46 46 
       > * {
47 
-        &.-in-view > * {
47 
+        .-in-view& {
48 48 
           @include animation-start;
49 49 
         }
50 50
51 
-        &:not(.-in-view) > * {
51 
+        :not(.-in-view)& > * {
52 52 
           @include animation-presets;
53 53 
         }
54 54 
       }
... ... 
@@ -58,11 +58,11 @@
58 58 
   &.rs-columns,
59 59 
   &.animate-children {
60 60 
     > * {
61 
-      &.-in-view > * {
61 
+      .-in-view& {
62 62 
         @include animation-start;
63 63 
       }
64 64
65 
-      &:not(.-in-view) > * {
65 
+      :not(.-in-view)& {
66 66 
         @include animation-presets;
67 67 
       }
68 68 
     }