Override Gmail styles that prevent certain styles from cascading (#43)

bootstrap-email · Dec 2, 2019 · f2156f1 · f2156f1
1 parent cd0ddf0
commit f2156f1
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/core/head.scss b/core/head.scss
@@ -36,6 +36,39 @@ a {
   text-decoration: none;
 }
 
+/*
+Gmail inserts the following 2 rules above this file in <head> and this overrides them
+
+body,
+td,
+input,
+textarea,
+select {
+  margin: 0;
+  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
+}
+
+input,
+textarea,
+select {
+  font-size: 100%
+}
+*/
+body,
+td,
+input,
+textarea,
+select {
+  margin: unset;
+  font-family: unset;
+}
+
+input,
+textarea,
+select {
+  font-size: unset;
+}
+
 @media screen and (max-width: 600px) {
   //  Grid
   table.row {