Sha256: 69a74bfd022b13978162593adf6cfef92deffcd58a5da25db1365147d1ff3d81
Contents?: true
Size: 1.97 KB
Versions: 10
Compression:
Stored size: 1.97 KB
Contents
@import 'css/romo/vars';
@import 'css/romo/mixins';
/* tabs */
.romo-tabs {
display: block;
@include list-unstyled;
@include clearfix;
border-bottom: $tabDividerSize solid $tabBackgroundActive;
}
.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: $tabBackground;
border-color: $tabBackground;
color: $tabColor;
&:hover,
&:focus {
outline: 0;
text-decoration: none;
background-color: $tabBackgroundHover;
border-color: $tabBackgroundHover;
}
}
.romo-tabs > li.active > a {
background-color: $tabBackgroundActive;
border-color: $tabBackgroundActive;
color: $tabColorActive;
}
.romo-tabs > li.disabled a,
.romo-tabs > li:disabled a {
color: $tabColorDisabled;
cursor: $notAllowedCursor;
&:hover,
&:focus {
background-color: $tabBackground;
border-color: $tabBackgroundHover;
}
}
.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: $tabBackgroundActive; }
.romo-tabs.romo-tabs-stacked > li:not(:last-child) > a { @include rm-border-bottom; }
Version data entries
10 entries across 10 versions & 1 rubygems