feat(core): add styles for vanilla tables

#1

packages/website/src/main.ts

@@ -2,11 +2,15 @@ import "mini-strap-core";
 import render from "./render";
 
 import layout from "./templates/form.html";
+import table from "./templates/table.html";
 
 document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
   <main class="msp-container">
     <section>
       ${render(layout, { name: "ale" })}
     </section>
+    <section class="msp-mb-3">
+      ${render(table, { name: "ale" })}
+    </section>
   </main>
 `;

packages/website/src/templates/table.html

@@ -0,0 +1,29 @@
+<table class="table">
+  <thead>
+    <tr>
+      <th scope="col" class="msp-text-center">#</th>
+      <th scope="col">First</th>
+      <th scope="col">Last</th>
+      <th scope="col">Handle</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">1</th>
+      <td>Mark</td>
+      <td>Otto</td>
+      <td>@mdo</td>
+    </tr>
+    <tr>
+      <th scope="row">2</th>
+      <td>Jacob</td>
+      <td>Thornton</td>
+      <td>@fat</td>
+    </tr>
+    <tr>
+      <th scope="row">3</th>
+      <td colspan="2">Larry the Bird</td>
+      <td>@twitter</td>
+    </tr>
+  </tbody>
+</table>