| @@ -1,7 +1,8 @@ | ||
| 1 | 1 | /* fadeIn */ |
| 2 | 2 | .frm-fadein { |
| 3 | - animation: fadeIn 400ms ease-in-out forwards; | |
| 3 | + --frm-fadein-time: 400ms; | |
| 4 | + animation: fadeIn var(--frm-fadein-time, 400ms) ease-in-out forwards; | |
| 4 | 5 | } |
| 5 | 6 | |
| 6 | 7 | .frm-fadein-up { |
| 7 | 8 | animation: fadeInUp 230ms ease-in-out forwards; |
| @@ -11,9 +12,10 @@ | ||
| 11 | 12 | animation: fadeInUpBack 500ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards; |
| 12 | 13 | } |
| 13 | 14 | |
| 14 | 15 | .frm-fadein-down-short { |
| 15 | - animation: fadeInDownShort 300ms ease-out forwards; | |
| 16 | + --frm-fadein-down-short-time: 300ms; | |
| 17 | + animation: fadeInDownShort var(--frm-fadein-down-short-time, 300ms) ease-out forwards; | |
| 16 | 18 | } |
| 17 | 19 | |
| 18 | 20 | .frm-fadeout { |
| 19 | 21 | animation: fadeOut var(--fadeout-time, 400ms) ease-in-out forwards; |
