| @@ -1,4 +1,6 @@ | ||
| 1 | +/* File is Loaded via js only - FrmAnimate src: js/src/common/utilities/animation.js */ | |
| 2 | + | |
| 1 | 3 | /* fadeIn */ |
| 2 | 4 | .frm-fadein { |
| 3 | 5 | animation: fadeIn 400ms ease-in-out forwards; |
| 4 | 6 | } |
| @@ -15,15 +17,8 @@ | ||
| 15 | 17 | animation: fadeInDownShort 300ms ease-out forwards; |
| 16 | 18 | } |
| 17 | 19 | /* END fadeIn */ |
| 18 | 20 | |
| 19 | -/* slide down */ | |
| 20 | -.frm-slide-down, | |
| 21 | -.frm-collapse-me { | |
| 22 | - animation: slideDown var(--slide-time, 2000ms) cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; | |
| 23 | -} | |
| 24 | -/* END slide down */ | |
| 25 | - | |
| 26 | 21 | /* cascadeFadeIn */ |
| 27 | 22 | .frm-init-cascade-animation { |
| 28 | 23 | transform: translateY( 0px ); |
| 29 | 24 | opacity: 1.0 !important; |
| @@ -54,12 +49,8 @@ | ||
| 54 | 49 | transition: 0.35s transform, 0.5s opacity linear; |
| 55 | 50 | } |
| 56 | 51 | /* END FadeIn 3d */ |
| 57 | 52 | |
| 58 | -.frm-background-highlight { | |
| 59 | - animation: backgroundHighlight var(--highlight-time, 2750ms) ease-in forwards; | |
| 60 | -} | |
| 61 | - | |
| 62 | 53 | @keyframes fadeIn { |
| 63 | 54 | 0% { |
| 64 | 55 | opacity: 0; |
| 65 | 56 | } |
| @@ -102,40 +93,5 @@ | ||
| 102 | 93 | 100% { |
| 103 | 94 | opacity: 1; |
| 104 | 95 | transform: translateY(0); |
| 105 | 96 | } |
| 106 | -} | |
| 107 | - | |
| 108 | -@keyframes slideDown { | |
| 109 | - 0% { | |
| 110 | - max-height: 0; | |
| 111 | - opacity: 0; | |
| 112 | - overflow: hidden; | |
| 113 | - } | |
| 114 | - | |
| 115 | - 25% { | |
| 116 | - opacity: 1; | |
| 117 | - } | |
| 118 | - | |
| 119 | - 99% { | |
| 120 | - max-height: var(--slide-height, 10000px); | |
| 121 | - overflow: visible; | |
| 122 | - } | |
| 123 | - | |
| 124 | - 100% { | |
| 125 | - max-height: none; | |
| 126 | - } | |
| 127 | -} | |
| 128 | - | |
| 129 | -@keyframes backgroundHighlight { | |
| 130 | - 0% { | |
| 131 | - background-color: var(--primary-25); | |
| 132 | - } | |
| 133 | - | |
| 134 | - 90% { | |
| 135 | - background-color: var(--primary-25); | |
| 136 | - } | |
| 137 | - | |
| 138 | - 100% { | |
| 139 | - background-color: #fff; | |
| 140 | - } | |
| 141 | -} | |
| 97 | +} | |
