Strip CSS

leemunroe · leemunroe · commit 2532a560039c · 2016-08-02T22:28:43.000-07:00
diff --git a/email-inlined.html b/email-inlined.html
@@ -109,15 +109,6 @@
       }
     }
     </style>
-    <!--
- _     _             _                      _ _   _       
-| |   | |           | |                    (_) | (_)      
-| |__ | |_ _ __ ___ | | ___ _ __ ___   __ _ _| |  _  ___  
-| '_ \| __| '_ ` _ \| |/ _ \ '_ ` _ \ / _` | | | | |/ _ \ 
-| | | | |_| | | | | | |  __/ | | | | | (_| | | |_| | (_) |
-|_| |_|\__|_| |_| |_|_|\___|_| |_| |_|\__,_|_|_(_)_|\___/ 
-                                                          
--->
   </head>
   <body class="" style="font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #f6f6f6; margin: 0; padding: 0;">
     <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;" width="100%" bgcolor="#f6f6f6">
diff --git a/email.html b/email.html
@@ -76,25 +76,6 @@
         box-sizing: border-box;
         padding: 20px; }
 
-      .content-block {
-        padding-top: 10px;
-        padding-bottom: 10px; }
-
-      .flush-top {
-        margin-top: 0;
-        padding-top: 0; }
-
-      .flush-bottom {
-        margin-bottom: 0;
-        padding-bottom: 0; }
-
-      .header {
-        margin-bottom: 20px;
-        Margin-top: 10px;
-        width: 100%; }
-        .header > table {
-          min-width: 100%; }
-
       .footer {
         clear: both;
         padding-top: 10px;
@@ -128,17 +109,6 @@
         text-align: center;
         text-transform: capitalize; }
 
-      h2 {
-        font-size: 28px;
-        Margin-bottom: 15px; }
-
-      h3 {
-        font-size: 21px; }
-
-      h4 {
-        font-size: 14px;
-        font-weight: 500; }
-
       p,
       ul,
       ol {
@@ -201,29 +171,6 @@
           background-color: #34495e !important;
           border-color: #34495e !important; } }
 
-      .btn-secondary table td {
-        background-color: transparent; }
-
-      .btn-secondary a {
-        background-color: transparent;
-        border-color: #3498db;
-        border-width: 2px;
-        color: #3498db; }
-
-      @media all {
-        .btn-secondary a:hover {
-          border-color: #34495e !important;
-          color: #34495e !important; } }
-
-      .btn-tertiary table td {
-        background-color: transparent; }
-
-      .btn-tertiary a {
-        background-color: transparent;
-        border-color: #ffffff;
-        border-width: 2px;
-        color: #ffffff; }
-
       /* -------------------------------------
           OTHER STYLES THAT MIGHT BE USEFUL
       ------------------------------------- */
@@ -278,12 +225,6 @@
         table[class=body] h1 {
           font-size: 28px !important;
           margin-bottom: 10px !important; }
-        table[class=body] h2 {
-          font-size: 22px !important;
-          margin-bottom: 10px !important; }
-        table[class=body] h3 {
-          font-size: 16px !important;
-          margin-bottom: 10px !important; }
         table[class=body] p,
         table[class=body] ul,
         table[class=body] ol,
@@ -299,8 +240,6 @@
         table[class=body] .container {
           padding: 0 !important;
           width: 100% !important; }
-        table[class=body] .header {
-          margin-bottom: 10px !important; }
         table[class=body] .main {
           border-left-width: 0 !important;
           border-radius: 0 !important;
@@ -312,16 +251,7 @@
         table[class=body] .img-responsive {
           height: auto !important;
           max-width: 100% !important;
-          width: auto !important; }
-        table[class=body] .alert td {
-          border-radius: 0 !important;
-          padding: 10px !important; }
-        table[class=body] .span-2,
-        table[class=body] .span-3 {
-          max-width: none !important;
-          width: 100% !important; }
-        table[class=body] .receipt {
-          width: 100% !important; } }
+          width: auto !important; }}
 
       /* -------------------------------------
           PRESERVE THESE STYLES IN THE HEAD
