@import './var.less';

.tab {
  position: relative;
  font-size: @tabs-font-size;
  display: flex;
  white-space: nowrap;
  width: 100%;
  user-select: none;

  &:first-child {
    -webkit-overflow-scrolling: touch;
  }
}

.item {
  position: relative;
  line-height: @line-height;
  border-bottom: @hd solid transparent;
  font-size: @tabs-font-size;
  color: @tabs-font-color;
  cursor: pointer;
  margin: 0 3%;
  padding: @tabs-padding;
}

.active {
  font-weight: @tabs-font-weight-bold;
  color: @brand-primary;
  border-bottom: @hd solid @brand-primary;
}
