diff --git a/src/index.html b/src/index.html index 8a6d768..c53a566 100644 --- a/src/index.html +++ b/src/index.html @@ -32,13 +32,13 @@
  • +
  • List your place
  • +
  • Help
  • Sign up
  • -
  • Log in
  • -
  • Become a landlord
  • +
  • Sign in
  • -
  • Help
  • En
  • @@ -92,7 +92,9 @@ -
    Menu
    +
    + +
    diff --git a/src/styles/_components/_header.scss b/src/styles/_components/_header.scss index 3ee267f..3c002fd 100644 --- a/src/styles/_components/_header.scss +++ b/src/styles/_components/_header.scss @@ -254,42 +254,12 @@ $header-height: 60px; position: relative; display: none; z-index: 3; - padding-right: 20px; @include font("IntervalNextReg"); font-size: em(15px); text-transform: uppercase; - &:before, - &:after { - content: " "; - position: absolute; - display: block; - top: 11px; - right: 0; - - width: 8px; - height: 1px; - - background-color: color('feedback', 'text'); - } - - &:before { - transform: rotate(-45deg); - } - - &:after { - right: 5px; - transform: rotate(45deg); - } - - &--active { - &:before { - transform: rotate(45deg); - } - - &:after { - transform: rotate(-45deg); - } + svg { + fill: #0083e4; } @include breakpoint(small) { @@ -360,15 +330,14 @@ $header-height: 60px; &__button { display: table; - padding: 24px 0; - @include font("IntervalNextBook"); - font-size: em(24px); - color: color('feedback', 'text'); + padding: 12px 24px; + font-size: em(16px); + color: #253036; } &__separator { height: 1px; - margin: 6px 0; + margin: 32px 0; background-color: color('primary', 'divider'); } @@ -376,7 +345,6 @@ $header-height: 60px; position: relative; margin-bottom: 0; padding-bottom: 32px; - border-bottom: 1px solid color('primary', 'divider'); &:before, &:after {