diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss index cc685706f3..4676ecc8a8 100644 --- a/assets/scss/_boxes.scss +++ b/assets/scss/_boxes.scss @@ -77,6 +77,33 @@ @include td-box-height-modifiers(".td-box"); +// Styling for section boxes +.td-box { + .row { + padding-left: 5rem; + padding-right: 5rem; + flex-direction: column; + + > table { + @extend .table-striped; + + @extend .table-responsive; + + @extend .table; + } + } + + .row.features { + flex-direction: row; + } +} + +// Styling for community page link boxes + +.td-box.linkbox { + padding: 5rem; +} + // This allows "painting by numbers" @for $i from 1 through length($td-box-colors) { $c: nth($td-box-colors, $i); @@ -96,4 +123,4 @@ @each $color, $value in $grays { @include box-variant(".td-box", $color, $value); -} \ No newline at end of file +} diff --git a/layouts/shortcodes/blocks/section.html b/layouts/shortcodes/blocks/section.html index bbd4e17235..1cdd83579c 100644 --- a/layouts/shortcodes/blocks/section.html +++ b/layouts/shortcodes/blocks/section.html @@ -1,10 +1,11 @@ {{ $col_id := .Get "color" | default .Ordinal }} {{ $height := .Get "height" | default "auto" }} +{{ $type := .Get "type" | default "" }}
-
+
{{ .Inner }}
-
\ No newline at end of file +