mixins-base/_mixins.sass

@mixin pin()
  position: fixed
  top: 0
  left: 0
  right: 0
  bottom: 0

@mixin animationRotate($speed: 1s)
  @keyframes animationRotate
      from
        transform: rotate(0)
      to
        transform: rotate(360deg)
  animation:
    name: animationRotate
    duration: $speed
    iteration-count: infinite
    timing-function: linear

@mixin animationPulse($speed: 1s, $size: 1rem, $color: black)
  @keyframes animationPulse
      from
        box-shadow: 0 0 0 0 $color;
      to
        box-shadow: 0 0 0 $size transparentize($color, 1);
  animation:
    name: animationPulse
    duration: $speed
    iteration-count: infinite
    timing-function: linear