| 1 | /*! Fiesta 1.2.0 | MPL-2.0 | https://fiesta.rastrillo.org */ |
| 2 | @media (max-width: 799.98px) and (prefers-reduced-motion: no-preference) { |
| 3 | @view-transition { navigation: auto; } |
| 4 | ::view-transition-group(root) { animation-duration: 0.32s; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); } |
| 5 | html:active-view-transition-type(forward)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-start; } |
| 6 | html:active-view-transition-type(forward)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-end; } |
| 7 | html:active-view-transition-type(back)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-end; z-index: 1; } |
| 8 | html:active-view-transition-type(back)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-start; } |
| 9 | html[dir="rtl"]:active-view-transition-type(forward)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-start-rtl; } |
| 10 | html[dir="rtl"]:active-view-transition-type(forward)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-end-rtl; } |
| 11 | html[dir="rtl"]:active-view-transition-type(back)::view-transition-old(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-out-end-rtl; z-index: 1; } |
| 12 | html[dir="rtl"]:active-view-transition-type(back)::view-transition-new(root) { animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both rst-shell-in-start-rtl; } |
| 13 | .rst-shell-console > .rst-shell__bar, [rst-shell-console] > [rst-shell-bar] { view-transition-name: rst-shell-bar; } |
| 14 | } |
| 15 | @keyframes rst-shell-in-end { from { transform: translateX(100%); } } |
| 16 | @keyframes rst-shell-out-start { to { opacity: 0.7; transform: translateX(-25%); } } |
| 17 | @keyframes rst-shell-in-start { from { opacity: 0.7; transform: translateX(-25%); } } |
| 18 | @keyframes rst-shell-out-end { to { transform: translateX(100%); } } |
| 19 | @keyframes rst-shell-in-end-rtl { from { transform: translateX(-100%); } } |
| 20 | @keyframes rst-shell-out-start-rtl { to { opacity: 0.7; transform: translateX(25%); } } |
| 21 | @keyframes rst-shell-in-start-rtl { from { opacity: 0.7; transform: translateX(25%); } } |
| 22 | @keyframes rst-shell-out-end-rtl { to { transform: translateX(-100%); } } |
| 23 | @media (prefers-reduced-motion: reduce) { |
| 24 | html:active-view-transition-type(forward)::view-transition-old(root) { animation: none; } |
| 25 | html:active-view-transition-type(forward)::view-transition-new(root) { animation: none; } |
| 26 | html:active-view-transition-type(back)::view-transition-old(root) { animation: none; } |
| 27 | html:active-view-transition-type(back)::view-transition-new(root) { animation: none; } |
| 28 | html[dir="rtl"]:active-view-transition-type(forward)::view-transition-old(root) { animation: none; } |
| 29 | html[dir="rtl"]:active-view-transition-type(forward)::view-transition-new(root) { animation: none; } |
| 30 | html[dir="rtl"]:active-view-transition-type(back)::view-transition-old(root) { animation: none; } |
| 31 | html[dir="rtl"]:active-view-transition-type(back)::view-transition-new(root) { animation: none; } |
| 32 | } |
| 33 | |
amadan