Adding table styles

components/styles-article.css

@@ -185,6 +185,25 @@ dt-article section {
   margin-bottom: 60px;
 }
 
+/* Tables */
+
+dt-article table {
+  border-collapse: collapse;
+}
+
+dt-article table th {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+dt-article table td {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+dt-article table th,
+dt-article table td {
+  font-size: 15px;
+  padding: 2px 0;
+}
 
 /* Figure */
 
@@ -232,15 +251,6 @@ dt-article figure figcaption a {
   color: rgba(0, 0, 0, 0.6);
 }
 
-/*dt-article figure figcaption::before {
-  position: relative;
-  display: block;
-  top: -20px;
-  content: "";
-  width: 25px;
-  border-top: 1px solid rgba(0, 0, 0, 0.3);
-}*/
-
 dt-article span.equation-mimic {
   font-family: georgia;
   font-size: 115%;

components/styles-layout.css

@@ -24,6 +24,7 @@ dt-article > h2,
 dt-article > h3,
 dt-article > h4,
 dt-article > figure,
+dt-article > table,
 dt-article > ol,
 dt-article > ul,
 dt-article > dt-byline,
@@ -36,6 +37,7 @@ dt-article section > h2,
 dt-article section > h3,
 dt-article section > h4,
 dt-article section > figure,
+dt-article section > table,
 dt-article section > ol,
 dt-article section > ul,
 dt-article section > dt-byline,
@@ -60,6 +62,7 @@ dt-article section > dt-code {
   dt-article > h3,
   dt-article > h4,
   dt-article > figure,
+  dt-article > table,
   dt-article > ol,
   dt-article > ul,
   dt-article > dt-byline,
@@ -72,6 +75,7 @@ dt-article section > dt-code {
   dt-article section > h3,
   dt-article section > h4,
   dt-article section > figure,
+  dt-article section > table,
   dt-article section > ol,
   dt-article section > ul,
   dt-article section > dt-byline,
@@ -89,6 +93,7 @@ dt-article section > dt-code {
   dt-article > h3,
   dt-article > h4,
   dt-article > figure,
+  dt-article > table,
   dt-article > ol,
   dt-article > ul,
   dt-article > dt-byline,
@@ -100,6 +105,7 @@ dt-article section > dt-code {
   dt-article section > h3,
   dt-article section > h4,
   dt-article section > figure,
+  dt-article section > table,
   dt-article section > ol,
   dt-article section > ul,
   dt-article section > dt-byline,

examples/article.html

@@ -20,14 +20,21 @@
   <h1>Hello World</h1>
   <h2>A description of the article</h2>
   <dt-byline></dt-byline>
-  <p>This is the first paragraph of the article.</p>
-  <p>Test a long&thinsp;&mdash;&thinsp;dash -- here it is.</p>
-  <p>Test for owner's possessive.</p>
-  <p>Test for "quoting a passage." And another sentence. Or two.</p>
+  <p>This is the first paragraph of the article. Test a long&thinsp;&mdash;&thinsp;dash -- here it is.</p>
+  <p>Test for owner's possessive. Test for "quoting a passage." And another sentence. Or two.</p>
   <p>Here's a test of an inline equation <dt-math>c = a^2 + b^2</dt-math>.</p>
   <dt-math block>c = \pm\sqrt{a^2 + b^2}</dt-math>
-  <p>We can also cite <dt-cite key="gregor2015draw,mercier2011humans"></dt-cite> external publications. <dt-cite key="dong2014image,dumoulin2016guide,mordvintsev2015inceptionism"></dt-cite></p>
-  <p>We should also be testing footnotes<dt-fn>This will become a hoverable footnote.</dt-fn>.</p>
+  <p>We can also cite <dt-cite key="gregor2015draw,mercier2011humans"></dt-cite> external publications. <dt-cite key="dong2014image,dumoulin2016guide,mordvintsev2015inceptionism"></dt-cite> We should also be testing footnotes<dt-fn>This will become a hoverable footnote.</dt-fn>.</p>
+  <table>
+    <thead>
+      <tr><th>First</th><th>Second</th><th>Third</th></tr>
+    </thead>
+    <tbody>
+      <tr><td>23</td><td>654</td><td>23</td></tr>
+      <tr><td>14</td><td>54</td><td>34</td></tr>
+      <tr><td>234</td><td>54</td><td>23</td></tr>
+    </tbody>
+  </table>
 </dt-article>
 
 <script type="text/bibliography">

yarn.lock

@@ -636,10 +636,6 @@ html-encoding-sniffer@^1.0.1:
   dependencies:
     whatwg-encoding "^1.0.1"
 
-html-escape@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/html-escape/-/html-escape-2.0.0.tgz#60c8ddd465edf0cae02af9e99fdf5f883b09be49"
-
 http-signature@~1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
@@ -923,7 +919,7 @@ match-at@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/match-at/-/match-at-0.1.0.tgz#f561e7709ff9a105b85cc62c6b8ee7c15bf24f31"
 
-micromatch@^2.1.5:
+micromatch@^2.1.5, micromatch@^2.3.11:
   version "2.3.11"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
   dependencies:
@@ -1298,6 +1294,13 @@ rollup-plugin-string@^2.0.2:
   dependencies:
     rollup-pluginutils "^1.5.0"
 
+rollup-plugin-svelte@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-1.8.0.tgz#4cefe4fcf453cd051378babb5c4804645acd1652"
+  dependencies:
+    rollup-pluginutils "^2.0.1"
+    svelte "^1.11.2"
+
 rollup-plugin-uglify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rollup-plugin-uglify/-/rollup-plugin-uglify-1.0.1.tgz#11d0b0c8bcd2d07e6908f74fd16b0152390b922a"
@@ -1311,6 +1314,13 @@ rollup-pluginutils@^1.5.0, rollup-pluginutils@^1.5.1:
     estree-walker "^0.2.1"
     minimatch "^3.0.2"
 
+rollup-pluginutils@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.0.1.tgz#7ec95b3573f6543a46a6461bd9a7c544525d0fc0"
+  dependencies:
+    estree-walker "^0.3.0"
+    micromatch "^2.3.11"
+
 rollup-watch@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/rollup-watch/-/rollup-watch-2.5.0.tgz#852d660ddecc51696890aa8c22e95ed4558cc5f7"
@@ -1428,6 +1438,10 @@ supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
 
+svelte@^1.11.2:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-1.15.0.tgz#d5d00c89fc158bbaf5a19a159236fe56dad6d63c"
+
 symbol-tree@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.1.tgz#8549dd1d01fa9f893c18cc9ab0b106b4d9b168cb"