]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
updates the CSS boilerplate and corrects file destination
authorRafi <rafibomb@users.noreply.github.com>
Wed, 11 May 2016 18:58:44 +0000 (11:58 -0700)
committerRafi <rafibomb@users.noreply.github.com>
Wed, 11 May 2016 18:58:44 +0000 (11:58 -0700)
docs/pages/css-guide.md

index 649aa8890f81ebac66bff8f2feabb4b09e38b0c5..a298c03fd75bb92f4125f5306ff4c16334058b59 100644 (file)
@@ -33,7 +33,7 @@ We'll be writing a layout from scratch, so open up `index.html`.
 
 ## Boilerplate
 
-Inside `src/layouts/default.html`, you can see the boilerplate needed to make an HTML work, with comments explaining what does what.
+Inside `index.html`, you can see the boilerplate needed to make an HTML work, with comments explaining what does what.
 
 ```html
 <!-- Emails use the XHTML Strict doctype -->
@@ -42,10 +42,12 @@ Inside `src/layouts/default.html`, you can see the boilerplate needed to make an
 <head>
   <!-- The character set should be utf-8 -->
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <!-- Enables media queries -->
   <meta name="viewport" content="width=device-width"/>
   <!-- Link to the email's CSS, which will be inlined into the email -->
-  <link rel="stylesheet" href="assets/css/foundation.css">
+  <link rel="stylesheet" href="css/foundation.css">
+  <style>
+    <!-- Your CSS to inline should be added here -->
+  </style>
 </head>
 
 <body>
@@ -53,7 +55,7 @@ Inside `src/layouts/default.html`, you can see the boilerplate needed to make an
   <table class="body" data-made-with-foundation>
     <tr>
       <!-- The class, align, and <center> tag center the container -->
-      <td class="center" align="center" valign="top">
+      <td class="float-center" align="center" valign="top">
         <center>
           <!-- The content of your email goes here. -->
         </center>