Add Flexbox helpers documentation

2026-03-20 12:24:28 -07:00 · 2020-09-27 11:29:35 +01:00
parent 8ee5898d47
commit 3d61f41fea
10 changed files with 557 additions and 80 deletions
--- a/docs/_includes/elements/flexbox-helper-table.html
+++ b/docs/_includes/elements/flexbox-helper-table.html
@@ -0,0 +1,16 @@
+<table class="table is-bordered">
+  <thead>
+    <tr>
+      <th>Class</th>
+      <th>Property: Value</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% for value in include.values %}
+      <tr>
+        <td><code>is-{{ include.property }}-{{ value }}</code></td>
+        <td><code>{{ include.property }}: {{ value }}</code></td>
+      </tr>
+    {% endfor %}
+  </tbody>
+</table>