.mobile-menu {
  display: none;

  .body {
    background: $theme;
    padding: 20px 25px;
    overflow: auto;
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 200;
    height: 100vh;
    @include boxShadow(10px 10px 10px rgba(#000, 0.4));

    ul {
      margin-top: 20px;

      li {
        margin-bottom: 20px;

        a {
          color: #fff;
          padding: 15px 0;

          span,
          i {
            color: #fff;
          }
        }
      }
    }

    .title {
      border-bottom: 1px solid rgba(#fff, 0.2);
    }
  }

  .bg {
    background: rgba(#000, 0.4);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 199;
  }
}
