custom-inky

Версия Инки с кастомными HTML тегами созданными для работы с Kilogram

Теги:

wrap: 'wrap',
rower: 'rower',
cols: 'cols'

<wrap>
  Ваш контент
</wrap>

разворачивается в главную таблицу, которая создает тело письма:

<div %attribute class="%class">
  /* фолбэк для MS Outlook
  <!--[if (gte mso 9)|(IE)]>
  <table width="600" align="center">
  <tr>
  <td>
  <![endif]--> */
  <table class="outer" cellpadding="0" align="center">
    ваш контент
  </table>
  /* <!--[if (gte mso 9)|(IE)]>
  </td>
  </tr>
  </table>
  <![endif]--> */
</div>

Где %attribute это атрибут который вы зададите тегу, а %class - класс. Работает для всех тегов.

У <rower> есть обязательный атрибут cols

<rower cols="2">
  <cols>
    1-st column
  </cols>
  <cols class="awesome">
    2-nd column
  </cols>
</rower>

Становится

 <tr cols="2" class="row">
  <td class="two-columns">
    <!--[if (gte mso 9)|(IE)]>
    <table width="100%">
    <tr>
    <td width="50%" valign="top">
    <![endif]-->
      <div class="column">
        <table width="100%">
          <tr>
            <td>
              1-st column
            </td>
          </tr>
        </table>
      </div>
      <!--[if (gte mso 9)|(IE)]>
      </td>
      <td width="50%" valign="top">
      <![endif]-->
      <div class="column awesome">
        <table width="100%">
          <tr>
            <td>
              2-nd column
            </td>
          </tr>
        </table>
      </div>
      <!--[if (gte mso 9)|(IE)]>
      </td>
      </tr>
      </table>
      <![endif]-->
    </td>
  </tr>