diff --git a/src/js/components/navigation-header/templates/navigation-header.template.html b/src/js/components/navigation-header/templates/navigation-header.template.html index 6f5865b..eede396 100644 --- a/src/js/components/navigation-header/templates/navigation-header.template.html +++ b/src/js/components/navigation-header/templates/navigation-header.template.html @@ -1,9 +1,19 @@ diff --git a/src/styl/base/base.styl b/src/styl/base/base.styl index cc10816..c279ce1 100644 --- a/src/styl/base/base.styl +++ b/src/styl/base/base.styl @@ -1,6 +1,7 @@ -@import "spacing" @import "breakpoints" @import "html-body-asterisk" -@import "z-indexes" -@import "placeholder" @import "keyframes" +@import "placeholder" +@import "properties" +@import "spacing" +@import "z-indexes" diff --git a/src/styl/base/properties.styl b/src/styl/base/properties.styl index e667fc4..941261a 100644 --- a/src/styl/base/properties.styl +++ b/src/styl/base/properties.styl @@ -1,5 +1,8 @@ .p-float-right - float: right + float: right !important .p-float-left - float: left + float: left !important + +.p-vertical-align-middle + vertical-align: middle !important diff --git a/src/styl/module/navigation-header.styl b/src/styl/module/navigation-header.styl index 68f680f..ce8d948 100644 --- a/src/styl/module/navigation-header.styl +++ b/src/styl/module/navigation-header.styl @@ -4,6 +4,7 @@ top: 0 z-index: get-z-index(navigation) padding: 0 + line-height: 40px @media (min-width: screen-tablet-min) padding: 0 get-spacing(2) @@ -21,11 +22,15 @@ height: 20px &__input-box - align-self: flex-end + align-self: flex-start + @media (min-width: screen-tablet-min) + align-self: flex-end .input-box__input background-color: #5babc8 color: #fff + &:hover + color: #fff + m-placeholder() color: #fff @@ -33,5 +38,13 @@ .input-box__icon color: #fff + + &__breadcrumb + line-height: inherit + &__item + font-size: 13px + color: #fff + text-decoration: none + &--is-fixed background-color: rgba(28, 131, 176, .9)