 @require '~kolibri.styles.definitions'

  li
    display: inline-block
    text-align: center

  .tab
    display: inline-block
    margin: 0
    padding-top: 0
    padding-bottom: 0
    padding-right: 12px
    padding-left: 12px
    max-width: 264px
    min-width: 72px
    border: none
    border-radius: 0
    font-size: 14px
    text-decoration: none
    color: $core-text-annotation
    &:hover, &:focus
      background-color: $core-action-light
      color: $core-action-normal

  .router-link-active, .tab-selected
    border-bottom-style: solid
    border-bottom-width: 2px
    border-bottom-color: $core-action-normal
    color: $core-action-normal

  .icon
    font-size: 24px

  .tab-icon
    padding-top: 11px
    padding-bottom: 11px


  .tab-title
    font-weight: bold
    text-transform: uppercase
    padding-top: 15px
    padding-bottom: 15px
    overflow-x: hidden
    text-overflow: ellipsis

  .tab-has-icon-and-title

    .tab-icon
      padding-top: 10px
      padding-bottom: 10px

    .tab-title
      padding-top: 0
      padding-bottom: 10px

 @require '~kolibri.styles.definitions'

  li
    display: inline-block
    text-align: center

  .tab
    display: inline-block
    margin: 0
    padding-top: 0
    padding-bottom: 0
    padding-right: 12px
    padding-left: 12px
    max-width: 264px
    min-width: 72px
    border: none
    border-radius: 0
    font-size: 14px
    text-decoration: none
    color: $core-text-annotation
    &:hover, &:focus
      background-color: $core-action-light
      color: $core-action-normal
      outline: none

  .router-link-active, .tab-selected
    border-bottom-style: solid
    border-bottom-width: 2px
    border-bottom-color: $core-action-normal
    color: $core-action-normal

  .icon
    font-size: 24px

  .tab-icon
    padding-top: 11px
    padding-bottom: 11px


  .tab-title
    font-weight: bold
    text-transform: uppercase
    padding-top: 15px
    padding-bottom: 15px
    overflow-x: hidden
    text-overflow: ellipsis

  .tab-has-icon-and-title

    .tab-icon
      padding-top: 10px
      padding-bottom: 10px

    .tab-title
      padding-top: 0
      padding-bottom: 10px

Remove extra outline for a.tab elements
Remove extra outline for a.tab elements
