From 954a1fe8af0653740882c7db4b9bf92b8f9000f4 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 19 Mar 2024 12:53:35 +0200
Subject: [PATCH] [develop | DONE | ADDED] add variable for xlarge
 border-radius and new blur options

---
 less/mixin.less     |  6 +++---
 less/subnav.less    | 13 ++-----------
 less/utility.less   |  6 ++++++
 less/variables.less |  1 +
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/less/mixin.less b/less/mixin.less
index d332f5c..74bfe6f 100644
--- a/less/mixin.less
+++ b/less/mixin.less
@@ -1,12 +1,12 @@
-.set-blur-background(@color: @base-body-background, @opacity: 80%) {
+.set-blur-background(@color: @base-body-background, @opacity: 80%, @blur: saturate(180%) blur(20px)) {
   &.uk-blur-background, .uk-blur-background {
     background: fade(@color, 99%);
   }
 
   @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
     &.uk-blur-background, .uk-blur-background {
-      -webkit-backdrop-filter: saturate(180%) blur(20px);
-      backdrop-filter: saturate(180%) blur(20px);
+      -webkit-backdrop-filter: @blur;
+      backdrop-filter: @blur;
       background: fade(@color, @opacity) !important;
     }
   }
diff --git a/less/subnav.less b/less/subnav.less
index 25cf0f7..a9fa542 100644
--- a/less/subnav.less
+++ b/less/subnav.less
@@ -21,7 +21,7 @@
 /* Pills alt*/
 @subnav-pill-alt-item-padding-vertical: 10px;
 @subnav-pill-alt-item-padding-horizontal: 20px;
-@subnav-pill-alt-item-border-radius: 24px;
+@subnav-pill-alt-item-border-radius: @global-xlarge-border-radius;
 @subnav-pill-alt-item-color: @global-color;
 @subnav-pill-alt-item-hover-color: @global-secondary-background;
 @subnav-pill-alt-item-active-font-weight: 600;
@@ -72,13 +72,4 @@
       background-image: @subnav-pill-alt-item-active-background-gradient;
     }
   }
-}
-
-/* Inverse */
-@inverse-subnav-pill-alt-box-shadow: @inverse-global-large-box-shadow;
-
-.hook-inverse-misc() {
-  .uk-subnav.uk-subnav-pill-alt {
-    box-shadow: @inverse-subnav-pill-alt-box-shadow;
-  }
-}
+}
\ No newline at end of file
diff --git a/less/utility.less b/less/utility.less
index 9be2444..e3b44be 100644
--- a/less/utility.less
+++ b/less/utility.less
@@ -1,6 +1,8 @@
 @dropcap-font-size: @global-line-height * 3;
 @border-rounded-border-radius: @global-border-radius;
 @border-rounded-small-border-radius: @global-small-border-radius;
+@border-rounded-xlarge-border-radius: @global-xlarge-border-radius;
+
 
 @border-width: @global-border-width;
 @border-color: @global-border;
@@ -49,6 +51,10 @@
   .uk-border-rounded-small {
     border-radius: @border-rounded-small-border-radius;
   }
+  
+  .uk-border-rounded-xlarge {
+    border-radius: @border-rounded-xlarge-border-radius;
+  }
 }
 
 /* Inverse */
diff --git a/less/variables.less b/less/variables.less
index f670e63..cf0260f 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -36,6 +36,7 @@
 @global-border: @muted-color;
 @global-border-radius: 6px;
 @global-small-border-radius: 4px;
+@global-xlarge-border-radius: 4 * @global-border-radius;
 
 /* Shadows*/
 @global-default-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);