html-email-snippets's Introduction

sublime-html-email-snippets

Snippets to help create HTML emails quicker.

Install to ~/Library/Application Support/Sublime Text 2/Packages/User

This gives you access to a couple of tab triggers: mlreset, mltable, mltd, mlimg, mla.

mlreset will turn into:

 <style type="text/css">
    /* Client-specific Styles */
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
    body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
    body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} /* Prevent Webkit and Windows Mobile platforms from changing default font sizes. */
  
    /* Reset Styles */
    body{margin:0; padding:0;}
    img{height:auto; line-height:100%; outline:none; text-decoration:none;}
    #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
  
    </style>

mltable will turn into <table cellspacing="0" cellpadding="0" align="left" border="0" width="100%">

mltd will turn into <td valign="top" align="left" width="">

mlimg will turn into <img src="" alt="" style="display: block; outline; none; border: none;" />

mla will turn into <a href="" title="" style="display: block; text-decoration: none; outline: none; border: none;"></a>

Tabstops have been implemented where needed.

Suggestions welcome.

Recommend Projects