From 1ecd47a0f76389cfcd1e94a0afb3f06ac7e003e0 Mon Sep 17 00:00:00 2001
From: Henrik Larsson <hankisch@gmail.com>
Date: Mon, 14 Aug 2023 08:52:26 +0200
Subject: [PATCH] Glider styles

---
 app/[locale]/globals.css | 62 +++++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/app/[locale]/globals.css b/app/[locale]/globals.css
index e2e29d211..5434063cf 100644
--- a/app/[locale]/globals.css
+++ b/app/[locale]/globals.css
@@ -2,6 +2,36 @@
 @tailwind components;
 @tailwind utilities;
 
+/* GLIDER SLIDER */
+.glider {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.glider::-webkit-scrollbar {
+  display: none;
+}
+
+.glider-dots {
+  @apply !mt-8 flex !space-x-[2px];
+}
+
+.glider-dot {
+  @apply !m-0 !h-4 !w-12 !rounded-none !bg-transparent after:block after:h-[3px] after:w-12 after:bg-ui-border after:content-[''] 2xl:!w-16 2xl:after:w-16;
+}
+
+.glider-dot.active {
+  @apply after:!bg-high-contrast;
+}
+
+.glider-prev {
+  @apply !-top-10 !left-auto !right-12 text-high-contrast !transition-transform !duration-100 hover:scale-110 hover:!text-high-contrast lg:!-top-12 lg:!right-16 2xl:!right-[100px];
+}
+
+.glider-next {
+  @apply !-top-10 !right-4 text-high-contrast !transition-transform !duration-100 hover:scale-110 hover:!text-high-contrast lg:!-top-12 lg:!right-8 2xl:!right-16;
+}
+
 @layer base {
   :root {
     --background: 0 0% 100%;
@@ -34,9 +64,7 @@
 
     --radius: 0.5rem;
   }
-}
 
-@layer base {
   * {
     @apply border-border;
   }
@@ -93,34 +121,4 @@
   .dynamic-content .dynamic-content > :last-child {
     @apply my-0 md:my-0 lg:my-0;
   }
-
-  /* GLIDER SLIDER */
-  .glider {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-
-  .glider::-webkit-scrollbar {
-    display: none;
-  }
-
-  .glider-dots {
-    @apply !mt-8 flex !space-x-[2px];
-  }
-
-  .glider-dot {
-    @apply !m-0 !h-4 !w-12 !rounded-none !bg-transparent after:block after:h-[3px] after:w-12 after:bg-ui-border after:content-[''] 2xl:!w-16 2xl:after:w-16;
-  }
-
-  .glider-dot.active {
-    @apply after:!bg-high-contrast;
-  }
-
-  .glider-prev {
-    @apply !-top-10 !left-auto !right-12 text-high-contrast !transition-transform !duration-100 hover:scale-110 hover:!text-high-contrast lg:!-top-12 lg:!right-16 2xl:!right-[100px];
-  }
-
-  .glider-next {
-    @apply !-top-10 !right-4 text-high-contrast !transition-transform !duration-100 hover:scale-110 hover:!text-high-contrast lg:!-top-12 lg:!right-8 2xl:!right-16;
-  }
 }