@import "./chip";

// Material Design Chip
// --------------------------------------------------

ion-chip {
}


// Generate Material Design Chip Colors
// --------------------------------------------------

@each $color-name, $color-value in $colors-ios {

  ion-chip {
    > ion-icon[#{$color-name}] {
      background-color: $color-value;
      color: color-inverse($color-value) !important;
    }
  }

}