scss SCSS - 移动汉堡包

Posted 2021-05-17

.c-modal-nav-button {
  display: block;
    position: absolute;
    top: 34px;
    right: 26px;
    height: 25px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;

    &:hover {
      opacity: .7;
    }

    span {
      background: $color-;
      border: none;
      height: 5px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition:  all .35s ease;
      cursor: pointer;
      &:nth-of-type(2) {
        top: 11px;
      }
      &:nth-of-type(3) {
        top: 22px;
      }
    }

    @include media('>large') {
    display: none;
    }
}