Fix grid examples (#469)

* Begin creating relationships pattern

* Finish creating relationships component

* Added unit tests for relationships

* Change relationships to have configurable title and playback per option

* Update macro options and remove old code

* Fix grid examples

src/scss/patternlib.scss

@@ -157,3 +157,10 @@
     max-width: 30rem;
   }
 }
+
+.pl-grid-col {
+  margin: 0 0 1rem;
+  padding: 1rem;
+  background: #eee;
+  font-size: 0.8rem;
+}

src/styles/grid/_macro.njk

@@ -1,3 +1,19 @@
 {% macro patternLibExampleGrid(params) %}
-  {% include "styles/grid/_template.njk" %}
+  {% if params.container -%}
+    <div class="container">
+  {% endif -%}
+
+  <div class="grid">
+      {% for item in (params.itemsList if params.itemsList is iterable else params.itemsList.items()) -%}
+          {% for i in range(0, item.repeat | default(1)  ) -%}
+              <div class="grid__col col-{{ item.col }}@m {{ item.classes }}">
+                  <div class="pl-grid-col">{{ item.col }} col</div>
+              </div>
+          {%- endfor %}
+      {%- endfor %}
+  </div>
+
+  {% if params.container -%}
+    </div>
+  {% endif -%}
 {% endmacro %}