From 98b30a43f1810bcdbc96f119f3f021a1d7872714 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 25 Jul 2022 16:10:22 +0300
Subject: [PATCH] Tabs: Add tab-left and right modifiers style.

---
 less/tab.less | 39 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/less/tab.less b/less/tab.less
index 7b8dfec..223d8de 100644
--- a/less/tab.less
+++ b/less/tab.less
@@ -27,7 +27,44 @@
   }
 }
 
+.hook-tab-item() {
+  border-bottom: @tab-item-border-width solid transparent;
+}
+
 .hook-tab-item-active() {
-  border-bottom: @tab-item-border-width solid @tab-item-active-border;
+  border-color: @tab-item-active-border;
   font-weight: 600;
 }
+
+
+.hook-tab-left() {
+  &::before {
+    top: 0;
+    bottom: 0;
+    left: auto;
+    right: 0;
+    border-left: @tab-border-width solid @tab-border;
+    border-bottom: none;
+  }
+}
+
+.hook-tab-left-item() {
+  border-right: @tab-item-border-width solid transparent;
+  border-bottom: none;
+}
+
+.hook-tab-right() {
+  &::before {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: auto;
+    border-left: @tab-border-width solid @tab-border;
+    border-bottom: none;
+  }
+}
+
+.hook-tab-right-item() {
+  border-left: @tab-item-border-width solid transparent;
+  border-bottom: none;
+}