kai-jacobsen/kontentblocks

View on GitHub
css/sass/partials/_refields/_tabs.scss

Summary

Maintainability
Test Coverage
.kb-field--tabs{

  position: relative;
  zoom: 1;

  a:focus{
    box-shadow: none;
  }

  ul.ui-tabs-nav{
    margin-bottom: 0px;
    margin-left: 0px;
    padding:0 0 0 0;
    overflow: hidden;
    list-style: none !important;
    background-color: $grey-100;
    border-bottom: 1px solid $grey-200;
    border-top: 1px solid $grey-200;

    li{
      padding: 8px 0px 5px 0px;
      background-color: $grey-100;
      float: left;
      margin-bottom: 0;
      position: relative;
      top:0px;

      &:focus, &:active{
        border: none;
        outline: none;
      }

      a{
        padding: 2px 22px;
        text-decoration: none;
        color:#333;
        top:2px;
        font-weight:100;
        font-size: 13px;
        border: none;
        &:focus, &:active{
          border: none;
          outline: none;
        }

        &:hover{
          color: #666;
          border: none;
        }
      }

      &.ui-tabs-active{
        background-color: #fff;
//        border-right: 1px solid #eee;

        a{
          color: #000;
          font-weight: 500;
          //border-bottom: 1px solid #222;
        }
      }
    }
  }

  .ui-widget-content{
    padding:0px;
  }
}

.option-panel-postbox{
  .kb-field--tabs ul.ui-tabs-nav{
    margin-top: 0;
    margin-right: 0;
  }

  .kb-custom-wrapper, .inside{
    margin-top: 0;
    margin-bottom: 0;
  }


}

.kbf-fields-tabnav ul.ui-tabs-nav{
  border-top: none;
}