Version: 2.0.0-alpha.1-dev.112.0.0-alpha.1-dev.122.0.0-alpha.1-dev.132.0.0-alpha.1-dev.142.0.0-rc.12.0.0-rc.22.0.0-rc.32.0.0-rc.42.0.0-rc.52.0.0-rc.62.0.0-rc.72.0.0-rc.82.0.0-rc.92.0.0-rc.102.0.02.0.12.0.23.0.03.0.13.1.03.2.03.2.13.3.03.4.03.4.13.4.23.5.03.6.03.6.13.6.24.0.0-beta.04.0.0-rc.14.0.0-rc.24.0.0-rc.44.0.0-rc.54.0.0-rc.64.0.0-rc.74.0.0-rc.84.0.04.1.04.1.14.1.24.1.34.2.04.2.14.2.24.3.04.3.14.4.04.5.04.6.05.0.0-beta.15.0.0-beta.25.0.0-beta.35.0.0-beta.45.0.0-beta.55.0.0-beta.65.0.0-beta.75.0.0-beta.7.hotfix5.0.0-beta.85.0.05.1.06.0.06.0.16.1.06.2.06.2.16.2.26.2.37.0.0-beta.17.0.0-beta.27.0.07.0.17.0.27.0.37.0.47.0.58.0.09.0.09.0.19.0.29.0.39.1.0-rc.19.1.0-rc.29.1.0-rc.39.1.0-rc.49.1.0-rc.59.1.0-rc.69.1.0-rc.79.1.0-rc.810.0.011.0.011.0.112.0.013.0.0
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
@import '../../styles/core/mixins';
:host {
display: block;
&.full-width .tabset {
justify-content: space-around;
}
::ng-deep nb-tab {
flex: 1;
-ms-flex: 1 1 auto;
overflow: auto;
display: none;
&.content-active {
.tabset {
display: flex;
flex-direction: row;
list-style-type: none;
margin: 0;
padding: 0;
.tab {
margin-bottom: -1px;
text-align: center;
position: relative;
&.active a::before {
a {
text-decoration: none;
&::before {
position: absolute;
content: '';
width: 100%;
border-radius: 3px;
bottom: -2px;
left: 0;
nb-icon {
vertical-align: middle;
nb-icon + span {
@include nb-ltr(margin-left, 0.5rem);
@include nb-rtl(margin-right, 0.5rem);