]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
adds sass guide info
authorRafiBomb <rafi@zurb.com>
Sun, 20 Mar 2016 22:43:55 +0000 (15:43 -0700)
committerRafiBomb <rafi@zurb.com>
Sun, 20 Mar 2016 22:43:55 +0000 (15:43 -0700)
docs/pages/grid.md
docs/pages/migration.md
docs/pages/sass-guide.md
scss/foundation.scss

index a9075b16f2a0d3c5ac97b4f5a2e13732a1f803cc..8bc5627fbd9ce81f89a7ee61e0877a7ece9ad221 100644 (file)
@@ -69,7 +69,9 @@ In Inky HTML, set the attribute `small` or `large` on the `<columns>` tag with t
 
 ### First and Last Classes
 
-The first column in a row must have the class `.first`, and the last column must have the class `.last`.
+The `.first` class adds the appropriate amount of padding-left to space the content away from the container’s edge. The `.last` class is added to your last set of columns in a row to add padding-right to the column. If you have columns in between `.first` and `.last`, these classes are not needed on the middle columns.
+
+The reason these classes exist is that CSS properties like `:last-child` don’t work in most email clients so a class is needed.
 
 In Inky HTML, these classes are added for you.
 
index c2d369ab606d6b4d5cd23d5f4e5eb1ea6ba9bfb7..c408367694c551a73bc38582e1bcf24472b0e0d7 100644 (file)
@@ -460,4 +460,4 @@ The menu component can be used to create a simple set of links comonly used in h
 - Git
 - Node
 
-To use the Sass version with the Inky markup language you'll want to insall the Foundation for Emails project template. You'll find the [installation instructions here](https://github.com/zurb/foundation-emails/tree/v2.0#getting-started).
+To use the Sass version with the Inky markup language you'll want to install the Foundation for Emails project template. You'll find the [installation instructions here](https://github.com/zurb/foundation-emails/tree/v2.0#getting-started).
index 020ff860f930f727c83009cda90e85574e637484..8c6d1d1ac75042d543559e02c07e5ed8dc82b295 100644 (file)
@@ -7,7 +7,7 @@ Foundation for Emails takes the pain out of developing HTML emails by giving you
 
 The Sass workflow for Foundation for Emails is backed by the [ZURB Email Stack](zurb-stack.html), an all-in-one build system for creating HTML emails. This workflow requires a bit more up-front setup, but the tooling makes it wicked fast to code, and keeps your code amazingly clean with our new custom HTML tags in Inky.
 
-The ZURB Stack workflow also includes Handlebars, allowing you to write emails as templates instead of static files. Lastly, you can easily make sweeping design changes with the Sass [settings file](sass.html). Here’s everything that’s packaged in this template:
+The ZURB Stack workflow also includes Handlebars, allowing you to write emails as templates instead of static files. Lastly, you can easily make sweeping design changes with the Sass [settings file](sass.html#the-settings-file). Here’s everything that’s packaged in this template:
 
 - Inky HTML
 - Sass
@@ -34,7 +34,7 @@ We'll use the Foundation CLI to set up a new project. If you already have the Fo
 npm install --global foundation-cli
 ```
 
-If you run into any errors on OS X or Linux, you can try prefixing the command with `sudo`.
+If you run into any pemission errors (EACCESS) on OS X or Linux, you can try prefixing the command with `sudo`.
 
 ```bash
 sudo npm install --global foundation-cli
@@ -46,7 +46,7 @@ Once the CLI is installed on your machine, it’s super easy to fire up a blank
 foundation new --framework emails
 ```
 
-The CLI will ask you for a project name, which is used as the name of the folder to install in. After that, the template will be downloaded, and the various dependencies installed. The entire process takes over a minute.
+The CLI will ask you for a project name, which is used as the name of the folder to install in. After that, the project template will be downloaded, and the various dependencies installed. The entire process takes over a minute.
 
 ---
 
index 732a697b5c275cbb850449c4435abfae30ac806c..60ab646693b6117cf54f8afd80da7fc5e4967d20 100755 (executable)
   'components/outlook-first',
   'components/media-query';
 
-.columns {
-  border: 1px solid red;
-}
-
-p {
-  border: 1px solid blue;
-}
\ No newline at end of file