task/tup-534 Adds in media query for tables

fractal.config.js

@@ -98,6 +98,32 @@ engine.handlebars.registerHelper('eq', function(a, b) {
 engine.handlebars.registerHelper('has', function(array, item) {
   return array.includes(item);
 });
+engine.handlebars.registerHelper('getColFromRow', function(row, val, cols) {
+  if ( ! cols ) return '';
+
+  // console.log('val: ', val);
+  // row.table.rows.map(row => {
+  // Object.entries(row).forEach(rowValue => console.log(rowValue === val));
+  //  console.log();
+  // })
+  // console.log(row.table.cols);
+  // console.log(row.table.rows);
+  // if (!row.table) {
+  //   return '';
+  // } else {
+  //   console.log(row.table.rows);
+  //   // console.log(Object.entries(row.table.rows).findIndex(el => console.log(el[1])));
+  // }
+
+  const index = Object.entries(row).findIndex(el => el[1] === val);
+  const col = cols[index];
+
+  // if (row.table) {
+  //   return row.table.cols[index]
+  // }
+
+  return col;
+});
 
 // Export
 module.exports = fractal;

src/lib/_imports/core-styles.docs.css

@@ -14,7 +14,10 @@
 
 /* ELEMENTS */
 @import url("./elements/root--docs.css");
-@import url("./elements/html-elements.cms.css");
+/* Commenting for come back Nov.29, 2023. Wes to double check work and side-effects. */
+/* Issue, because tables docs imports html-elements, this pushes over 
+    uls in td elements for tables, and overrides padding-inline-start: 0 */
+/* @import url("./elements/html-elements.cms.css"); */
 @import url("./elements/html-elements.docs.css");
 @import url("./elements/headings--docs.css");
 @import url("./elements/monospace.css");

src/lib/_imports/elements/html-elements.cms.css

@@ -57,9 +57,9 @@ Styleguide Elements.TextContent
 & :where(
   ol, ul,
   dl dl /* Treat nested definition lists like other nested lists */
-):not(
+):where(:not(
   :--form *
-) {
+)) {
   padding-left: var(--global-space--list-indent);
 }
 & :is(