vendor/assets/stylesheets/uniform/components/nav.scss in uniform-ui-0.5.1 vs vendor/assets/stylesheets/uniform/components/nav.scss in uniform-ui-0.6

- old
+ new

@@ -1,44 +1,80 @@ .uniform-nav{ - list-style: none; - margin: 0; - padding: 0; + position:relative; + background: white; + box-shadow:0 1px 0 0 rgba(black, 0.15); + color: $gray; + z-index: 2; + position: relative; + .brand{ + padding:7px 0; + margin-right:10px; + } + .container { + & > * { + display:inline-block; + vertical-align:bottom; + } + + } + & > * { + display:inline-block; + vertical-align:bottom; + } + a{ + color: $gray; + } + img{ + display: inline-block; + } ul { - list-style: none; margin: 0; padding: 0; - } - li{ - display:block; - & > *{ - display:block; - padding: 10px 20px; - text-decoration:none; - &:hover{ - color: black; - background:rgba($green-light, 0.3); + list-style: none; + & > li { + display:inline-block; + & > *{ + display:inline-block; + text-decoration:none; + padding: 16px 10px; + padding-top:17px; + background:none; + &:hover{ + color: $blue; + } } } } + .uniform-nav-right { + float: right; + } - &.horizontal{ - - .uniform-nav-container{ - display:table; - & > * { - display:table-cell; + &.uniform-nav-subnav{ + z-index:1; + ul { + & > li { vertical-align:middle; + & > *{ + padding-top: 6px; + padding-bottom: 5px; + } } } - .right{ - text-align:right; - float:none; - } } - - &.main{ - border-bottom: 1px solid $gray-light; - .uniform-nav-container{ - width: 100%; +} + +.uniform-nav.vertical{ + ul { + width: 100%; + li { + display:block; + & > * { + display:block; + padding: 10px 20px; + &:hover{ + color: black; + background:rgba($green-light, 0.3); + } + } } } } \ No newline at end of file