From c646df9949eddd690283c948948052b9193bd50b Mon Sep 17 00:00:00 2001
From: Inga Mai <inga.mai@outlook.de>
Date: Mon, 13 Jan 2020 11:40:42 +0100
Subject: [PATCH] Add tabs to style guide

---
 app/assets/stylesheets/content/_tabs.lsg | 26 ++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 app/assets/stylesheets/content/_tabs.lsg

diff --git a/app/assets/stylesheets/content/_tabs.lsg b/app/assets/stylesheets/content/_tabs.lsg
new file mode 100644
index 0000000000..74484c56ac
--- /dev/null
+++ b/app/assets/stylesheets/content/_tabs.lsg
@@ -0,0 +1,26 @@
+# Scrollable tabs
+
+```
+<div #scrollContainer class="scrollable-tabs">
+  <ul #scrollPane class="tabrow"">
+    <li selected="true"
+        tab-id="tab_1">
+      <a href="#scrollable-tabs?tab=tab_1" textContent="Tab 1">Tab 1</a>
+    </li>
+    <li selected="false"
+        tab-id="tab_2">
+      <a href="#scrollable-tabs?tab=tab_2" textContent="Tab 2">Tab 2</a>
+    </li>
+    <li selected="false"
+        tab-id="tab_3">
+      <a href="#scrollable-tabs?tab=tab_3" textContent="Tab 3">Tab 3</a>
+    </li>
+  </ul>
+  <div #scrollLeftBtn hidden="true" class="scrollable-tabs--button -left">
+    <span class="icon-arrow-left2"></span>
+  </div>
+  <div #scrollRightBtn hidden="true" class="scrollable-tabs--button -right">
+    <span class="icon-arrow-right2"></span>
+  </div>
+</div>
+```