fix: tabs classes (#49)

flocasts · Apr 13, 2020 · 3fd5cd5 · 3fd5cd5
1 parent c9b660a
commit 3fd5cd5
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/scss/_tabs.scss b/scss/_tabs.scss
@@ -7,7 +7,7 @@
   border-top: $nav-tabs-border-color solid $nav-tabs-border-width;
 }
 
-label.tab-label {
+.tab-label {
   align-items: center;
   border-bottom: $gray-300 solid 1px;
   border-top: $gray-300 solid 1px;
@@ -38,7 +38,7 @@ label.tab-label {
     padding-right: 0;
   }
 
-  &.flex-tab{
+  &.flex-tab {
     flex-grow: 1;
     flex-basis: from-pixels(125);
     padding-left:  0;
@@ -66,6 +66,11 @@ input.tab-input:checked + label.tab-label {
   color: $primary;
 }
 
+.tab-active {
+  border-bottom: $tab-border-width solid $primary;
+  color: $primary;
+}
+
 input.tab-input:checked + label.tab-label + .tab-content {
   display: block;
 }