archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Use bootstrap classes where possible

Browse Source
This commit is contained in:
Pablo Vazquez
2018-09-07 18:13:04 +02:00
parent 6b3f025e16
commit 612862c048
7 changed files with 35 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/components/_navbar.sass
View File

@@ -139,13 +139,14 @@ $nav-secondary-bar-size: -2px
transition: box-shadow 150ms ease-in-out
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $color-background
.nav-link:hover,
.nav-link.active,
.nav-item.dropdown.show .nav-link
// Blue bar on the bottom.
&:hover,
&.active
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $primary
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $primary
i
color: $primary
i
color: $primary
&.nav-secondary-vertical
align-items: flex-start
@@ -163,6 +164,13 @@ $nav-secondary-bar-size: -2px
&.active
box-shadow: inset 0 -1px 0 0 $color-background, inset ($nav-secondary-bar-size * 1.5) 0 0 0 $primary
&.nav-main
.nav-link
color: $color-text-dark-secondary
&:hover
color: $body-color
// Strange 1px offset when nav-secondary is in the topbar.
// To fix .nav-link and .nav-item must be height: 100%, but this
// makes it misalign vertically since nav.navbar has align-items: center.