@import "../variables";

// sketch modules
.sk-template {
  [id*='btn-'] {
    cursor: pointer;
  }
  // all artboards
  [class*='sk-ab '] {

  }
  // all layers
  [class*='sk-asset '] {

  }
}
.sk-r-menu {
  min-height: 100vh;
  position: fixed;
  top: 0px;
  z-index:999;
  @include flexbox;
  @include flex-direction(column);
  @include align-content(stretch);
  @include align-items(center);
  @include justify-content(center);
  a:hover {
    text-decoration: none;
  }
  ul li {
    //background: $brand-primary;
    border-top: 1px solid $gray-500;
    border-right: 1px solid $gray-500;
    border-bottom: 1px solid $gray-500;
    display: block;
    margin-top: -1px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    cursor: pointer;
    a {
      color: $gray-800;
      display: block;
      font-size: 115%;
      font-weight: bold;
      padding: $sk-padding-md ;
      width: 100%;
      height: 100%;
      i {
        font-size: 150%;
      }
    }
  }
  ul li.active {
    background: $gray-500;
    a {
      color: fff !important;
    }
  }
}