@import '../settings/variables';
@import '../tools/mixins/transition';

.c-tab {
  @include transition((color, border-bottom-color));
  border-bottom: 0.125em solid transparent;
  color: $color-paragraph;
  font-size: 0.875em;
  font-weight: $font-weight-normal;
  padding: $gutter-big 0;

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

  &--selected {
    color: $color-primary;
    border-bottom-color: $color-primary;
    font-weight: $font-weight-bold;
  }

  & + & {
    margin-left: $margin-enormous;
  }
}