Skip to content

Labels in tab-content are styled for tab-label-content #60

@annolangen

Description

@annolangen

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;
@@

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions