Rewrite grid docs in markdown

docs/assets/css/docs.min.css

@@ -893,15 +893,13 @@ body {
   margin-right: 10px;
   border-radius: 4px;
 }
-.show-grid {
-  margin-bottom: 15px;
+.bs-example > .row {
+  margin-bottom: 1rem;
 }
-.show-grid [class^="col-"] {
-  padding-top: 10px;
-  padding-bottom: 10px;
-  background-color: #eee;
+.bs-example > .row > [class^="col-"] {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
   background-color: rgba(86, 61, 124, 0.15);
-  border: 1px solid #ddd;
   border: 1px solid rgba(86, 61, 124, 0.2);
 }
 .bs-example {

docs/assets/less/docs.less

@@ -870,15 +870,13 @@ body {
 // Grid examples
 //
 
-.show-grid {
-  margin-bottom: 15px;
+.bs-example > .row {
+  margin-bottom: 1rem;
 }
-.show-grid [class^="col-"] {
-  padding-top: 10px;
-  padding-bottom: 10px;
-  background-color: #eee;
+.bs-example > .row > [class^="col-"] {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
   background-color: rgba(86,61,124,.15);
-  border: 1px solid #ddd;
   border: 1px solid rgba(86,61,124,.2);
 }
 

docs/css.html

@@ -7,9 +7,9 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
 {% markdown %}
   {% include css/overview.md %}
+  {% include css/grid.md %}
 {% endmarkdown %}
 
-{% include css/grid.html %}
 {% include css/type.html %}
 {% include css/code.html %}
 {% include css/tables.html %}