appirits/comable

.jstree {
  @include border-radius($input-border-radius);
  @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
  padding: 5px 0;
  border: 1px solid $input-border;

  .jstree-wholerow {
    @include transition(none);
  }

  .jstree-wholerow-hovered {
    color: $dropdown-link-color;
    background-color: $dropdown-link-hover-bg;
  }

  .jstree-wholerow-clicked {
    color: $dropdown-link-active-color;
    background-color: $dropdown-link-active-bg;
  }

  .jstree-anchor.jstree-clicked {
    color: $dropdown-link-active-color;

    &:link, &:visited, &:hover, &:active {
      color: $dropdown-link-active-color;
    }

    & > input {
      @include border-radius($input-border-radius);
      @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
      color: $dropdown-link-color;
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
  }
}

ul.vakata-context.jstree-contextmenu {
  @include border-radius($border-radius-base);
  @include box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));

  padding: 5px 0;
  background-color: $dropdown-bg;
  border-color: $dropdown-border;

  & > li {
    @include border-radius(0);

    & > a {
      padding-top: 0;
      padding-bottom: 0;
      line-height: $line-height-computed;
      color: $dropdown-link-color;
      background-color: $dropdown-bg;

      & > i,
      & > .vakata-contextmenu-sep {
        display: none;
      }
    }

    &.vakata-context-hover > a {
      @include box-shadow(none);
      background-color: $dropdown-bg;

      &:hover {
        background-color: $dropdown-link-hover-bg;
      }
    }
  }
}