@import '~vue-context/src/sass/vue-context';

// Core variables and mixins
@import '~@resources/scss/base/bootstrap-extended/include';
// Overrides user variable
@import '~@resources/scss/base/components/include';

.v-context {
  &,
  & ul {
    box-shadow: $dropdown-box-shadow;
    border: none;
    border-radius: $dropdown-border-radius;
    padding: 0.5rem 0;

    > li {
      > a {
        color: $dropdown-link-color;
        padding: $dropdown-item-padding-y $dropdown-item-padding-x;

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

// ---------- Dark Layout ----------//
body.dark-layout {
  .v-context {
    background-color: $theme-dark-body-bg;
    > li > a {
      color: $theme-dark-body-color;
    }
  }
}