Sha256: 409b20b2f7529296b2c0ef4f2f94383a5cfbe11aa0836d889b255d9d554c6b39
Contents?: true
Size: 1.2 KB
Versions: 22
Compression:
Stored size: 1.2 KB
Contents
@import "mixins/components.tabs";
.c-tabs {
display: block;
}
.c-tabs__headings {
display: flex;
text-align: $tab-headings-text-align;
cursor: pointer;
}
.c-tab-heading {
flex: 1;
margin: $tab-heading-margin;
padding: $tab-heading-padding;
box-shadow: 0 -.2em 0 0 $tab-heading-box-shadow-color inset;
}
.c-tab-heading--active {
@include tab-heading--color;
}
.c-tabs--brand .c-tab-heading--active {
@include tab-heading--color($tab-heading-brand-active-box-shadow-color);
}
.c-tabs--info .c-tab-heading--active {
@include tab-heading--color($tab-heading-info-active-box-shadow-color);
}
.c-tabs--warning .c-tab-heading--active {
@include tab-heading--color($tab-heading-warning-active-box-shadow-color);
}
.c-tabs--success .c-tab-heading--active {
@include tab-heading--color($tab-heading-success-active-box-shadow-color);
}
.c-tabs--error .c-tab-heading--active {
@include tab-heading--color($tab-heading-error-active-box-shadow-color);
}
.c-tab-heading--disabled {
background-color: $tab-heading-disabled-background-color;
color: $tab-heading-disabled-color;
cursor: not-allowed;
}
.c-tabs__tab {
display: none;
padding: $tab-padding;
}
.c-tabs__tab--active {
display: block;
}
Version data entries
22 entries across 22 versions & 2 rubygems