From c5b37ca160fcb294ffd622af1cbf1f8ebe265eb4 Mon Sep 17 00:00:00 2001 From: Edward Ball Date: Mon, 14 Oct 2013 00:57:42 +0100 Subject: [PATCH] Fix typos in install and guide haml --- source/guide.haml | 8 ++++---- source/install.haml | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/source/guide.haml b/source/guide.haml index 256e91f..2d2d4b8 100644 --- a/source/guide.haml +++ b/source/guide.haml @@ -50,7 +50,7 @@ title: Sass Basics :markdown ## Nesting - When you write HTML you've probably noticed that it has a fairly clear nested, visual hierarchy. CSS, on the other hand, isn't. Sass will let you nest your CSS selectors in a way that follows the same visual hierarchy of your HTML. Here's an example of some typical styles for a sites navigation: + When you write HTML you've probably noticed that it has a fairly clear nested, visual hierarchy. CSS, on the other hand, isn't. Sass will let you nest your CSS selectors in a way that follows the same visual hierarchy of your HTML. Here's an example of some typical styles for a site's navigation: ~ partial "code-snippets/homepage-nesting-scss" @@ -65,7 +65,7 @@ title: Sass Basics :markdown ## Partials - You can create partial Sass files that contain little snippets of CSS that you can include in other Sass files. This is a great way to modularize your CSS & help keep things easier to maintain. A partial is simply a Sass file named with a leading underscore. You might name it something like _partial.scss. The underscore lets Sass know that the file is only a partial file and that it should be generated into a CSS file. Sass partials are used with the @import directive. + You can create partial Sass files that contain little snippets of CSS that you can include in other Sass files. This is a great way to modularize your CSS and help keep things easier to maintain. A partial is simply a Sass file named with a leading underscore. You might name it something like _partial.scss. The underscore lets Sass know that the file is only a partial file and that it should be generated into a CSS file. Sass partials are used with the @import directive. *** @@ -73,7 +73,7 @@ title: Sass Basics :markdown ## Import - CSS has an import option that lets you split your CSS in to smaller, more maintainable portions. The only drawback is that each time you use @import in CSS it creates another HTTP request. Sass builds on top of the current CSS @import but instead of requiring an HTTP request, Sass will take the file that you want to import and combine it with the file your importing into so you can serve a single CSS file to the web browser. + CSS has an import option that lets you split your CSS into smaller, more maintainable portions. The only drawback is that each time you use @import in CSS it creates another HTTP request. Sass builds on top of the current CSS @import but instead of requiring an HTTP request, Sass will take the file that you want to import and combine it with the file you're importing into so you can serve a single CSS file to the web browser. Let's say you have a couple of Sass files, _reset.scss and base.scss. We want to import _reset.scss into base.scss. @@ -97,7 +97,7 @@ title: Sass Basics ~ partial "code-snippets/homepage-mixins-scss" :markdown - To create a mixin you use the @mixin directive and giving it a name. We've named our mixin border-radius. We're also using the variable $radius inside the parenthesis so we can pass in a radius of whatever we want. After you create your mixin, you can then use it as a CSS declaration starting with @include followed by the name of the mixin. When your CSS is generated it'll look like this: + To create a mixin you use the @mixin directive and give it a name. We've named our mixin border-radius. We're also using the variable $radius inside the parentheses so we can pass in a radius of whatever we want. After you create your mixin, you can then use it as a CSS declaration starting with @include followed by the name of the mixin. When your CSS is generated it'll look like this: ~ partial "code-snippets/homepage-mixins-css" diff --git a/source/install.haml b/source/install.haml index 7f5c81d..cfcb6ce 100644 --- a/source/install.haml +++ b/source/install.haml @@ -62,7 +62,7 @@ layout: layout_1_column %dd Along with Ruby the installer will also install a Ruby command line - application that you will let you use the Ruby libraries. + application that will let you use the Ruby libraries. Open --application name--. %dl#install-ruby-mac @@ -86,7 +86,7 @@ layout: layout_1_column %li %p - Install Sass. Ruby uses Gems to manage it's + Install Sass. Ruby uses Gems to manage its various packages of code like Sass. In your open terminal window type: %pre