animation-iteration-count.scss

/// How many times animations repeates for element, class, or ID
/// @param {integer|string} $value
/// @returns {CSS} - `Property: Value` with prefixed properties
/// @example - Available values
///   - `_number_`: Integer of times to repeat
///   - `infinite`
///   - `initial`
///   - `inherit`
///   - `unset`
/// @example scss - Usage of animation-iteration-count
///   .example-class {
///     @include animation-iteration-count($value: 1);
///   }
/// @example css - Results of animation-iteration-count
///   .example-class {
///     -webkit-animation-iteration-count: 1;
///        -moz-animation-iteration-count: 1;
///          -o-animation-iteration-count: 1;
///             animation-iteration-count: 1;
///   }
/// @requires {mixin} render-vendor-prefixes
/// @author S0AndS0
/// @license AGPL-3.0
@mixin animation-iteration-count($value) {
  @include render-vendor-prefixes(
    $property: animation-iteration-count,
    $value: $value,
    $vendor-list: (
      -webkit,  // Chrome 43/4.0, Opera 30.0/15, Safari 9.0/4.0
      -moz,     // Firefox 16.0/5.0
      -o,       // Opera 12.0
    ),
    $prefix: property,
  );
}