kamp/searxng
1
0
Fork 0
mirror of https://github.com/searxng/searxng.git synced 2024-11-19 02:40:11 +01:00
Code

[simple theme] add animations.less for keyframe animations

Browse Source
This commit is contained in:
mrpaulblack 2021-11-21 12:04:08 +01:00 committed by Markus Heiser
parent e612b81f41
commit 6a367b59ce
3 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
searx/static/themes/simple/src/less/animations.less Normal file
View File

@ -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);
}
}
}

1
searx/static/themes/simple/src/less/style.less
View File

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

13
searx/static/themes/simple/src/less/toolkit.less
View File

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