RubyGems - sass - Versions diffs - 3.3.0 → 3.4.25 - Mend

sass 3.3.0 → 3.4.25

Files changed (208) hide show

checksums.yaml +4 -4
data/.yardopts +3 -1
data/CODE_OF_CONDUCT.md +10 -0
data/CONTRIBUTING.md +148 -0
data/MIT-LICENSE +1 -1
data/README.md +76 -62
data/Rakefile +104 -24
data/VERSION +1 -1
data/VERSION_DATE +1 -1
data/VERSION_NAME +1 -1
data/bin/sass +1 -1
data/bin/scss +1 -1
data/extra/sass-spec-ref.sh +32 -0
data/extra/update_watch.rb +1 -1
data/lib/sass/cache_stores/filesystem.rb +9 -5
data/lib/sass/cache_stores/memory.rb +4 -5
data/lib/sass/callbacks.rb +2 -2
data/lib/sass/css.rb +12 -13
data/lib/sass/deprecation.rb +55 -0
data/lib/sass/engine.rb +106 -70
data/lib/sass/environment.rb +39 -19
data/lib/sass/error.rb +17 -20
data/lib/sass/exec/base.rb +199 -0
data/lib/sass/exec/sass_convert.rb +283 -0
data/lib/sass/exec/sass_scss.rb +440 -0
data/lib/sass/exec.rb +5 -771
data/lib/sass/features.rb +9 -2
data/lib/sass/importers/base.rb +8 -3
data/lib/sass/importers/filesystem.rb +30 -38
data/lib/sass/logger/base.rb +8 -2
data/lib/sass/logger/delayed.rb +50 -0
data/lib/sass/logger.rb +8 -3
data/lib/sass/media.rb +1 -4
data/lib/sass/plugin/compiler.rb +224 -90
data/lib/sass/plugin/configuration.rb +38 -22
data/lib/sass/plugin/merb.rb +2 -2
data/lib/sass/plugin/rack.rb +3 -3
data/lib/sass/plugin/rails.rb +1 -1
data/lib/sass/plugin/staleness_checker.rb +4 -4
data/lib/sass/plugin.rb +6 -5
data/lib/sass/script/css_lexer.rb +1 -1
data/lib/sass/script/css_parser.rb +2 -3
data/lib/sass/script/css_variable_warning.rb +52 -0
data/lib/sass/script/functions.rb +739 -318
data/lib/sass/script/lexer.rb +134 -54
data/lib/sass/script/parser.rb +252 -56
data/lib/sass/script/tree/funcall.rb +13 -6
data/lib/sass/script/tree/interpolation.rb +127 -4
data/lib/sass/script/tree/list_literal.rb +31 -4
data/lib/sass/script/tree/literal.rb +4 -0
data/lib/sass/script/tree/node.rb +21 -3
data/lib/sass/script/tree/operation.rb +54 -1
data/lib/sass/script/tree/selector.rb +26 -0
data/lib/sass/script/tree/string_interpolation.rb +59 -38
data/lib/sass/script/tree/variable.rb +1 -1
data/lib/sass/script/tree.rb +1 -0
data/lib/sass/script/value/base.rb +17 -14
data/lib/sass/script/value/bool.rb +0 -5
data/lib/sass/script/value/color.rb +78 -42
data/lib/sass/script/value/helpers.rb +119 -2
data/lib/sass/script/value/list.rb +0 -15
data/lib/sass/script/value/map.rb +1 -1
data/lib/sass/script/value/null.rb +0 -5
data/lib/sass/script/value/number.rb +112 -31
data/lib/sass/script/value/string.rb +102 -13
data/lib/sass/script/value.rb +0 -1
data/lib/sass/script.rb +3 -3
data/lib/sass/scss/css_parser.rb +24 -4
data/lib/sass/scss/parser.rb +290 -383
data/lib/sass/scss/rx.rb +17 -9
data/lib/sass/scss/static_parser.rb +306 -4
data/lib/sass/scss.rb +0 -2
data/lib/sass/selector/abstract_sequence.rb +35 -18
data/lib/sass/selector/comma_sequence.rb +114 -19
data/lib/sass/selector/pseudo.rb +266 -0
data/lib/sass/selector/sequence.rb +146 -40
data/lib/sass/selector/simple.rb +22 -33
data/lib/sass/selector/simple_sequence.rb +122 -39
data/lib/sass/selector.rb +57 -197
data/lib/sass/shared.rb +2 -2
data/lib/sass/source/map.rb +31 -14
data/lib/sass/source/position.rb +4 -4
data/lib/sass/stack.rb +2 -8
data/lib/sass/supports.rb +10 -13
data/lib/sass/tree/at_root_node.rb +1 -0
data/lib/sass/tree/charset_node.rb +1 -1
data/lib/sass/tree/comment_node.rb +1 -1
data/lib/sass/tree/css_import_node.rb +9 -1
data/lib/sass/tree/directive_node.rb +8 -2
data/lib/sass/tree/error_node.rb +18 -0
data/lib/sass/tree/extend_node.rb +1 -1
data/lib/sass/tree/function_node.rb +9 -0
data/lib/sass/tree/import_node.rb +6 -5
data/lib/sass/tree/keyframe_rule_node.rb +15 -0
data/lib/sass/tree/node.rb +5 -3
data/lib/sass/tree/prop_node.rb +6 -7
data/lib/sass/tree/rule_node.rb +26 -11
data/lib/sass/tree/visitors/check_nesting.rb +56 -32
data/lib/sass/tree/visitors/convert.rb +59 -44
data/lib/sass/tree/visitors/cssize.rb +34 -30
data/lib/sass/tree/visitors/deep_copy.rb +6 -1
data/lib/sass/tree/visitors/extend.rb +15 -13
data/lib/sass/tree/visitors/perform.rb +87 -50
data/lib/sass/tree/visitors/set_options.rb +15 -1
data/lib/sass/tree/visitors/to_css.rb +72 -43
data/lib/sass/util/multibyte_string_scanner.rb +0 -2
data/lib/sass/util/normalized_map.rb +0 -1
data/lib/sass/util/subset_map.rb +2 -3
data/lib/sass/util.rb +334 -154
data/lib/sass/version.rb +7 -7
data/lib/sass.rb +10 -8
data/test/sass/cache_test.rb +62 -20
data/test/sass/callbacks_test.rb +1 -1
data/test/sass/compiler_test.rb +24 -11
data/test/sass/conversion_test.rb +241 -50
data/test/sass/css2sass_test.rb +73 -5
data/test/sass/css_variable_test.rb +132 -0
data/test/sass/encoding_test.rb +219 -0
data/test/sass/engine_test.rb +343 -260
data/test/sass/exec_test.rb +12 -2
data/test/sass/extend_test.rb +333 -44
data/test/sass/functions_test.rb +353 -260
data/test/sass/importer_test.rb +40 -21
data/test/sass/logger_test.rb +1 -1
data/test/sass/more_results/more_import.css +1 -1
data/test/sass/more_templates/more1.sass +10 -10
data/test/sass/more_templates/more_import.sass +2 -2
data/test/sass/plugin_test.rb +24 -21
data/test/sass/results/compact.css +1 -1
data/test/sass/results/complex.css +4 -4
data/test/sass/results/expanded.css +1 -1
data/test/sass/results/import.css +1 -1
data/test/sass/results/import_charset_ibm866.css +2 -2
data/test/sass/results/mixins.css +17 -17
data/test/sass/results/nested.css +1 -1
data/test/sass/results/parent_ref.css +2 -2
data/test/sass/results/script.css +5 -5
data/test/sass/results/scss_import.css +1 -1
data/test/sass/script_conversion_test.rb +71 -39
data/test/sass/script_test.rb +714 -123
data/test/sass/scss/css_test.rb +213 -30
data/test/sass/scss/rx_test.rb +8 -4
data/test/sass/scss/scss_test.rb +766 -22
data/test/sass/source_map_test.rb +263 -95
data/test/sass/superselector_test.rb +210 -0
data/test/sass/templates/_partial.sass +1 -1
data/test/sass/templates/basic.sass +10 -10
data/test/sass/templates/bork1.sass +1 -1
data/test/sass/templates/bork5.sass +1 -1
data/test/sass/templates/compact.sass +10 -10
data/test/sass/templates/complex.sass +187 -187
data/test/sass/templates/compressed.sass +10 -10
data/test/sass/templates/expanded.sass +10 -10
data/test/sass/templates/import.sass +2 -2
data/test/sass/templates/importee.sass +3 -3
data/test/sass/templates/mixins.sass +22 -22
data/test/sass/templates/multiline.sass +4 -4
data/test/sass/templates/nested.sass +13 -13
data/test/sass/templates/parent_ref.sass +12 -12
data/test/sass/templates/script.sass +70 -70
data/test/sass/templates/scss_import.scss +2 -1
data/test/sass/templates/subdir/nested_subdir/_nested_partial.sass +1 -1
data/test/sass/templates/subdir/nested_subdir/nested_subdir.sass +2 -2
data/test/sass/templates/subdir/subdir.sass +3 -3
data/test/sass/templates/units.sass +10 -10
data/test/sass/test_helper.rb +1 -1
data/test/sass/util/multibyte_string_scanner_test.rb +11 -3
data/test/sass/util/normalized_map_test.rb +1 -1
data/test/sass/util/subset_map_test.rb +2 -2
data/test/sass/util_test.rb +46 -45
data/test/sass/value_helpers_test.rb +5 -7
data/test/sass-spec.yml +3 -0
data/test/test_helper.rb +7 -6
data/vendor/listen/CHANGELOG.md +1 -228
data/vendor/listen/Gemfile +5 -15
data/vendor/listen/README.md +111 -77
data/vendor/listen/Rakefile +0 -42
data/vendor/listen/lib/listen/adapter.rb +195 -82
data/vendor/listen/lib/listen/adapters/bsd.rb +27 -64
data/vendor/listen/lib/listen/adapters/darwin.rb +21 -58
data/vendor/listen/lib/listen/adapters/linux.rb +23 -55
data/vendor/listen/lib/listen/adapters/polling.rb +25 -34
data/vendor/listen/lib/listen/adapters/windows.rb +50 -46
data/vendor/listen/lib/listen/directory_record.rb +96 -61
data/vendor/listen/lib/listen/listener.rb +135 -37
data/vendor/listen/lib/listen/turnstile.rb +9 -5
data/vendor/listen/lib/listen/version.rb +1 -1
data/vendor/listen/lib/listen.rb +33 -19
data/vendor/listen/listen.gemspec +6 -0
data/vendor/listen/spec/listen/adapter_spec.rb +43 -77
data/vendor/listen/spec/listen/adapters/polling_spec.rb +8 -8
data/vendor/listen/spec/listen/directory_record_spec.rb +81 -56
data/vendor/listen/spec/listen/listener_spec.rb +128 -39
data/vendor/listen/spec/listen_spec.rb +15 -21
data/vendor/listen/spec/spec_helper.rb +4 -0
data/vendor/listen/spec/support/adapter_helper.rb +52 -15
data/vendor/listen/spec/support/directory_record_helper.rb +7 -5
data/vendor/listen/spec/support/listeners_helper.rb +30 -7
metadata +310 -300
data/CONTRIBUTING +0 -3
data/ext/mkrf_conf.rb +0 -27
data/lib/sass/script/value/deprecated_false.rb +0 -55
data/lib/sass/scss/script_lexer.rb +0 -15
data/lib/sass/scss/script_parser.rb +0 -25
data/vendor/listen/lib/listen/dependency_manager.rb +0 -126
data/vendor/listen/lib/listen/multi_listener.rb +0 -143
data/vendor/listen/spec/listen/dependency_manager_spec.rb +0 -107
data/vendor/listen/spec/listen/multi_listener_spec.rb +0 -174

