bootstrap-fluent-design_tem.../scss/_tabs.scss

44 lines
1.1 KiB
SCSS
Raw Normal View History

2018-07-17 08:11:21 +01:00
// Tabs
.fluent-tabs {
border-bottom: none;
.nav-item {
margin: 0 $fluent-tabs-nav-item-mx;
&:first-child {
margin: 0 $fluent-tabs-nav-item-mx 0 0;
}
.nav-link {
padding: 0 0 $fluent-tabs-nav-link-pb 0;
font-size: $fluent-tabs-font-size;
color: $fluent-tabs-nav-link-color;
border: none;
border-radius: 0;
&.active {
border: none;
color: $fluent-tabs-nav-link-active-color;
border-bottom: $fluent-tabs-nav-link-active-border-bottom-height solid $dark-blue;
font-weight: $fluent-tabs-nav-link-active-border-font-weight;
}
&:hover {
border: none;
border-radius: 0;
}
&.active {
&:hover {
border-bottom: 2px solid $dark-blue;
}
}
&.disabled {
cursor: not-allowed;
color: $fluent-tabs-nav-link-disabled-color;
&:hover {
color: $fluent-tabs-nav-link-disabled-color;
}
}
}
}
}
.tab-content {
margin-top: $fluent-tabs-tab-content-my;
margin-bottom: $fluent-tabs-tab-content-my;
}