44 lines
1.1 KiB
SCSS
44 lines
1.1 KiB
SCSS
|
// 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;
|
||
|
}
|