/* ===================================================
/* LOADERS
/* ===================================================

// ====================================
// VARIABLES
// ====================================
=create-loader($size: $loader-size, $thickness: $loader-border-size)
  position: inline-flex
  width: $size
  height: $size
  border: $thickness solid rgba($loader-default-color, $loader-border-opacity)
  border:
    left-color: $loader-default-color
    radius: 50%
  animation: $loader-animation
  // Modifiers
  @each $type, $color in $loader-color-map
    &.make-#{$type}
      border:
        color: rgba($color, $loader-border-opacity)
        left-color: $color

// ====================================
// ANIMATIONS
// ====================================
@keyframes spin
  to
    transform: rotate(360deg)

// ====================================
// LOADER
// ====================================
.loader
  +create-loader
  // Modifiers
  &.make-large
    +create-loader(3.2rem, 0.8rem)
  &.make-larger
    +create-loader(4.0rem, 1.0rem)