CSS: Add tables for blog content

[ipfire.org.git] / src / scss / style.scss

diff --git a/src/scss/style.scss b/src/scss/style.scss
index ba8d6ce1e75db32fd2e787dd4064601da0c00925..2fc19e46bd52c39819d16389f2f4cfb2da726acc 100644 (file)
--- 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 {