source/sass/components/_mobile-header.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Mobile header
   4 |-------------------------------------------------------------------------------
   5 */
   6 .c-mobile-header {
   7   @extend .clear;
   8   margin-bottom: 30px;
   9   padding-bottom: 25px;
  10   border-bottom: 1px solid $c-gray;
  11
  12   // Not visible for desktop
  13   @include breakpoint(desktop) {
  14     display: none;
  15   }
  16 }
  17
  18 .c-mobile-header__link,
  19 .c-mobile-header__logo,
  20 .c-mobile-header__logo__image {
  21   height: 40px;
  22   line-height: 40px;
  23 }
  24
  25 .c-mobile-header__link {
  26   font-weight: bold;
  27 }
  28
  29 .c-mobile-header__logo {
  30   float: right;
  31 }
  32
  33 .c-mobile-header__logo__image {
  34   width: 40px;
  35   height: 40px;
  36   @include border-radius(20px);
  37 }