Contents

.vertical-tabs-container {
  $large-screen: 40em !default;
  $vertical-tabs-height: 6.25em;

  @include clearfix;

  .vertical-tabs {
    display: none;

    @include media($large-screen) {
      display: inline;
      float: left;
      height: $vertical-tabs-height;
      width: 20%;
    }
  }

  .vertical-tab {
    @include media($large-screen) {
      display: block;

      &.is-active {
        color: #f00;
      }
    }
  }

  .vertical-tab-content-container {
    display: block;

    @include media($large-screen) {
      @include size(80%, $vertical-tabs-height);
      display: inline-block;
    }
  }

  .vertical-tab-content {
    @include media($large-screen) {
      display: none;
    }
  }

  .vertical-tab-accordion-heading {
    cursor: pointer;
    display: block;

    @include media($large-screen) {
      display: none;
    }
  }
}

// Based on code by Jett Miller jettmiller.net

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
refills-0.2.0	source/stylesheets/refills/unstyled/_vertical-tabs.scss