Sha256: 8a583a0434d1fa2f86a97a73d03a3022dd0e26ae6e195cdb804c072a829a42c2

Contents?: true

Size: 1.94 KB

Versions: 27

Compression:

Stored size: 1.94 KB

Contents

@import 'css/romo/vars';
@import 'css/romo/mixins';

/* tabs */

.romo-tabs {
  display: block;
  @include list-unstyled;
  @include clearfix;

  border-bottom: $tabDividerSize solid $tabBgColorActive;
}

.romo-tabs > li {
  float: left;
  @include rm-push;
  @include rm-pad;
}

.romo-tabs-pull-left  > li { float: left; }
.romo-tabs-pull-right > li { float: right; }

.romo-tabs > li > a {
  display: block;
  cursor: pointer;

  @include border1;
  background-color: $tabBgColor;
  border-color: $tabBgColor;
  color: $tabColor;

  &:hover,
  &:focus {
    outline: 0;
    text-decoration: none;
    background-color: $tabBgColorHover;
    border-color: $tabBgColorHover;
  }
}

.romo-tabs > li.active > a {
  background-color: $tabBgColorActive;
  border-color: $tabBgColorActive;
  color: $tabColorActive;
}

.romo-tabs > li.disabled a,
.romo-tabs > li:disabled a {
  color: $tabColorDisabled;
  cursor: $notAllowedCursor;

  &:hover,
  &:focus {
    background-color: $tabBgColor;
    border-color: $tabBgColorHover;
  }
}

.romo-tabs.romo-tabs-small > li > a,
.romo-tabs.romo-tabs0 > li > a { @include font-size0; @include font-weight0; @include line-height0; @include button-pad0; }
.romo-tabs > li > a,
.romo-tabs.romo-tabs1 > li > a { @include font-size1; @include font-weight1; @include line-height1; @include button-pad1; }
.romo-tabs.romo-tabs-large > li > a,
.romo-tabs.romo-tabs2 > li > a { @include font-size2; @include font-weight2; @include line-height2; @include button-pad2; }
.romo-tabs.romo-tabs3 > li > a { @include font-size3; @include font-weight3; @include line-height3; @include button-pad3; }

.romo-tabs.romo-tabs-stacked { @include rm-border; }
.romo-tabs.romo-tabs-stacked > li { float: none; }
.romo-tabs.romo-tabs-stacked > li > a { @include border1; border-color: $baseBorderColor; }
.romo-tabs.romo-tabs-stacked > li.active > a { border-color: $tabBgColorActive; }
.romo-tabs.romo-tabs-stacked > li:not(:last-child) > a { @include rm-border-bottom; }

Version data entries

27 entries across 27 versions & 1 rubygems

Version Path
romo-0.18.2 assets/css/romo/tabs.scss
romo-0.18.1 assets/css/romo/tabs.scss
romo-0.18.0 assets/css/romo/tabs.scss
romo-0.17.1 assets/css/romo/tabs.scss
romo-0.17.0 assets/css/romo/tabs.scss
romo-0.16.2 assets/css/romo/tabs.scss
romo-0.16.1 assets/css/romo/tabs.scss
romo-0.16.0 assets/css/romo/tabs.scss
romo-0.15.9 assets/css/romo/tabs.scss
romo-0.15.8 assets/css/romo/tabs.scss
romo-0.15.7 assets/css/romo/tabs.scss
romo-0.15.6 assets/css/romo/tabs.scss
romo-0.15.5 assets/css/romo/tabs.scss
romo-0.15.4 assets/css/romo/tabs.scss
romo-0.15.3 assets/css/romo/tabs.scss
romo-0.15.2 assets/css/romo/tabs.scss
romo-0.15.1 assets/css/romo/tabs.scss
romo-0.15.0 assets/css/romo/tabs.scss
romo-0.14.4 assets/css/romo/tabs.scss
romo-0.14.3 assets/css/romo/tabs.scss