Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-27 05:24:38 +04:00
Code Issues Projects Releases Wiki Activity

navbar layout refactor

Browse Source
This commit is contained in:
codecalm
2019-12-08 19:51:59 +01:00
parent 47f8ca1036
commit 302946b149
9 changed files with 258 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/layout/_navbar.scss
+25 -12
View File
@@ -1,7 +1,6 @@
.navbar {
border-bottom: 1px solid;
background-color: $navbar-bg;
border-color: $navbar-border-color;
//padding-top: 0;
//padding-bottom: 0;
}
/**
@@ -21,19 +20,33 @@ Navbar logo
padding-right: $navbar-nav-link-padding-x;
}
.nav-item.active .nav-link {
position: relative;
.nav-item {
&.active .nav-link {
position: relative;
&:after {
content: '';
position: absolute;
&:after {
content: '';
position: absolute;
bottom: subtract(-$navbar-padding-y, 1px);
right: $navbar-nav-link-padding-x;
left: $navbar-nav-link-padding-x;
border-bottom: 1px solid $primary;
bottom: -1px;
right: $navbar-nav-link-padding-x;
left: $navbar-nav-link-padding-x;
border-bottom: 1px solid $primary;
}
}
&:hover {
.dropdown-menu {
display: block;
}
}
}
}
.navbar-brand {
padding: 0;
}
.nav-link {
}