[simple theme] add animations.less for keyframe animations

searx/static/themes/simple/src/less/animations.less

@@ -0,0 +1,15 @@
+.dialog-modal {
+  animation-name: dialogmodal;
+  animation-duration: 0.13s;
+
+  @keyframes dialogmodal {
+    0% {
+      opacity: 0;
+    }
+
+    50% {
+      opacity: 0.5;
+      transform: translate(-50%, -50%) scale(1.05);
+    }
+  }
+}

searx/static/themes/simple/src/less/style.less

@@ -16,6 +16,7 @@
 @import "toolkit.less";
 @import "autocomplete.less";
 @import "detail.less";
+@import "animations.less";
 
 // for index.html template
 @import "index.less";

searx/static/themes/simple/src/less/toolkit.less

@@ -191,25 +191,12 @@ div.selectable_url {
   margin: 0 auto;
   transform: translate(-50%, -50%);
   z-index: 10000000;
-  animation-name: dialogmodal;
-  animation-duration: 0.13s;
 
   h3 {
     margin-top: 0;
   }
 }
 
-@keyframes dialogmodal {
-  0% {
-    opacity: 0;
-  }
-
-  50% {
-    opacity: 0.5;
-    transform: translate(-50%, -50%) scale(1.05);
-  }
-}
-
 // btn-collapse
 .btn-collapse {
   cursor: pointer;