SOLO 3.1.1 ist verfügbar

von Dennis Erdmann (Kommentare: 0)

Die neue Version respektiert nun die Systemeinstellung „reduzierte Bewegung“ bei den CSS Animationen. Außerdem wurden veraltete Vendor-Prefixes entfernt.

Dafür wurden die in der _animation.scss angelegten Mixins um eine Media-Query ergänzt, die die Animation, Bewegung und Opazität auf den Standard zurücksetzt.

Hier ein Beispiel für das Mixin animate-fade-left:

@mixin animate-fade-left($delay: 0s) {
  … 
  
  @media (prefers-reduced-motion) {
    animation: none;
    transform: translateX(0);
    opacity: 100%;
  }
}

Auf die oben gezeigte Weise können bereits bestehende Installationen angepasst werden (oder du kopierst die _animation.scss aus der aktuellen Version). Bei den Vendor-Prefixes besteht kein Handlungsbedarf, diese müssen nicht händisch entfernt werden.

Zurück

Kommentare

Einen Kommentar schreiben

Bitte rechnen Sie 7 plus 8.