diff options
| author | Thomas Park <thomas@thomaspark.co> | 2016-08-26 17:33:25 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2016-08-26 17:33:25 -0400 |
| commit | 6388e7ad23f1fc20303143be0140b3647e7bec2f (patch) | |
| tree | 453a78bcd27518f5fba0a42a51509519231add3d /slate/_bootswatch.scss | |
| parent | 58b706521f1afdcd5498299067fc57f17c43c1de (diff) | |
| parent | c8246642b26a46ab0036a0ec400f6a7f0e55d6d5 (diff) | |
Merge pull request #592 from pat270/slate-scope-navbar-styles
Slate: Scope navbar styles to navbar-default/navbar-inverse
Diffstat (limited to 'slate/_bootswatch.scss')
| -rw-r--r-- | slate/_bootswatch.scss | 56 |
1 files changed, 34 insertions, 22 deletions
diff --git a/slate/_bootswatch.scss b/slate/_bootswatch.scss index 7e49486a..7b3bcd71 100644 --- a/slate/_bootswatch.scss +++ b/slate/_bootswatch.scss @@ -15,18 +15,43 @@ // Navbar ===================================================================== .navbar { + &-default, + &-inverse { + border: 1px solid rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); - @include btn-shadow($navbar-default-bg); - border: 1px solid rgba(0, 0, 0, 0.6); - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + @media (min-width: $grid-float-breakpoint) { + .navbar-nav > li > a { + border-right: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(255, 255, 255, 0.1); - .navbar-nav > li > a { - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-left: 1px solid rgba(255, 255, 255, 0.1); + &:hover { + border-left-color: transparent; + } + } - &:hover { - @include btn-shadow-inverse($navbar-default-bg); - border-left-color: transparent; + .nav .open > a { + border-color: transparent; + } + + .navbar-nav > li.active > a { + border-left-color: transparent; + } + + .navbar-form { + margin-left: 5px; + margin-right: 5px; + } + } + } + + &-default { + @include btn-shadow($navbar-default-bg); + + .navbar-nav > li > a { + &:hover { + @include btn-shadow-inverse($navbar-default-bg); + } } } @@ -44,19 +69,6 @@ } } } - - .nav .open > a { - border-color: transparent; - } - - &-nav > li.active > a { - border-left-color: transparent; - } - - &-form { - margin-left: 5px; - margin-right: 5px; - } } // Buttons ==================================================================== |