// iOS Segment
// --------------------------------------------------


.ion-segment {

  button,
  [button] {
    border-width: 1px;

    transition: 100ms all linear;

    color: get-color(primary, base);

    min-height: 3.3rem;
    line-height: 3.3rem;

    &.active {
      background-color: get-color(primary, base);
      color: white;
    }

    border-style: solid;
    border-color: get-color(primary, base);

    &:first-of-type {
      border-right-width: 0px;
    }

    &:last-of-type {
      border-left-width: 0px;
    }

  }

}