0
@@ -232,35 +232,35 @@
0
 These let you group whole swathes of CSS attributes into a single
0
 directive and then include those anywhere you want:
0
 
0
-=blue-border
0
-  :border
0
-    :color blue
0
-    :width 2px
0
-    :style dotted
0
+  =blue-border
0
+    :border
0
+      :color blue
0
+      :width 2px
0
+      :style dotted
0
 
0
-.comment
0
-  +blue-border
0
-  :padding 2px
0
-  :margin 10px 0
0
+  .comment
0
+    +blue-border
0
+    :padding 2px
0
+    :margin 10px 0
0
 
0
-.reply
0
-  +blue-border
0
+  .reply
0
+    +blue-border
0
 
0
 becomes:
0
 
0
-.comment {
0
-  border-color: blue;
0
-  border-width: 2px;
0
-  border-style: dotted;
0
-  padding: 2px;
0
-  margin: 10px 0;
0
-}
0
+  .comment {
0
+    border-color: blue;
0
+    border-width: 2px;
0
+    border-style: dotted;
0
+    padding: 2px;
0
+    margin: 10px 0;
0
+  }
0
 
0
-.reply {
0
-  border-color: blue;
0
-  border-width: 2px;
0
-  border-style: dotted;
0
-}
0
+  .reply {
0
+    border-color: blue;
0
+    border-width: 2px;
0
+    border-style: dotted;
0
+  }
0
 
0
 A comprehensive list of features is in
0
 the documentation for the Sass module.

0
@@ -651,9 +651,8 @@
0
 #     yo
0
 #   </p>
0
 #
0
-# If the <tt>:escape_html</tt> option is set,
0
-# = will sanitize any HTML-sensitive characters generated by the script.
0
-# For example:
0
+# If the <tt>:escape_html</tt> option is set, <tt>=</tt> will sanitize any
0
+# HTML-sensitive characters generated by the script. For example:
0
 #
0
 #   = '<script>alert("I\'m evil!");</script>'
0
 #
0
0
0
0
@@ -804,29 +803,29 @@
0
 #
0
 # For example:
0
 #
0
-# %p foo
0
-# -# This is a comment
0
-# %p bar
0
+#   %p foo
0
+#   -# This is a comment
0
+#   %p bar
0
 #
0
 # is compiled to:
0
 #
0
-# <p>foo</p>
0
-# <p>bar</p>
0
+#   <p>foo</p>
0
+#   <p>bar</p>
0
 #
0
 # You can also nest text beneath a silent comment.
0
 # None of this text will be rendered.
0
 # For example:
0
 #
0
-# %p foo
0
-# -#
0
-#   This won't be displayed
0
-#     Nor will this
0
-# %p bar
0
+#   %p foo
0
+#   -#
0
+#     This won't be displayed
0
+#       Nor will this
0
+#   %p bar
0
 #
0
 # is compiled to:
0
 #
0
-# <p>foo</p>
0
-# <p>bar</p>
0
+#   <p>foo</p>
0
+#   <p>bar</p>
0
 #
0
 # == Other Useful Things
0
 #

0
@@ -128,7 +128,7 @@
0
 #
0
 # By default, either attribute syntax may be used.
0
 # If you want to force one or the other,
0
-# see the :attribute_syntax option below.
0
+# see the <tt>:attribute_syntax</tt> option below.
0
 #
0
 # === Nested Rules
0
 #
0
0
@@ -606,28 +606,28 @@
0
 # To define a mixin you use a slightly modified form of selector syntax.
0
 # For example the 'large-text' mixin is defined as follows:
0
 #
0
-# =large-text
0
-#   :font
0
-#     :family Arial
0
-#     :size 20px
0
-#     :weight bold
0
-#   :color #ff0000
0
+#   =large-text
0
+#     :font
0
+#       :family Arial
0
+#       :size 20px
0
+#       :weight bold
0
+#     :color #ff0000
0
 #
0
 # The initial '=' marks this as a mixin rather than a standard selector.
0
 # The CSS rules that follow won't be included until the mixin is referenced later on.
0
 # Anything you can put into a standard selector,
0
 # you can put into a mixin definition. e.g.
0
 #
0
-# =clearfix
0
-#   display: inline-block
0
-#   &:after
0
-#     content: "."
0
-#     display: block
0
-#     height: 0
0
-#     clear: both
0
-#     visibility: hidden
0
-#   * html &
0
-#     height: 1px
0
+#   =clearfix
0
+#     display: inline-block
0
+#     &:after
0
+#       content: "."
0
+#       display: block
0
+#       height: 0
0
+#       clear: both
0
+#       visibility: hidden
0
+#     * html &
0
+#       height: 1px
0
 #
0
 #
0
 # === Mixing it in
0
0
@@ -637,23 +637,23 @@
0
 # So to inline the 'large-text' defined earlier,
0
 # we include the statment '+large-text' in our selector definition thus:
0
 #
0
-# .page-title
0
-#   +large-text
0
-#   :padding 4px
0
-#   :margin
0
-#     :top 10px
0
+#   .page-title
0
+#     +large-text
0
+#     :padding 4px
0
+#     :margin
0
+#       :top 10px
0
 #
0
 #
0
 # This will produce the following CSS output:
0
 #
0
-# .page-title {
0
-#   font-family: Arial;
0
-#   font-size: 20px;
0
-#   font-weight: bold;
0
-#   color: #ff0000;
0
-#   padding: 4px;
0
-#   margin-top: 10px;
0
-# }
0
+#   .page-title {
0
+#     font-family: Arial;
0
+#     font-size: 20px;
0
+#     font-weight: bold;
0
+#     color: #ff0000;
0
+#     padding: 4px;
0
+#     margin-top: 10px;
0
+#   }
0
 #
0
 # Any number of mixins may be defined and there is no limit on
0
 # the number that can be included in a particular selector.
0
0
@@ -661,16 +661,16 @@
0
 # Mixin definitions can also include references to other mixins defined earlier in the file.
0
 # E.g.
0
 #
0
-# =highlighted-background
0
-#   background:
0
-#     color: #fc0
0
-# =header-text
0
-#   font:
0
-#     size: 20px
0
+#   =highlighted-background
0
+#     background:
0
+#       color: #fc0
0
+#   =header-text
0
+#     font:
0
+#       size: 20px
0
 #
0
-# =compound
0
-#   +highlighted-background
0
-#   +header-text
0
+#   =compound
0
+#     +highlighted-background
0
+#     +header-text
0
 #
0
 #
0
 # == Output Style