data/test/sass/templates/complex.sass CHANGED Viewed

@@ -1,305 +1,305 @@
 body
-  :margin 0
-  :font   0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif
-  :color #fff
-  :background url(/images/global_bg.gif)
+  margin: 0
+  font:   0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif
+  color: #fff
+  background: url(/images/global_bg.gif)
 #page
-  :width      900px
-  :margin     0 auto
-  :background #440008
-  :border-top
-    :width 5px
-    :style solid
-    :color #ff8500
+  width:      900px
+  margin:     0 auto
+  background: #440008
+  border-top:
+    width: 5px
+    style: solid
+    color: #ff8500
 #header
-  :height  75px
-  :padding 0
+  height:  75px
+  padding: 0
   h1
-    :float  left
-    :width  274px
-    :height 75px
-    :margin 0
-    :background
-      :image url(/images/global_logo.gif)
+    float:  left
+    width:  274px
+    height: 75px
+    margin: 0
+    background:
+      image: url(/images/global_logo.gif)
       /* Crazy nested comment
-      :repeat no-repeat
-    :text-indent -9999px
+      repeat: no-repeat
+    text-indent: -9999px
   .status
-    :float   right
-    :padding
-      :top .5em
-      :left .5em
-      :right .5em
-      :bottom 0
+    float:   right
+    padding:
+      top: .5em
+      left: .5em
+      right: .5em
+      bottom: 0
     p
-      :float  left
-      :margin
-        :top 0
-        :right 0.5em
-        :bottom 0
-        :left 0
+      float:  left
+      margin:
+        top: 0
+        right: 0.5em
+        bottom: 0
+        left: 0
     ul
-      :float   left
-      :margin  0
-      :padding 0
+      float:   left
+      margin:  0
+      padding: 0
     li
-      :list-style-type none
-      :display inline
-      :margin 0 5px
+      list-style-type: none
+      display: inline
+      margin: 0 5px
     a:link, a:visited
-      :color #ff8500
-      :text-decoration none
+      color: #ff8500
+      text-decoration: none
     a:hover
-      :text-decoration underline
+      text-decoration: underline
   .search
-    :float  right
-    :clear  right
-    :margin 12px 0 0 0
+    float:  right
+    clear:  right
+    margin: 12px 0 0 0
     form
-      :margin 0
+      margin: 0
     input
-      :margin 0 3px 0 0
-      :padding 2px
-      :border none
+      margin: 0 3px 0 0
+      padding: 2px
+      border: none
 #menu
-  :clear both
-  :text-align right
-  :height 20px
-  :border-bottom 5px solid #006b95
-  :background #00a4e4
+  clear: both
+  text-align: right
+  height: 20px
+  border-bottom: 5px solid #006b95
+  background: #00a4e4
   .contests
     ul
-      :margin 0 5px 0 0
-      :padding 0
+      margin: 0 5px 0 0
+      padding: 0
       li
-        :list-style-type none
-        :margin 0 5px
-        :padding 5px 5px 0 5px
-        :display inline
-        :font-size 1.1em
+        list-style-type: none
+        margin: 0 5px
+        padding: 5px 5px 0 5px
+        display: inline
+        font-size: 1.1em
         // This comment is properly indented
-        :color #fff
-        :background #00a4e4
+        color: #fff
+        background: #00a4e4
     a:link, a:visited
-      :color #fff
-      :text-decoration none
-      :font-weight bold
+      color: #fff
+      text-decoration: none
+      font-weight: bold
     a:hover
-      :text-decoration underline
+      text-decoration: underline
 //General content information
 #content
-  :clear both
+  clear: both
   .container
-    :clear both
+    clear: both
     .column
-      :float left
+      float: left
       .right
-        :float right
+        float: right
   a:link, a:visited
-    :color #93d700
-    :text-decoration none
+    color: #93d700
+    text-decoration: none
   a:hover
-    :text-decoration underline
+    text-decoration: underline
 // A hard tab:
 #content
   p, div
-    :width 40em
+    width: 40em
     li, dt, dd
-      :color #ddffdd
-      :background-color #4792bb
+      color: #ddffdd
+      background-color: #4792bb
   .container.video
     .column.left
-      :width 200px
+      width: 200px
       .box
-        :margin-top 10px
+        margin-top: 10px
         p
-          :margin 0 1em auto 1em
+          margin: 0 1em auto 1em
       .box.participants
         img
-          :float  left
-          :margin 0 1em auto 1em
-          :border 1px solid #6e000d
-            :style solid
+          float:  left
+          margin: 0 1em auto 1em
+          border: 1px solid #6e000d
+            style: solid
         h2
-          :margin 0 0 10px 0
-          :padding 0.5em
+          margin: 0 0 10px 0
+          padding: 0.5em
           /* The background image is a gif!
-          :background #6e000d url(/images/hdr_participant.gif) 2px 2px no-repeat
+          background: #6e000d url(/images/hdr_participant.gif) 2px 2px no-repeat
           /* Okay check this out
             Multiline comments
             Wow dude
             I mean seriously, WOW
-          :text-indent -9999px
+          text-indent: -9999px
           // And also...
             Multiline comments that don't output!
             Snazzy, no?
-          :border
-            :top
-              :width 5px
-              :style solid
-              :color #a20013
-            :right
-              :width 1px
-              :style dotted
+          border:
+            top:
+              width: 5px
+              style: solid
+              color: #a20013
+            right:
+              width: 1px
+              style: dotted
     .column.middle
-      :width 500px
+      width: 500px
     .column.right
-      :width 200px
+      width: 200px
       .box
-        :margin-top 0
+        margin-top: 0
         p
-          :margin 0 1em auto 1em
+          margin: 0 1em auto 1em
     .column
       p
-        :margin-top 0
+        margin-top: 0
 #content.contests
   .container.information
     .column.right
       .box
-        :margin 1em 0
+        margin: 1em 0
       .box.videos
         .thumbnail img
-          :width         200px
-          :height        150px
-          :margin-bottom 5px
+          width:         200px
+          height:        150px
+          margin-bottom: 5px
         a:link, a:visited
-          :color #93d700
-          :text-decoration none
+          color: #93d700
+          text-decoration: none
         a:hover
-          :text-decoration underline
+          text-decoration: underline
       .box.votes
         a
-          :display block
-          :width  200px
-          :height 60px
-          :margin 15px 0
-          :background url(/images/btn_votenow.gif) no-repeat
-          :text-indent -9999px
-          :outline none
-          :border  none
+          display: block
+          width:  200px
+          height: 60px
+          margin: 15px 0
+          background: url(/images/btn_votenow.gif) no-repeat
+          text-indent: -9999px
+          outline: none
+          border:  none
         h2
-          :margin  52px 0 10px 0
-          :padding 0.5em
-          :background #6e000d url(/images/hdr_videostats.gif) 2px 2px no-repeat
-          :text-indent -9999px
-          :border-top 5px solid #a20013
+          margin:  52px 0 10px 0
+          padding: 0.5em
+          background: #6e000d url(/images/hdr_videostats.gif) 2px 2px no-repeat
+          text-indent: -9999px
+          border-top: 5px solid #a20013
 #content.contests
   .container.video
     .box.videos
       h2
-        :margin  0
-        :padding 0.5em
-        :background #6e000d url(/images/hdr_newestclips.gif) 2px 2px no-repeat
-        :text-indent -9999px
-        :border-top 5px solid #a20013
+        margin:  0
+        padding: 0.5em
+        background: #6e000d url(/images/hdr_newestclips.gif) 2px 2px no-repeat
+        text-indent: -9999px
+        border-top: 5px solid #a20013
       table
-        :width 100
+        width: 100
         td
-          :padding 1em
-          :width 25
-          :vertical-align top
+          padding: 1em
+          width: 25
+          vertical-align: top
           p
-            :margin 0 0 5px 0
+            margin: 0 0 5px 0
           a:link, a:visited
-            :color #93d700
-            :text-decoration none
+            color: #93d700
+            text-decoration: none
           a:hover
-            :text-decoration underline
+            text-decoration: underline
       .thumbnail
-        :float left
+        float: left
         img
-          :width  80px
-          :height 60px
-          :margin 0 10px 0 0
-          :border 1px solid #6e000d
+          width:  80px
+          height: 60px
+          margin: 0 10px 0 0
+          border: 1px solid #6e000d
 #content
   .container.comments
     .column
-      :margin-top 15px
+      margin-top: 15px
     .column.left
-      :width 600px
+      width: 600px
       .box
         ol
-          :margin  0
-          :padding 0
+          margin:  0
+          padding: 0
         li
-          :list-style-type none
-          :padding 10px
-          :margin 0 0 1em 0
-          :background #6e000d
-          :border-top 5px solid #a20013
+          list-style-type: none
+          padding: 10px
+          margin: 0 0 1em 0
+          background: #6e000d
+          border-top: 5px solid #a20013
           div
-            :margin-bottom 1em
+            margin-bottom: 1em
           ul
-            :text-align right
+            text-align: right
             li
-              :display inline
-              :border none
-              :padding 0
+              display: inline
+              border: none
+              padding: 0
     .column.right
-      :width        290px
-      :padding-left 10px
+      width:        290px
+      padding-left: 10px
       h2
-        :margin 0
-        :padding 0.5em
-        :background #6e000d url(/images/hdr_addcomment.gif) 2px 2px no-repeat
-        :text-indent -9999px
-        :border-top 5px solid #a20013
+        margin: 0
+        padding: 0.5em
+        background: #6e000d url(/images/hdr_addcomment.gif) 2px 2px no-repeat
+        text-indent: -9999px
+        border-top: 5px solid #a20013
       .box
         textarea
-          :width  290px
-          :height 100px
-          :border none
+          width:  290px
+          height: 100px
+          border: none
 #footer
-  :margin-top 10px
-  :padding    1.2em 1.5em
-  :background #ff8500
+  margin-top: 10px
+  padding:    1.2em 1.5em
+  background: #ff8500
   ul
-    :margin 0
-    :padding 0
-    :list-style-type none
+    margin: 0
+    padding: 0
+    list-style-type: none
     li
-      :display inline
-      :margin  0 0.5em
-      :color   #440008
+      display: inline
+      margin:  0 0.5em
+      color:   #440008
   ul.links
-    :float left
+    float: left
     a:link, a:visited
-      :color #440008
-      :text-decoration none
+      color: #440008
+      text-decoration: none
     a:hover
-      :text-decoration underline
+      text-decoration: underline
   ul.copyright
-    :float right
+    float: right
 .clear
-  :clear both
+  clear: both
 .centered
-  :text-align center
+  text-align: center
 img
-  :border none
+  border: none
 button.short
-  :width   60px
-  :height  22px
-  :padding 0 0 2px 0
-  :color   #fff
-  :border  none
-  :background url(/images/btn_short.gif) no-repeat
+  width:   60px
+  height:  22px
+  padding: 0 0 2px 0
+  color:   #fff
+  border:  none
+  background: url(/images/btn_short.gif) no-repeat
 table
-  :border-collapse collapse
+  border-collapse: collapse

data/test/sass/templates/compressed.sass CHANGED Viewed

@@ -1,15 +1,15 @@
 #main
-  :width 15em
-  :color #0000ff
+  width: 15em
+  color: #0000ff
   p
-    :border
-      :style dotted
-      :width 2px
+    border:
+      style: dotted
+      width: 2px
   .cool
-    :width 100px
+    width: 100px
 #left
-  :font
-    :size 2em
-    :weight bold
-  :float left
+  font:
+    size: 2em
+    weight: bold
+  float: left

data/test/sass/templates/expanded.sass CHANGED Viewed

@@ -1,17 +1,17 @@
 #main
-  :width 15em
-  :color #0000ff
+  width: 15em
+  color: #0000ff
   p
-    :border
-      :style dotted
+    border:
+      style: dotted
       /* Nested comment
         More nested stuff
-      :width 2px
+      width: 2px
   .cool
-    :width 100px
+    width: 100px
 #left
-  :font
-    :size 2em
-    :weight bold
-  :float left
+  font:
+    size: 2em
+    weight: bold
+  float: left

data/test/sass/templates/import.sass CHANGED Viewed

@@ -7,6 +7,6 @@ $preconst: hello
 @import partial.sass
 nonimported
-  :myconst $preconst
-  :otherconst $postconst
+  myconst: $preconst
+  otherconst: $postconst
   +postmixin

data/test/sass/templates/importee.sass CHANGED Viewed

@@ -4,14 +4,14 @@ $postconst: goodbye
   post-mixin: here
 imported
-  :otherconst $preconst
-  :myconst $postconst
+  otherconst: $preconst
+  myconst: $postconst
   +premixin
 @import basic
 midrule
-  :inthe middle
+  inthe: middle
 =crazymixin
   foo: bar

data/test/sass/templates/mixins.sass CHANGED Viewed

@@ -1,19 +1,19 @@
 $yellow: #fc0
 =bordered
-  :border
-    :top
-      :width 2px
-      :color $yellow
-    :left
-      :width 1px
-      :color #000
+  border:
+    top:
+      width: 2px
+      color: $yellow
+    left:
+      width: 1px
+      color: #000
   -moz-border-radius: 10px
 =header-font
-  :color #f00
-  :font
-    :size 20px
+  color: #f00
+  font:
+    size: 20px
 =compound
   +header-font
@@ -34,32 +34,32 @@ $yellow: #fc0
     +header-font
 =deep
   a:hover
-    :text-decoration underline
+    text-decoration: underline
     +compound
 #main
-  :width 15em
-  :color #0000ff
+  width: 15em
+  color: #0000ff
   p
     +bordered
-    :border
-      :style dotted
-      :width 2px
+    border:
+      style: dotted
+      width: 2px
   .cool
-    :width 100px
+    width: 100px
 #left
   +bordered
-  :font
-    :size 2em
-    :weight bold
-  :float left
+  font:
+    size: 2em
+    weight: bold
+  float: left
 #right
   +bordered
   +header-font
-  :float right
+  float: right
 .bordered
   +bordered

data/test/sass/templates/multiline.sass CHANGED Viewed

@@ -14,7 +14,7 @@
   div.nested,
   span.nested,
   p.nested
-    :font
-      :weight bold
-    :border-color red
-    :display block
+    font:
+      weight: bold
+    border-color: red
+    display: block