snappymail/dev/Styles/User/Animations.less
djmaze 99c72ad9e6 Drop bootstrap .well and .pull-left
Reduce bootstrap .pull-right usage
2021-11-09 00:53:42 +01:00

40 lines
902 B
Text

@keyframes highlight-folder-row {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
@keyframes animate-stripes {
0% {background-position: 0 0;}
100% {background-position: 60px 0;}
}
@media screen and (min-width: 1000px) {
.b-folders li .anim-action-class {
animation: highlight-folder-row 0.5s linear;
}
.b-folders .btn.buttonContacts {
transition: margin 0.3s linear;
}
#rl-left .b-content {
transition: opacity 0.3s linear;
}
.b-list-content {
.e-contact-item {
transition: max-height 400ms ease;
}
}
#V-PopupsCompose header.loading {
background-size: 60px 60px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
transparent 75%, transparent);
animation: animate-stripes 2s linear infinite;
}
}