I fixed this using the child selector for label under tab-label-content:
@@ -43,7 +43,7 @@
z-index: -1;
&:checked {
+ .tab-label-content {
- label {
+ > label {
color: white;
}
.tab-content {
@@ -60,9 +60,10 @@
}
}
@include tabs(3, demo); /* Use this mixin and specify the amount of tabs and the tab name */
-.tabs label {
+.tabs .tab-label-content > label {
cursor: pointer;
color: rgba(255,255,255,0.8);
background-color: $primary;
@@