From 77e9b955e161495c026f39287a97bd2ad13d7d55 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Thu, 23 Nov 2017 08:30:49 +0100
Subject: [PATCH] More style docs

---
 frontend/styles_and_layout.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/frontend/styles_and_layout.md b/frontend/styles_and_layout.md
index 5c56108..fe0f25c 100644
--- a/frontend/styles_and_layout.md
+++ b/frontend/styles_and_layout.md
@@ -85,6 +85,32 @@ Additional coloring of sections can be achieved by adding a coloring class.
 
 ## Tabs
 
+Tabs are a useful tool in order to display more information on one page.
+
+```html
+<div class="tabular-2">
+    <ul class="tab-links">
+        <li><label for="tab-1">Tab Title 1</label>
+        <li><label for="tab-2">Tab Title 2</label>
+        <li><label for="tab-*">...</label>
+    </ul>
+    <div class="tab-content">
+        <input type="radio" id="tab-1" name="tabular-2" checked>
+        <div class="tab">
+            ... Tab content ...
+        </div>
+        <input type="radio" id="tab-2" name="tabular-2" checked>
+        <div class="tab">
+            ... Tab content ...
+        </div>
+        <input type="radio" id="tab-*" name="tabular-2" checked>
+        <div class="tab">
+            ... Tab content ...
+        </div>
+    </div>
+</div>
+```
+
 ## Tables
 
 ## Lists