File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -721,3 +721,46 @@ a:not([href]):not([class]):hover {
721721.csvtable {
722722 width : 100% ;
723723}
724+ <<<<<<< HEAD
725+ =======
726+
727+ // Only target the tabbed panels using ID naming convention
728+
729+ [id ^= " tabs-" ] {
730+ border : 1px solid rgba ($light , 0.1 );
731+ border-radius : 0.5rem ;
732+ padding : .5rem ;
733+ margin-bottom : 1rem ;
734+ background-color : rgba ($light , 0.02 );
735+ box-shadow : 0 0 8px rgba ($dark , 0.2 );
736+
737+ .nav-link {
738+ color : $light ;
739+ background-color : transparent ;
740+ border : 2px solid rgba ($light , 0.15 );
741+ border-radius : 0.5rem 0.5rem 0 0 ;
742+ margin : 2px ;
743+ padding : 0.5rem 1rem ;
744+ font-weight : 500 ;
745+ line-height : 1.5rem ;
746+ display : inline-block ;
747+ transition : background-color 0.2s ease , color 0.2s ease ;
748+ white-space : nowrap ;
749+
750+ & :hover {
751+ background-color : rgba ($light , 0.08 );
752+ color : $white ;
753+ }
754+
755+ & .active {
756+ background-color : $primary ;
757+ color : #fff ;
758+ border-color : $primary $primary transparent ;
759+ font-weight : 600 ;
760+ position : relative ;
761+ z-index : 2 ;
762+ }
763+ }
764+ }
765+
766+ >>>>>>> 3b1c4297 (tabbed content visibility)
You can’t perform that action at this time.
0 commit comments