csw4-8.scss

$hamburger-height: 4rem;

.navigation {
  &__cbox { display: none; }
  &__hamburger-box {
    width: $hamburger-height;
    height: $hamburger-height;
    
    position: absolute;
    top: 3rem;
    left: 3rem;
    
    cursor: pointer;
    text-align: center;
    z-index: 1000;
  }
  
  &__hamburger {
    margin-top: calc(#{$hamburger-height} *.5);
    position: relative;
    
    &,
    &::before,
    &::after {
      width: $hamburger-height;
      height: 2px;
      
      display: block;
      background-color: #FFF;
    }
    
    &::before,
    &::after {
      content: "";
      position: absolute;
    }
    
    &::before { top: calc(#{$hamburger-height} * -.5);}
    &::after { top: calc(#{$hamburger-height} * .5); }
  }
}