Merge pull request #153 from winkerVSbecks/fix-table-of-styles-

johno · web-flow · commit fad3ccc18a10 · 2017-05-19T13:44:35.000-06:00
added max width and white-space wrapping
diff --git a/docs/table-of-properties/index.html b/docs/table-of-properties/index.html
diff --git a/docs/table-of-styles/index.html b/docs/table-of-styles/index.html
diff --git a/src/table-of-properties-build.js b/src/table-of-properties-build.js
@@ -47,7 +47,8 @@ module.exports = function () {
       function (property) {
         var newRow = '<tr>' +
           '<td class="bb b--black-05 pv3">' + '<pre class="f6 f5-l">' + property + '</pre>'+'</td>' +
-          '<td class="bb b--black-05 pv3">' + '<pre class="f6 f5-l">' +
+          '<td class="bb b--black-05 pv3 mw6">' +
+            '<pre class="f6 f5-l" style="white-space:pre-wrap; word-wrap:break-word;">' +
             Object.keys(properties[property].selectors).sort().map(function (selector) {
               return  selector + ': ' + properties[property].selectors[selector]
             }).join('<br>') +
diff --git a/src/table-of-styles-build.js b/src/table-of-styles-build.js
@@ -33,7 +33,8 @@ module.exports = function () {
 
         var newRow = '<tr>' +
           '<td class="bb b--black-05 pv3">' +'<pre class="f6 f5-l">' + rule.selector + '</pre>'+'</td>' +
-          '<td class="bb b--black-05 pv3">' + '<pre class="f6 f5-l">' +
+          '<td class="bb b--black-05 pv3 mw6">' +
+          '<pre class="f6 f5-l" style="white-space:pre-wrap; word-wrap:break-word;">' +
             rule.nodes.map(function (decl) {
               return  decl.prop + ':' + decl.value
             }).join('<br>') +
diff --git a/src/templates/table_of_properties.html b/src/templates/table_of_properties.html
@@ -9,7 +9,7 @@
     <%= head  %>
 
   </head>
-  <body class="w-100 sans-serif">
+  <body class="w-100 sans-serif ma0">
     <%= siteHeader  %>
     <main class="bg-white bt b--black-10">
       <header class="pb4 mb4">
diff --git a/src/templates/table_of_styles.html b/src/templates/table_of_styles.html
@@ -9,7 +9,7 @@
     <%= head  %>
 
   </head>
-  <body class="w-100 sans-serif">
+  <body class="w-100 sans-serif ma0">
     <%= siteHeader %>
     <main class="overflow-auto bg-white bt b--black-10">
       <header class="pb4 mb4">
