Contents

/* -------------------- Tabs -------------------- */
.tab-container {
  .tabs {
    position: relative;
    margin: 0 16px;
    li {
      @extend .inline-top;
      &.active a { @include opacity(100); }
      a {
        @include transition(0.4s);
        @include line-height(100%, 40px);
        @include opacity(70);
        display: block;
        min-width: 60px;
        padding: 0 24px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        &:hover { @include opacity(80); }
        &[data-with_noti="true"]:after {
          @include tblr(-10px, auto, auto, 1px);
          @include size(20px, 20px);
        }
      }
    }
  }
  .tab-content {
    height: 100%;
    overflow: auto;
  }
}

.section {
  .section-head {
    > .tabs {
      @include line-height(40px, 40px);
      margin-bottom: -8px;
    }
  }
}
/* -------------------- END Tabs -------------------- */

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
toolbox_esten-1.0.0	assets/stylesheets/toolbox_esten/tabs.scss