[simple theme] add animations.less for keyframe animations

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

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

View file

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

View file

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