tabs.sass

// -------------------------------------
//   Main Component
// -------------------------------------

.tabs

  +pie-clearfix
  > li, > ._tab
    float: left

  margin-bottom: 1em

  // ----- Tab object ----- //

  > li, > ._tab
    a
      display: inline-block
      padding: 6px 15px
      border: 2px solid transparent
      border-left: none
      color: $tabs-color
      &:hover
        background: lighten($tabs-color, 45%)
    &.selected,
    &.is-selected
      a
        border: 2px solid transparent
        background: $tabs-color
        color: white
        &:hover
          background: darken($tabs-color, 10%)

  // ----- Blue tabs nuance (inside blue game frame) ----- // 

  &.-blue
    background: $tabs-blue-color
    margin-bottom: 0