diff --git a/src/styles/_base.sass b/src/styles/_base.sass index 0f0b3c37..b40235a7 100644 --- a/src/styles/_base.sass +++ b/src/styles/_base.sass @@ -277,17 +277,17 @@ header.navbar-header height: $navbar-height display: flex align-items: center - - font-weight: 400 - text-transform: uppercase - border-bottom: 3px solid transparent - padding: top: 3px bottom: 0 left: 20px right: 20px + font-weight: 400 + text-transform: uppercase + border-bottom: 3px solid transparent + transition: color 200ms ease-in-out, border-bottom 100ms ease-in-out + +media-md padding-left: 15px padding-right: 15px @@ -298,18 +298,18 @@ header.navbar-header &:hover, &:focus color: $color-text-light background-color: rgba($color-background-nav, .4) - border-bottom: 3px solid $color-primary + border-bottom-color: $color-primary &:focus - border-bottom: 3px solid $color-primary + border-bottom-color: $color-primary &.active color: $color-text-light background-color: $color-background-nav - border-bottom: 3px solid lighten($color-secondary, 10%) + border-bottom-color: lighten($color-secondary, 10%) &:hover - border-color: lighten($color-secondary, 20%) + border-bottom-color: lighten($color-secondary, 20%) .pi-angle-down position: relative diff --git a/src/styles/blog.sass b/src/styles/blog.sass index d87b1188..a0b9171a 100644 --- a/src/styles/blog.sass +++ b/src/styles/blog.sass @@ -8,6 +8,7 @@ @import _base @import _notifications +@import _search /* CSS comes from fontello.com using static/assets/font/config.json */ @@ -367,7 +368,6 @@ padding: 0 color: $color-text font: - family: $font-headings size: 1.8em weight: 300 margin: 0 20px 15px 0 @@ -489,7 +489,6 @@ text-align: center font: size: 1.6em - family: $font-headings weight: 300 transition: color 150ms ease-in-out