load slider css lazy mode

assets/scss/components.scss

@@ -40,10 +40,10 @@ main {
 
 // swiper pagination
 .swiper-pagination-bullet {
-  @apply bg-theme-light dark:bg-darkmode-theme-light h-2.5 w-2.5 opacity-100;
+  @apply bg-theme-light dark:bg-darkmode-theme-light h-2.5 w-2.5 opacity-100 mx-1.5 #{!important};
 
   &-active {
-    @apply bg-primary dark:bg-darkmode-primary h-4 w-4;
+    @apply bg-primary dark:bg-darkmode-primary h-4 w-4 #{!important};
   }
 }
 

assets/scss/module-overrides.scss

@@ -84,3 +84,8 @@
     }
   }
 }
+
+// slider
+.gallery-slider {
+  @apply ml-0 #{!important};
+}

exampleSite/hugo.toml

@@ -122,7 +122,7 @@ notAlternative = true
 # CSS Plugins
 [[params.plugins.css]]
 link = "plugins/swiper/swiper-bundle.css"
-lazy = false
+lazy = true
 [[params.plugins.css]]
 link = "plugins/glightbox/glightbox.css"
 lazy = true

layouts/partials/essentials/style.html

@@ -73,6 +73,8 @@
 
 {{/* styles lazy */}}
 <link
+  defer
+  async
   rel="stylesheet"
   href="{{ $stylesLazy.RelPermalink }}"
   integrity="{{ $stylesLazy.Data.Integrity }}"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "hugoplate",
   "description": "hugo tailwindcss boilerplate",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "license": "MIT",
   "author": "zeon.studio",
   "scripts": {