Project style adjustments.

This commit is contained in:
2018-09-17 17:07:10 +02:00
parent 0aeae2cabd
commit e40ba69872
5 changed files with 53 additions and 79 deletions

View File

@@ -1,6 +1,6 @@
/* Top level navigation bar. */
.navbar
box-shadow: inset 0 -2px $color-background
box-shadow: 0 2px $color-background
.nav
border: none
@@ -119,22 +119,22 @@
&:focus
box-shadow: inset 0 -3px 0 $primary
&.active
color: $primary
box-shadow: inset 0 -3px 0 $primary
/* Secondary navigation. */
$nav-secondary-bar-size: -2px
.nav-secondary
align-items: center
box-shadow: inset 0 $nav-secondary-bar-size 0 0 $color-background
.nav-link
color: $color-text
cursor: pointer
margin-bottom: 2px
transition: color 150ms ease-in-out
span
position: relative
top: 2px
&:after
background-color: transparent
bottom: 0
@@ -155,6 +155,7 @@ $nav-secondary-bar-size: -2px
background-image: linear-gradient(to right, $primary-accent 70%, $primary)
height: 2px
width: 100%
bottom: -2px
span
+active-gradient
@@ -162,6 +163,9 @@ $nav-secondary-bar-size: -2px
i
color: $primary-accent
.nav-link.active
font-weight: bold
&.nav-secondary-vertical
align-items: flex-start
flex-direction: column
@@ -186,6 +190,8 @@ $nav-secondary-bar-size: -2px
// Big navigation dropdown.
.nav-main
min-width: initial
.nav-secondary
.nav-link
@extend .pr-5