Fixes #148 - table[class=body] incompatibility to table.body

leemunroe · Nov 22, 2021 · cb25304 · cb25304
1 parent 0c97857
commit cb25304
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/email.html b/email.html
@@ -249,41 +249,41 @@
           RESPONSIVE AND MOBILE FRIENDLY STYLES
       ------------------------------------- */
       @media only screen and (max-width: 620px) {
-        table[class=body] h1 {
+        table.body h1 {
           font-size: 28px !important;
           margin-bottom: 10px !important; 
         }
-        table[class=body] p,
-        table[class=body] ul,
-        table[class=body] ol,
-        table[class=body] td,
-        table[class=body] span,
-        table[class=body] a {
+        table.body p,
+        table.body ul,
+        table.body ol,
+        table.body td,
+        table.body span,
+        table.body a {
           font-size: 16px !important; 
         }
-        table[class=body] .wrapper,
-        table[class=body] .article {
+        table.body .wrapper,
+        table.body .article {
           padding: 10px !important; 
         }
-        table[class=body] .content {
+        table.body .content {
           padding: 0 !important; 
         }
-        table[class=body] .container {
+        table.body .container {
           padding: 0 !important;
           width: 100% !important; 
         }
-        table[class=body] .main {
+        table.body .main {
           border-left-width: 0 !important;
           border-radius: 0 !important;
           border-right-width: 0 !important; 
         }
-        table[class=body] .btn table {
+        table.body .btn table {
           width: 100% !important; 
         }
-        table[class=body] .btn a {
+        table.body .btn a {
           width: 100% !important; 
         }
-        table[class=body] .img-responsive {
+        table.body .img-responsive {
           height: auto !important;
           max-width: 100% !important;
           width: auto !important;