From 1daea183e755d8fce2c17a6579d340cb212b17c5 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Fri, 5 Apr 2024 16:17:11 +0300
Subject: [PATCH] [develop | DONE | ADDED] add .uk-subnav-small class for
 smaller subnav items as a new option

---
 less/subnav.less | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/less/subnav.less b/less/subnav.less
index a9fa542..2cf5f84 100644
--- a/less/subnav.less
+++ b/less/subnav.less
@@ -1,10 +1,13 @@
 @subnav-item-font-size: @global-small-font-size;
+@subnav-item-font-size-small: @global-xsmall-font-size;
 @subnav-item-line-height: 17px;
 @subnav-item-font-weight: 400;
 
 /* Pills */
 @subnav-pill-item-padding-vertical: 10px;
 @subnav-pill-item-padding-horizontal: 20px;
+@subnav-pill-item-padding-vertical-small: (@subnav-pill-item-padding-vertical / 2);
+@subnav-pill-item-padding-horizontal-small: (@subnav-pill-item-padding-horizontal / 2);
 @subnav-pill-item-border-radius: 60px;
 @subnav-pill-item-background: transparent;
 @subnav-pill-item-color: @global-primary-background;
@@ -21,6 +24,8 @@
 /* Pills alt*/
 @subnav-pill-alt-item-padding-vertical: 10px;
 @subnav-pill-alt-item-padding-horizontal: 20px;
+@subnav-pill-alt-item-padding-vertical-small: (@subnav-pill-alt-item-padding-vertical / 2);
+@subnav-pill-alt-item-padding-horizontal-small: (@subnav-pill-alt-item-padding-horizontal / 2);
 @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;
@@ -72,4 +77,20 @@
       background-image: @subnav-pill-alt-item-active-background-gradient;
     }
   }
+
+  .uk-subnav.uk-subnav-pill.uk-subnav-small {
+
+    & > * > * {
+      font-size: @subnav-item-font-size-small;
+      padding: @subnav-pill-item-padding-vertical-small @subnav-pill-item-padding-horizontal-small;
+    }
+  }
+
+  .uk-subnav.uk-subnav-pill-alt.uk-subnav-small {
+
+    & > * > * {
+      font-size: @subnav-item-font-size-small;
+      padding: @subnav-pill-alt-item-padding-vertical-small @subnav-pill-alt-item-padding-horizontal-small;
+    }
+  }
 }
\ No newline at end of file