Update docs demo margin

1 files changed, 2 insertions, 5 deletions

diff --git a/docs/src/contents/bars.pug b/docs/src/contents/bars.pug
index 58d7f3c..df0d17b 100644
--- a/docs/src/contents/bars.pug
+++ b/docs/src/contents/bars.pug
@@ -2,15 +2,13 @@ p
   | Bars represent the progress of a task or the value within the known range.
   | Bars are custom components for displaying HTML5 #{'<progress>'}, #{'<meter>'} and input range elements.
 
-.columns
+.docs-demo.columns
   .column.col-8.col-xs-12
     .bar.bar-sm
       .bar-item.tooltip(data-tooltip="25%" role="progressbar" style="width:25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100")
-.columns
   .column.col-8.col-xs-12
     .bar
       .bar-item.tooltip(data-tooltip="50%" role="progressbar" style="width:50%;")
-.columns
   .column.col-8.col-xs-12
     .bar
       .bar-item.tooltip(data-tooltip="25%" role="progressbar" style="width:25%;") 25%
@@ -42,12 +40,11 @@ pre.code(data-lang='HTML')
 
 +docs-subheading('bars-slider', 'Slider bars')
 
-.columns
+.docs-demo.columns
   .column.col-8.col-xs-12
     .bar.bar-slider
       .bar-item(role="progressbar" style="width:50%;")
         button.bar-slider-btn.btn.tooltip(data-tooltip="50%" role="slider")
-.columns
   .column.col-8.col-xs-12
     .bar.bar-slider
       .bar-item(role="progressbar" style="width:15%;")