// ============================================================================
// :: Switch
// ============================================================================
/**
 * A simple component used to toggle on or off some content.
 */

// ============================================================================
// :: Root
// ============================================================================
.bp-switch {
  color: $bp-text-color-medium;

  transition: color 0.2s ease-in-out;

  &:hover {
    color: $bp-primary-color;
  }
}

// ============================================================================
// :: States
// ============================================================================
.bp-switch {

  &.is-enabled {
    color: $bp-primary-color;
  }
}