diff options
1 files changed, 4 insertions, 4 deletions
| -rw-r--r-- | docs/src/contents/grid.pug | 8 |
diff --git a/docs/src/contents/grid.pug b/docs/src/contents/grid.pug index d0172fb..0665262 100644 --- a/docs/src/contents/grid.pug +++ b/docs/src/contents/grid.pug @@ -1,7 +1,7 @@ p | Layout includes flexbox based responsive grid system with 12 columns. -.columns +.docs-demo.columns .column .bg-primary.text-secondary.docs-block .column @@ -59,7 +59,7 @@ p p | And you can add the #[code col-gapless] class to the #[code columns] to have gapless columns. -.columns.col-gapless +.docs-demo.columns.col-gapless .column.col-6 .bg-gray.docs-block col-6 (gapless) .column.col-6 @@ -77,7 +77,7 @@ pre.code(data-lang='HTML') p | By default, Spectre grid has multi-line flexbox enabled. You can add the #[code col-oneline] class to #[code columns] to make all its child columns positioned in the same single row. -.columns.col-oneline +.docs-demo.columns.col-oneline .column.col-8 .bg-gray.docs-block col-8 .column.col-8 @@ -143,7 +143,7 @@ pre.code(data-lang='HTML') p | To nest grids, add the new #[code columns] and #[code column] structure within an existing column. -.columns +.docs-demo.columns .column.col-6 .bg-gray .docs-block col-6 |