From: Rafi <rafibomb@users.noreply.github.com>
Date: Fri, 18 Mar 2016 21:08:31 +0000 (-0700)
Subject: Update migration.md
X-Git-Tag: v2.0.0~2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2efa3ea9d678a86d7f071ed7c0a31abfd36a8b68;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Update migration.md

updates to match v2 migration
---

diff --git a/migration.md b/migration.md
index bce048ed..330ba8a5 100644
--- a/migration.md
+++ b/migration.md
@@ -361,9 +361,37 @@ Version 2 (CSS version)
 Version 2 (Inky markup)
 
 ```
-Work in progress - issue [188](https://github.com/zurb/foundation-emails/issues/188)
+<row>
+  <columns small="6">
+    <p>One Word</p>
+  </columns>
+  <columns small="6">
+    <callout class="secondary">
+      <p>2sdafkhasdfkjhas dkfjh askdjfh askjdhf aksjdhf aksjdhf kajshdf</p>
+    </callout>
+  </columns>
+</row>
+
+<callout class="primary">
+  <row>
+    <columns small="12">
+
+      <row>
+        <columns small="6">
+          <p>One Word</p>
+        </columns>
+        <columns small="6">
+          <p>2sdafkhasdfkjhas dkfjh askdjfh askjdhf aksjdhf aksjdhf kajshdf</p>
+        </columns>
+      </row>
+
+    </columns>
+  </row>
+</callout>
 ```
 
+Callouts used to only be applicable to a `<td>`. In Foundation for Emails 2, you can wrap a callout around a `<row>` or the content inside a `<column>`.
+
 ***
 ## NEW
 ***
@@ -373,11 +401,31 @@ Work in progress - issue [188](https://github.com/zurb/foundation-emails/issues/
 Version 2 (CSS version)
 
 ```
-<table class="menu">
+<table class="container">
   <tr>
-    <td><a href="one.html">Item One</a></td>
-    <td><a href="one.html">Item Two</a></td>
-    <td><a href="one.html">Item Three</a></td>
+    <td>     
+
+      <table class="menu">
+        <tr>
+          <td>
+            <table>
+              <tr>
+                <th class="menu-item">
+                  <a href="http://google.com">Nav 1</a>
+                </th>
+                <th class="menu-item">
+                  <a href="http://google.com">Nav 2</a>
+                </th>
+                <th class="menu-item">
+                  <a href="http://google.com">Nav 3</a>
+                </th>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
+
+    </td>
   </tr>
 </table>
 ```