From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 19 Jul 2021 11:25:55 +0000 (+0000)
Subject: CSS: Add tables for blog content
X-Git-Url: http://git.ipfire.org/?p=ipfire.org.git;a=commitdiff_plain;h=a35816e60c7aa7463db8a23423284720e105a413

CSS: Add tables for blog content

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/style.scss b/src/scss/style.scss
index ba8d6ce1..2fc19e46 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -297,6 +297,27 @@ blockquote {
 			// Add some extra margin to the top & bottom
 			padding: ($spacer * 2) 0 ($spacer * 2) 0;
 		}
+
+		table {
+			@extend .table;
+			@extend .table-sm;
+			@extend .table-striped;
+
+			// Apply CSS classes for alignment
+			thead {
+				th[align="left"], td[align="left"] {
+					@extend .text-left;
+				}
+
+				th[align="center"], td[align="center"] {
+					@extend .text-center;
+				}
+
+				th[align="right"], td[align="right"] {
+					@extend .text-right;
+				}
+			}
+		}
 	}
 
 	&.lightning-wire-labs {