From: Geoff Kimball Date: Fri, 11 Mar 2016 19:05:29 +0000 (-0800) Subject: Refine content and formatting of index, CSS, Sass, Inky, migration, and ZURB Stack... X-Git-Tag: v2.0.0-rc.4~43 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a8cd54df47285c5b3e12b858eda094cd5e8e40a1;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Refine content and formatting of index, CSS, Sass, Inky, migration, and ZURB Stack docs pages --- diff --git a/docs/pages/css-workflow.md b/docs/pages/css-guide.md similarity index 100% rename from docs/pages/css-workflow.md rename to docs/pages/css-guide.md diff --git a/docs/pages/index.md b/docs/pages/index.md index 75f5db12..55f4d086 100644 --- a/docs/pages/index.md +++ b/docs/pages/index.md @@ -5,15 +5,15 @@ description: Use Foundation for Emails to design responsive HTML emails that wor ## Getting Started -There are two ways to use Foundation: the CSS version and the Sass version. +There are two ways to get started with Foundation for Emails: the CSS version and the Sass version. The **CSS version** is a ZIP file download with all the HTML and CSS you need to get started writing an HTML email. You'll need to run your HTML through our web inliner before you can send them off. -Get Started with CSS Version +Get Started with CSS Version The **Sass version** gives you more control over the visual styles of the framework, and a full build process, which includes a Sass compiler and image compression. It also includes Inky, our custom HTML language which makes writing code faster, a built-in inliner, and a live reloading server for testing. **The Sass version requires you to have Node.js installed.** -Get Started with Sass Version +Get Started with Sass Version --- @@ -32,15 +32,15 @@ Get to know the pieces of Foundation. Using Inky

Our custom HTML tags for writing email components.

-
+
ZURB Stack

An all-in-one solution for email development.

-
+
Compatibility

Foundation works with every key email client—even Outlook.

-
+
Migrate from Ink

Upgrade your Ink emails to Foundation for Emails 2.

diff --git a/docs/pages/inky.md b/docs/pages/inky.md index 78897577..b9369e41 100644 --- a/docs/pages/inky.md +++ b/docs/pages/inky.md @@ -1,38 +1,69 @@ --- title: Inky description: Inky is a templating language that converts simple HTML tags into the complex table HTML required for emails. +library: true --- -We’re proud to announce our new templating language, Inky! We have our own custom tags such as the `` and `` tags. This keeps you out of a sea of tables and focused on your email. Check out an example below: +## Overview -*Need an example here.* +HTML emails require tables upon tables *upon tables* to work properly. Although Foundation for Emails takes a lot of the pain out of constructing these tables, we've made it even easier with **Inky**, a templating language that converts simple HTML tags like `` and `` into complex table HTML. -We’re super proud of our Inky templating language, and want to make sure you know how to get the most out of it! Here’s a few of the more frequently asked questions about Inky: +Inky keeps you out of a sea of tables and focused on your email. Check out this example—click "Switch to Inky" to see the difference. -### What’s a templating language? +```inky + + + + + +``` -Essentially, it is just custom HTML tags. Things like and are understood by this language. These tags don’t actually make it into your recipient’s inbox, it’s translated into the table-based HTML needed for our approach to responsive emails. +--- + +## Tags + +Inky currently supports these custom tags: + +- **Grid:** + - `` + - `` + - `` +- **Button:** `