leo/essence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stop making nav tabs horizontally straight.

Browse Source
This commit is contained in:
Leo
2023-03-04 00:02:23 -06:00
parent c3d9245e8c
commit b5ab601f6e
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
scss/bootstrap/_nav.scss
View File

@@ -3,28 +3,29 @@
margin-bottom: 1rem; margin-bottom: 1rem;
// Make responsive horizontally // Make responsive horizontally
display: block; // display: block;
overflow-x: auto; // overflow-x: auto;
overflow-y: clip; // overflow-y: clip;
white-space: nowrap; // white-space: nowrap;
.nav-item { .nav-item {
// Make responsive horizontally // Make responsive horizontally
display: inline-block; // display: inline-block;
}
} .nav-link {
.nav-tabs .nav-link { border: none;
border: none; color: #666;
color: #666;
&.active {
&.active { color: $primary;
color: $primary; background-color: transparent;
background-color: transparent; border: none;
border: none; border-bottom: 2px solid $primary;
border-bottom: 2px solid $primary; }
}
&:hover, &:focus {
&:hover, &:focus { color: $primary;
color: $primary; }
}
} }
} }