suite animate inView souligne

user/themes/epau-antimatter/css-compiled/template.css

@@ -904,10 +904,10 @@ ul.pagination {
     margin-left: 0%;
     width: 100%; } }
 
-.after-h1 .souligne.toright {
+.after-h1 .in-view-right {
   animation: animate 1.2s 1 normal ease-in-out forwards; }
 
-.after-h1 .souligne.toleft {
+.after-h1 .in-view {
   animation: glissement 1.2s 1 normal ease-in-out forwards; }
 
 .programmes {

user/themes/epau-antimatter/js/antimatter.js

@@ -127,11 +127,18 @@ jQuery(document).ready(function($){
       return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
     }
     $(window).scroll(function () {
-      $('.souligne').each(function () {
+      $('.souligne.toleft').each(function () {
         if (isScrolledIntoView(this) === true) {
             $(this).addClass('in-view')
             } else {
               $(this).removeClass('in-view')
               }
       });
+      $('.souligne.toright').each(function () {
+        if (isScrolledIntoView(this) === true) {
+            $(this).addClass('in-view-right')
+            } else {
+              $(this).removeClass('in-view-right')
+              }
+      });
     });

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -162,12 +162,12 @@
   }
 }
 .after-h1 {
-  .souligne.toright {
+  .in-view-right {
     // opacity: 0;
     // transition: opacity 1s ease-in-out;
     animation: animate 1.2s 1 normal ease-in-out forwards;
   }
-  .souligne.toleft {
+  .in-view {
     animation: glissement 1.2s 1 normal ease-in-out forwards;
   }
 }