From 49b994b531fd7ea1ccf84cb6d7182202072fc6fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Wed, 15 Apr 2015 16:16:06 +0200 Subject: [PATCH] Top Navigation Bar Advanced styles --- app/images/menu-vert.png | Bin 6729 -> 10391 bytes app/styles/modules/common/nav.scss | 14 +++---- app/styles/modules/common/navbar.scss | 52 +++++++++++++++++--------- 3 files changed, 40 insertions(+), 26 deletions(-) diff --git a/app/images/menu-vert.png b/app/images/menu-vert.png index e7d8425dcacdd0d439c720171cc2fda15350b982..d1a8e7c2cb66e64310e5976d75730784266519b7 100644 GIT binary patch literal 10391 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 Bt^5E0 literal 6729 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 diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss index b935e8e9..65b7fba5 100644 --- a/app/styles/modules/common/nav.scss +++ b/app/styles/modules/common/nav.scss @@ -5,9 +5,8 @@ $label-arrow-wh: 12px; background-position: center center; height: 100%; min-height: 100vh; - padding: 1rem .3rem; + padding: 1rem 0; text-transform: uppercase; - width: 50px; } .main-nav { @@ -15,17 +14,15 @@ $label-arrow-wh: 12px; padding: 0; position: relative; text-align: center; - li { - margin-bottom: .75rem; - } a { color: $white; display: block; + padding: .75rem .8rem; position: relative; - text-align: center; } a:hover { - color: $fresh-taiga; + //color: $fresh-taiga; + background: rgba($black, .2); transition: color .3s linear; .helper { @extend %small; @@ -33,7 +30,7 @@ $label-arrow-wh: 12px; background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .8) 100%); color: $white; display: block; - left: 45px; + left: 50px; opacity: 1; padding: .4rem 1rem; position: absolute; @@ -67,6 +64,7 @@ $label-arrow-wh: 12px; @extend %large; } .active { + background: rgba($black, .2); color: $fresh-taiga; transition: color .3s linear; } diff --git a/app/styles/modules/common/navbar.scss b/app/styles/modules/common/navbar.scss index 3e9bffd4..c893cf2e 100644 --- a/app/styles/modules/common/navbar.scss +++ b/app/styles/modules/common/navbar.scss @@ -1,12 +1,14 @@ +$top-icon-color: #11241f; + .navbar { - background: rgba($black, .2); + background: rgba($black, .5); display: flex; justify-content: space-between; overflow: hidden; position: relative; &:after { - background: url('../images/menu-vert.png') center center repeat; - background-size: cover; + background: url('../images/menu-vert.png') repeat top left; + background-size: 100%; bottom: 0; content: ''; height: 100%; @@ -23,33 +25,47 @@ align-items: center; display: flex; } + .nav-left { + a { + padding: .5rem 1.5rem; + &.logo { + background: rgba($black, .2); + padding: .4rem .75rem; + } + svg { + height: 1.6rem; + max-width: 2rem; + } + path { + fill: $white; + } + } + } + .nav-right { + a { + padding: .5rem 2rem; + } + } a { - color: $gray-light; + color: $white; display: inline-block; - padding: .5rem 2rem; + transition: all .2s linear; &:hover { - background: rgba($gray, .3); + background: rgba($black, .2); color: $fresh-taiga; svg path { - fill: $gray-light; + fill: $white; } } &.user-avatar { padding: 0; padding-left: 2rem; + span { + padding-right: 1rem; + } } } - .logo { - padding: 0 2rem; - svg { - height: 2rem; - max-width: 2rem; - } - path { - fill: $white; - } - } img { height: 2.5rem; padding-left: .3rem; @@ -59,7 +75,7 @@ height: 1.2rem; max-width: 1.2rem; path { - fill: $gray; + fill: $dark-taiga; transition: all .2s; } }