how to style ngx-bootstrap components in angular?

I want to change nav-link style

This is my try in my.component.scss

tabset {
a {
.nav-link {
background: #FFFFFF;
border: 1px solid #DDE6FB;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #000000;

&.active {
}
}
}

}


But it doesn't work...

Template in my.component.html

<tabset>
<tab>
<ng-template tabHeading>
Tab 3
<span
class="badge">12</span>
</ng-template>

tab content
</tab>
</tabset>




How I can do it?

Continue reading...