Zelda64Recomp/assets/scss/styles/components/Tabs.scss

35 lines
599 B
SCSS
Raw Normal View History

2024-01-07 00:04:28 +00:00
.tabs tabs {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.tab {
@extend %nav-all;
display: block;
padding: 24dp 24dp;
background-color: rgba(0,0,0,0);
margin: 0;
color: $color-text-inactive;
transition: color $transition-quick;
&:selected {
border-bottom: 2dp;
border-color: $color-border-solid;
color: $color-text;
&:hover {
cursor: default;
}
}
&:hover {
cursor: pointer;
}
&:focus {
color: $color-text;
}
}