diff options
Diffstat (limited to 'src/static/css/responsive.css')
| -rw-r--r-- | src/static/css/responsive.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/static/css/responsive.css b/src/static/css/responsive.css index 38e4188a..67826a01 100644 --- a/src/static/css/responsive.css +++ b/src/static/css/responsive.css @@ -27,7 +27,22 @@ /* Layout - Wide or Medium */ +@property deferred-non-mobile-switch { + syntax: <number>; + initial-value: 0; +} + +@keyframes defer-non-mobile-switch { + 0% { --deferred-non-mobile-switch: 0; } + 99.9% { --deferred-non-mobile-switch: 0; } + 100% { --deferred-non-mobile-switch: 1; } +} + @media (min-width: 600px) { + :root { + animation: defer-non-mobile-switch 0.15s forwards; + } + .content-sticky-heading-root { /* Safari doesn't always play nicely with position: sticky, * this seems to fix images sometimes displaying above the |