feat: only use smooth scroll in larger viewport

This commit is contained in:
alistair3149 2021-04-02 15:46:52 -04:00
parent 3e217def6e
commit e9b5ec5575
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C

View file

@ -253,11 +253,6 @@ video {
max-width: 100%; // Prevent overflow
}
html.citizen-animations-ready {
// So that the delay scroll animation won't happen on load
scroll-behavior: smooth; // not supported by IE, Edge, Safari, and Opera, use JQuery as fallback
}
.skin-citizen-dark {
.mw-editsection > a:before {
filter: invert( 1 );
@ -272,4 +267,11 @@ html.citizen-animations-ready {
table {
display: table;
}
// Delay scroll animation won't happen on load
// Use it only for larger viewport as it is very costly
// on mobile devices
html.citizen-animations-ready {
scroll-behavior: smooth;
}
}