source/sass/components/_sidebar-header.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Sidebar header
   4 |-------------------------------------------------------------------------------
   5 */
   6 // Cover
   7 .c-sidebar-header {
   8   height: 100px;
   9   position: relative;
  10   margin-bottom: 65px;
  11   @include bg-size(cover);
  12   background-position: 50% 50%;
  13 }
  14
  15 // Logo and link
  16 .c-sidebar-header__link,
  17 .c-sidebar-header__image {
  18   width: 80px;
  19   height: 80px;
  20   display: block;
  21 }
  22
  23 // Logo
  24 .c-sidebar-header__image {
  25   @include border-radius(40px);
  26   border: 2px solid $c-white;
  27 }
  28
  29 // Link {
  30 .c-sidebar-header__link {
  31   left: 50%;
  32   bottom: -40px;
  33   z-index: 1;
  34   position: absolute;
  35   margin-left: -40px;
  36 }