File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -733,7 +733,7 @@ a:not([href]):not([class]):hover {
733733
734734 .nav-link {
735735 color : $light ;
736- background-color : transparent ;
736+ background-color : rgba ( $light , 0.3 ); // 🆕 consistent visible bg for inactive tabs
737737 border : 2px solid rgba ($light , 0.15 );
738738 border-radius : 0.5rem 0.5rem 0 0 ;
739739 margin : 2px ;
@@ -743,9 +743,10 @@ a:not([href]):not([class]):hover {
743743 display : inline-block ;
744744 transition : background-color 0.2s ease , color 0.2s ease ;
745745 white-space : nowrap ;
746+ box-shadow : 0 0 4px rgba ($dark , 0.05 ); // 🆕 soft shadow for depth
746747
747748 & :hover {
748- background-color : rgba ($light , 0.08 );
749+ background-color : rgba ($light , 0.5 );
749750 color : $white ;
750751 }
751752
@@ -756,6 +757,7 @@ a:not([href]):not([class]):hover {
756757 font-weight : 600 ;
757758 position : relative ;
758759 z-index : 2 ;
760+ box-shadow : none ; // remove shadow from active to flatten it into content
759761 }
760762 }
761763}
You can’t perform that action at this time.
0 commit comments