Honor prefers-reduced-motion for + sign animation

This commit is contained in:
squidfunk 2021-12-09 22:32:15 +01:00
parent 1ddf8723b0
commit d447324816
5 changed files with 9 additions and 4 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.2d264350.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.82f3c0b9.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">

View File

@ -220,6 +220,11 @@
transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
content: attr(data-md-annotation-id);
// [reduced-motion]: Disable animation
@media (prefers-reduced-motion) {
transition: none;
}
// [not print]: if we're not in print mode, show a `+` sign instead of
// the original numbers, as context is already given by the position.
@media not print {