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;
@@ -29,7 +28,6 @@
     opacity: 0;
     pointer-events: none;
   }
-  }
 }
 
 // ——— Light background generator ——————— //

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;
@@ -20,7 +19,6 @@
     opacity: 0;
     pointer-events: none;
   }
-  }
 }
 
 @mixin bordered-skin($component, $border-property: "border", $important: false) {

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" />