From 32ac0a64fba5ec7952dcc8c6726ab2e187a86334 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Thu, 24 Nov 2016 18:17:23 +0100 Subject: [PATCH] navbar is now opaque --- src/styles/base.sass | 25 +------------------------ 1 file changed, 1 insertion(+), 24 deletions(-) diff --git a/src/styles/base.sass b/src/styles/base.sass index f23f848e..b849668c 100644 --- a/src/styles/base.sass +++ b/src/styles/base.sass @@ -170,7 +170,6 @@ header.navbar-header z-index: 0 width: 100% height: 100% - background-color: rgba($color-background-nav,0) transition: background-color 350ms ease-in-out @@ -180,13 +179,8 @@ header.navbar-header border-radius: 3px border: thin solid transparent - +media-sm - background-color: darken($color-background-nav, 6%) - +media-md - background-color: darken($color-background-nav, 6%) +media-lg border: thin solid rgba(white, .2) - background-color: transparent #cloud-search, .tt-hint &::placeholder @@ -214,15 +208,6 @@ header.navbar-header +media-lg display: block -.navbar-transparent - a - height: 75px - transition: height 150ms ease-in-out - - &.is-active a - height: 50px - text-shadow: none - .navbar-container +container-behavior @@ -249,7 +234,7 @@ header.navbar-header padding: 0 10px -.navbar-transparent, nav.sidebar +nav.navbar, nav.sidebar z-index: $z-index-base + 5 /* Flowplayer seems to take up to 11, project container is 12 */ border: none border-width: 0 @@ -257,13 +242,6 @@ header.navbar-header align-items: center background-color: $color-background-nav - +media-lg - background: - color: transparent - repeat: repeat-x - size: 100% 100% // 'contain' gives a black-line appearing for a few seconds in webkit when scrolling - background: linear-gradient(to bottom, rgba(darken($color-background-nav, 10%), .8) 0%, transparent 100%) - nav margin-left: auto margin-right: 0 @@ -1028,7 +1006,6 @@ textarea float: left padding: 0 margin: 0 - transition: background-color 350ms ease-in-out +media-lg max-width: 350px