mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-25 20:46:48 +00:00
52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
@-webkit-keyframes slideInUp {
|
|
0% {
|
|
-webkit-transform: translateY(20px);
|
|
transform: translateY(20px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes fade-out-hide {
|
|
0% {opacity: 1; visibility: visible;}
|
|
99% {opacity: 0; visibility: visible;}
|
|
100% {opacity: 0; visibility: hidden;}
|
|
}
|
|
|
|
.animate-hide-500 {
|
|
animation: fade-out-hide 0.5s;
|
|
}
|
|
|
|
// @-webkit-keyframes slideOutDown
|
|
// 0%
|
|
// -webkit-transform: translateY(0)
|
|
// transform: translateY(0)
|
|
// 100%
|
|
// -webkit-transform: translateY(20px)
|
|
// transform: translateY(20px)
|
|
|
|
.animate-show {
|
|
-webkit-animation-name: slideInUp;
|
|
animation-name: slideInUp;
|
|
-webkit-animation-duration: 0.3s;
|
|
animation-duration: 0.3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
|
|
// line-height: 20px
|
|
// opacity: 1
|
|
|
|
// &.ng-hide
|
|
// -webkit-animation-name: slideOutDown
|
|
// animation-name: slideOutDown
|
|
// -webkit-animation-duration: 0.5s
|
|
// animation-duration: 0.5s
|
|
// -webkit-animation-fill-mode: both
|
|
// animation-fill-mode: both
|
|
// // line-height: 20px
|
|
// // opacity: 1
|
|
}
|