v1.2.0-1

src/@core/scss/_mixins.scss

@@ -17,7 +17,6 @@
 // ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
 @mixin before-pseudo() {
   position: relative;
-  @media (hover) {
   &::before {
     position: absolute;
     background: currentcolor;
@@ -30,7 +29,6 @@
     pointer-events: none;
   }
 }
-}
 
 // ——— Light background generator ——————— //
 // ℹ️ With this you have to give text color to the component you want light bg

src/@core/scss/base/_mixins.scss

@@ -8,7 +8,6 @@
 // ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
 @mixin before-pseudo() {
   position: relative;
-  @media (hover) {
   &::before {
     position: absolute;
     border-radius: inherit;
@@ -21,7 +20,6 @@
     pointer-events: none;
   }
 }
-}
 
 @mixin bordered-skin($component, $border-property: "border", $important: false) {
   #{$component} {

src/@layouts/components/VerticalNav.vue

@@ -70,12 +70,15 @@ function handleNavScroll(evt: Event) {
     <slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled">
       <PerfectScrollbar
         tag="ul"
-        class="nav-items"
+        class="nav-items d-none d-lg-block"
         :options="{ wheelPropagation: false }"
         @ps-scroll-y="handleNavScroll"
       >
         <slot />
       </PerfectScrollbar>
+      <ul class="nav-items d-lg-none overflow-auto">
+        <slot />
+      </ul>
     </slot>
 
     <slot name="after-nav-items" />