[Summary view] [Print] [Text view]

   1  // stylelint-disable property-disallowed-list
   2  @mixin transition($transition...) {
   3    @if length($transition) == 0 {
   4      $transition: $transition-base;
   5    }
   6  
   7    @if length($transition) > 1 {
   8      @each $value in $transition {
   9        @if $value == null or $value == none {
  10          @warn "The keyword 'none' or 'null' must be used as a single argument.";
  11        }
  12      }
  13    }
  14  
  15    @if $enable-transitions {
  16      @if nth($transition, 1) != null {
  17        transition: $transition;
  18      }
  19  
  20      @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
  21        @media (prefers-reduced-motion: reduce) {
  22          transition: none;
  23        }
  24      }
  25    }
  26  }