| @@ -15,15 +15,8 @@ | ||
| 15 | 15 | animation: fadeInDownShort 300ms ease-out forwards; |
| 16 | 16 | } |
| 17 | 17 | /* END fadeIn */ |
| 18 | 18 | |
| 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 | 19 | /* cascadeFadeIn */ |
| 27 | 20 | .frm-init-cascade-animation { |
| 28 | 21 | transform: translateY( 0px ); |
| 29 | 22 | opacity: 1.0 !important; |
| @@ -54,12 +47,8 @@ | ||
| 54 | 47 | transition: 0.35s transform, 0.5s opacity linear; |
| 55 | 48 | } |
| 56 | 49 | /* END FadeIn 3d */ |
| 57 | 50 | |
| 58 | -.frm-background-highlight { | |
| 59 | - animation: backgroundHighlight var(--highlight-time, 2750ms) ease-in forwards; | |
| 60 | -} | |
| 61 | - | |
| 62 | 51 | @keyframes fadeIn { |
| 63 | 52 | 0% { |
| 64 | 53 | opacity: 0; |
| 65 | 54 | } |
| @@ -101,41 +90,6 @@ | ||
| 101 | 90 | |
| 102 | 91 | 100% { |
| 103 | 92 | opacity: 1; |
| 104 | 93 | transform: translateY(0); |
| 105 | - } | |
| 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 | 94 | } |
| 141 | 95 | } |
