CSS: Add tables for blog content master
authorMichael Tremer <michael.tremer@ipfire.org>
Mon, 19 Jul 2021 11:25:55 +0000 (11:25 +0000)
committerMichael Tremer <michael.tremer@ipfire.org>
Mon, 19 Jul 2021 11:25:55 +0000 (11:25 +0000)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/scss/style.scss

index ba8d6ce..2fc19e4 100644 (file)
@@ -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 {