svn commit: r1060014 - in /websites/production/tapestry/content/styles: main.css main.less

[bobharner]

Author: bobharner
Date: Fri May  1 00:16:54 2020
New Revision: 1060014

Log:
Update from pico.dev to make tables mobile-friendly

Modified:
    websites/production/tapestry/content/styles/main.css
    websites/production/tapestry/content/styles/main.less

Modified: websites/production/tapestry/content/styles/main.css
==============================================================================
--- websites/production/tapestry/content/styles/main.css (original)
+++ websites/production/tapestry/content/styles/main.css Fri May  1 00:16:54 
2020
@@ -122,6 +122,9 @@ article .container #twitter-container .l
 article .container ul ul {
   list-style: circle;
 }
+article .container img {
+  max-width: 100%;
+}
 .text-small {
   font-size: 0.85rem;
 }
@@ -152,7 +155,6 @@ article .container ul ul {
   background-color: #f0f9eb !important;
 }
 .sectionMacro {
-  display: table;
   margin-top: 10px;
   width: 100%;
 }
@@ -167,6 +169,10 @@ article .container ul ul {
 .sectionMacro .sectionMacro .columnMacro {
   border: none;
   padding: 0;
+  max-width: 100%;
+}
+.sectionMacro .columnMacro {
+  max-width: 100%;
 }
 .sectionMacro .sectionMacro .columnMacro + .columnMacro {
   padding-left: 20px;
@@ -386,4 +392,4 @@ article .container ul ul {
   .navbar-brand span {
     display: inline;
   }
-}
\ No newline at end of file
+}

Modified: websites/production/tapestry/content/styles/main.less
==============================================================================
--- websites/production/tapestry/content/styles/main.less (original)
+++ websites/production/tapestry/content/styles/main.less Fri May  1 00:16:54 
2020
@@ -206,6 +206,10 @@ article {
         ul ul {
             list-style: circle;
         }
+
+        img {
+            max-width: 100%;
+        }
     }
 }
 
@@ -241,7 +245,6 @@ article {
 }
 
 .sectionMacro {
-    display: table;
     margin-top: 10px;
     width: 100%;
 
@@ -257,6 +260,11 @@ article {
     .sectionMacro .columnMacro {
         border: none;
         padding: 0;
+        max-width: 100%;
+    }
+
+    .columnMacro {
+        max-width: 100%;
     }
 
     .sectionMacro .columnMacro + .columnMacro {
@@ -510,4 +518,4 @@ article {
             display: inline;
         }
     }
-}
\ No newline at end of file
+}