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

// Windows Spinner
// --------------------------------------------------

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

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

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

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

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


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

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

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

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

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


// Generate Windows Spinner Colors
// --------------------------------------------------

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

  .spinner-wp-#{$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;
    }

  }

}