@import "../../themes/ionic.globals.md";

// Material Design Spinner
// --------------------------------------------------

/// @prop - Color of the ios spinner
$spinner-md-ios-color:            #69717d !default;

/// @prop - Color of the bubbles spinner
$spinner-md-bubbles-color:        #000 !default;

/// @prop - Color of the circles spinner
$spinner-md-circles-color:        #69717d !default;

/// @prop - Color of the crescent spinner
$spinner-md-crescent-color:       #000 !default;

/// @prop - Color of the dots spinner
$spinner-md-dots-color:           #444 !default;


.spinner-md-ios line,
.spinner-md-ios-small line {
  stroke: $spinner-md-ios-color;
}

.spinner-md-bubbles circle {
  fill: $spinner-md-bubbles-color;
}

.spinner-md-circles circle {
  fill: $spinner-md-circles-color;
}

.spinner-md-crescent circle {
  stroke: $spinner-md-crescent-color;
}

.spinner-md-dots circle {
  fill: $spinner-md-dots-color;
}


// Generate Material Design Spinner Colors
// --------------------------------------------------

@each $color-name, $color-base, $color-contrast in get-colors($colors-md) {

  .spinner-md-#{$color-name} {

    &.spinner-ios line,
    &.spinner-ios-small line,
    &.spinner-crescent circle {
      stroke: $color-base;
    }

    &.spinner-bubbles circle,
    &.spinner-circles circle,
    &.spinner-dots circle {
      fill: $color-base;
    }

  }

}