RubyGems - haml - Versions diffs - 2.2.24 → 3.0.0.beta.1 - Mend

haml 2.2.24 → 3.0.0.beta.1

Potentially problematic release.

This version of haml might be problematic. Click here for more details.

Files changed (168) hide show

data/.yardopts +0 -1
data/README.md +91 -151
data/REMEMBER +11 -1
data/Rakefile +73 -55
data/VERSION +1 -1
data/VERSION_NAME +1 -1
data/bin/css2sass +7 -1
data/bin/sass-convert +7 -0
data/extra/haml-mode.el +2 -1
data/lib/haml/buffer.rb +22 -4
data/lib/haml/engine.rb +5 -1
data/lib/haml/exec.rb +231 -46
data/lib/haml/filters.rb +19 -8
data/lib/haml/helpers.rb +47 -20
data/lib/haml/helpers/action_view_extensions.rb +2 -4
data/lib/haml/helpers/action_view_mods.rb +11 -8
data/lib/haml/helpers/xss_mods.rb +13 -2
data/lib/haml/html.rb +179 -48
data/lib/haml/html/erb.rb +141 -0
data/lib/haml/precompiler.rb +40 -15
data/lib/haml/railtie.rb +1 -5
data/lib/haml/root.rb +3 -0
data/lib/haml/template.rb +4 -14
data/lib/haml/util.rb +120 -30
data/lib/haml/version.rb +25 -2
data/lib/sass.rb +5 -1
data/lib/sass/callbacks.rb +50 -0
data/lib/sass/css.rb +40 -191
data/lib/sass/engine.rb +170 -74
data/lib/sass/environment.rb +8 -2
data/lib/sass/error.rb +163 -25
data/lib/sass/files.rb +31 -28
data/lib/sass/plugin.rb +268 -87
data/lib/sass/plugin/rails.rb +9 -4
data/lib/sass/repl.rb +1 -1
data/lib/sass/script.rb +31 -29
data/lib/sass/script/bool.rb +1 -0
data/lib/sass/script/color.rb +290 -23
data/lib/sass/script/css_lexer.rb +22 -0
data/lib/sass/script/css_parser.rb +28 -0
data/lib/sass/script/funcall.rb +22 -3
data/lib/sass/script/functions.rb +523 -33
data/lib/sass/script/interpolation.rb +42 -0
data/lib/sass/script/lexer.rb +169 -52
data/lib/sass/script/literal.rb +58 -9
data/lib/sass/script/node.rb +79 -1
data/lib/sass/script/number.rb +20 -5
data/lib/sass/script/operation.rb +49 -3
data/lib/sass/script/parser.rb +162 -28
data/lib/sass/script/string.rb +50 -2
data/lib/sass/script/unary_operation.rb +25 -2
data/lib/sass/script/variable.rb +21 -4
data/lib/sass/scss.rb +14 -0
data/lib/sass/scss/css_parser.rb +39 -0
data/lib/sass/scss/parser.rb +683 -0
data/lib/sass/scss/rx.rb +112 -0
data/lib/sass/scss/script_lexer.rb +13 -0
data/lib/sass/scss/script_parser.rb +25 -0
data/lib/sass/tree/comment_node.rb +69 -27
data/lib/sass/tree/debug_node.rb +7 -2
data/lib/sass/tree/directive_node.rb +41 -35
data/lib/sass/tree/for_node.rb +6 -0
data/lib/sass/tree/if_node.rb +13 -1
data/lib/sass/tree/import_node.rb +52 -27
data/lib/sass/tree/mixin_def_node.rb +18 -0
data/lib/sass/tree/mixin_node.rb +41 -6
data/lib/sass/tree/node.rb +197 -70
data/lib/sass/tree/prop_node.rb +152 -57
data/lib/sass/tree/root_node.rb +118 -0
data/lib/sass/tree/rule_node.rb +193 -96
data/lib/sass/tree/variable_node.rb +9 -5
data/lib/sass/tree/while_node.rb +4 -0
data/test/benchmark.rb +5 -5
data/test/haml/engine_test.rb +147 -10
data/test/haml/{rhtml/_av_partial_1.rhtml → erb/_av_partial_1.erb} +1 -1
data/test/haml/{rhtml/_av_partial_2.rhtml → erb/_av_partial_2.erb} +1 -1
data/test/haml/{rhtml/action_view.rhtml → erb/action_view.erb} +1 -1
data/test/haml/{rhtml/standard.rhtml → erb/standard.erb} +0 -0
data/test/haml/helper_test.rb +91 -24
data/test/haml/html2haml/erb_tests.rb +410 -0
data/test/haml/html2haml_test.rb +210 -66
data/test/haml/results/filters.xhtml +1 -1
data/test/haml/results/just_stuff.xhtml +2 -0
data/test/haml/spec_test.rb +44 -0
data/test/haml/template_test.rb +22 -2
data/test/haml/templates/helpers.haml +0 -13
data/test/haml/templates/just_stuff.haml +2 -0
data/test/haml/util_test.rb +48 -0
data/test/sass/callbacks_test.rb +61 -0
data/test/sass/conversion_test.rb +884 -0
data/test/sass/css2sass_test.rb +99 -18
data/test/sass/data/hsl-rgb.txt +319 -0
data/test/sass/engine_test.rb +1049 -131
data/test/sass/functions_test.rb +398 -47
data/test/sass/more_results/more_import.css +1 -1
data/test/sass/more_templates/more_import.sass +3 -3
data/test/sass/plugin_test.rb +184 -10
data/test/sass/results/compact.css +1 -1
data/test/sass/results/complex.css +5 -5
data/test/sass/results/compressed.css +1 -1
data/test/sass/results/expanded.css +1 -1
data/test/sass/results/import.css +3 -1
data/test/sass/results/mixins.css +12 -12
data/test/sass/results/nested.css +1 -1
data/test/sass/results/options.css +1 -0
data/test/sass/results/parent_ref.css +4 -4
data/test/sass/results/script.css +3 -3
data/test/sass/results/scss_import.css +15 -0
data/test/sass/results/scss_importee.css +2 -0
data/test/sass/script_conversion_test.rb +153 -0
data/test/sass/script_test.rb +137 -70
data/test/sass/scss/css_test.rb +811 -0
data/test/sass/scss/rx_test.rb +156 -0
data/test/sass/scss/scss_test.rb +871 -0
data/test/sass/scss/test_helper.rb +37 -0
data/test/sass/templates/alt.sass +2 -2
data/test/sass/templates/bork1.sass +2 -0
data/test/sass/templates/bork3.sass +2 -0
data/test/sass/templates/bork4.sass +2 -0
data/test/sass/templates/import.sass +4 -4
data/test/sass/templates/importee.sass +3 -3
data/test/sass/templates/line_numbers.sass +1 -1
data/test/sass/templates/mixin_bork.sass +5 -0
data/test/sass/templates/mixins.sass +2 -2
data/test/sass/templates/nested_bork1.sass +2 -0
data/test/sass/templates/nested_bork2.sass +2 -0
data/test/sass/templates/nested_bork3.sass +2 -0
data/test/sass/templates/nested_bork4.sass +2 -0
data/test/sass/templates/nested_mixin_bork.sass +6 -0
data/test/sass/templates/options.sass +2 -0
data/test/sass/templates/parent_ref.sass +2 -2
data/test/sass/templates/script.sass +69 -69
data/test/sass/templates/scss_import.scss +10 -0
data/test/sass/templates/scss_importee.scss +1 -0
data/test/sass/templates/units.sass +10 -10
data/test/test_helper.rb +20 -8
data/vendor/fssm/LICENSE +20 -0
data/vendor/fssm/README.markdown +55 -0
data/vendor/fssm/Rakefile +59 -0
data/vendor/fssm/VERSION.yml +5 -0
data/vendor/fssm/example.rb +9 -0
data/vendor/fssm/fssm.gemspec +77 -0
data/vendor/fssm/lib/fssm.rb +33 -0
data/vendor/fssm/lib/fssm/backends/fsevents.rb +36 -0
data/vendor/fssm/lib/fssm/backends/inotify.rb +26 -0
data/vendor/fssm/lib/fssm/backends/polling.rb +25 -0
data/vendor/fssm/lib/fssm/backends/rubycocoa/fsevents.rb +131 -0
data/vendor/fssm/lib/fssm/monitor.rb +26 -0
data/vendor/fssm/lib/fssm/path.rb +91 -0
data/vendor/fssm/lib/fssm/pathname.rb +502 -0
data/vendor/fssm/lib/fssm/state/directory.rb +57 -0
data/vendor/fssm/lib/fssm/state/file.rb +24 -0
data/vendor/fssm/lib/fssm/support.rb +63 -0
data/vendor/fssm/lib/fssm/tree.rb +176 -0
data/vendor/fssm/profile/prof-cache.rb +40 -0
data/vendor/fssm/profile/prof-fssm-pathname.html +1231 -0
data/vendor/fssm/profile/prof-pathname.rb +68 -0
data/vendor/fssm/profile/prof-plain-pathname.html +988 -0
data/vendor/fssm/profile/prof.html +2379 -0
data/vendor/fssm/spec/path_spec.rb +75 -0
data/vendor/fssm/spec/root/duck/quack.txt +0 -0
data/vendor/fssm/spec/root/file.css +0 -0
data/vendor/fssm/spec/root/file.rb +0 -0
data/vendor/fssm/spec/root/file.yml +0 -0
data/vendor/fssm/spec/root/moo/cow.txt +0 -0
data/vendor/fssm/spec/spec_helper.rb +14 -0
metadata +94 -14
data/test/sass/templates/bork.sass +0 -2

@@ -24,13 +24,10 @@ SASS
     assert_equal(<<SASS, css2sass(<<CSS))
 li
   display: none
   a
     text-decoration: none
     span
       color: yellow
     &:hover
       text-decoration: underline
 SASS
@@ -57,11 +54,9 @@ CSS
 div .warning
   color: #d21a19
 span .debug
   cursor: crosshair
 div .debug
   cursor: default
 SASS
@@ -104,27 +99,34 @@ span.turkey {
 } /* just a line here */
 CSS
     sass = <<SASS
+/* comment
 elephant.rawr
   rampages: excessively
+/* actual multiline
+  comment
 span.turkey
   isdinner: true
 .turducken
+  /* Sounds funny
+     doesn't it
   chimera: not_really
 #overhere
   bored: sorta
+  /*                  it's for a good
+     cause
   better_than: thread_pools
 #one_more
   finally: srsly
+/* just a line here
 SASS
-    assert_equal(css2sass(css), sass)
+    assert_equal(sass, css2sass(css))
   end
   def test_fold_commas
@@ -145,12 +147,10 @@ CSS
 .one
   color: green
 .two
   color: green
   color: red
 .three
   color: red
 SASS
@@ -168,20 +168,15 @@ CSS
     assert_equal(<<SASS, css2sass(<<CSS))
 hello
   parent: true
   there
     parent: false
   who
     hoo: false
   why
     y: true
   when
     wen: nao
 down_here
   yeah: true
 SASS
@@ -214,7 +209,6 @@ CSS
   #location-navigation-form .form-submit, #business-listing-form .form-submit, #detailTabs ul, #detailsEnhanced #addTags, #locationSearchList, #moreHoods
     display: none
 #navListLeft
   display: none
 SASS
@@ -235,7 +229,6 @@ CSS
     assert_equal(<<SASS, css2sass(<<CSS))
 \\:focus
   a: b
   \\:foo
     bar: baz
 SASS
@@ -244,6 +237,94 @@ SASS
 CSS
   end
+  # Error reporting
+  def test_error_reporting
+    css2sass("foo")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(1, err.sass_line)
+    assert_equal('Invalid CSS after "foo": expected "{", was ""', err.message)
+  end
+  def test_error_reporting_in_line
+    css2sass("foo\nbar }\nbaz")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(2, err.sass_line)
+    assert_equal('Invalid CSS after "bar ": expected "{", was "}"', err.message)
+  end
+  def test_error_truncate_after
+    css2sass("#{"a" * 16}foo")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(1, err.sass_line)
+    assert_equal('Invalid CSS after "...aaaaaaaaaaaafoo": expected "{", was ""', err.message)
+  end
+  def test_error_truncate_was
+    css2sass("foo }foo#{"a" * 15}")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(1, err.sass_line)
+    assert_equal('Invalid CSS after "foo ": expected "{", was "}fooaaaaaaaaaaa..."', err.message)
+  end
+  def test_error_doesnt_truncate_after_when_elipsis_would_add_length
+    css2sass("#{"a" * 15}foo")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(1, err.sass_line)
+    assert_equal('Invalid CSS after "aaaaaaaaaaaaaaafoo": expected "{", was ""', err.message)
+  end
+  def test_error_doesnt_truncate_was_when_elipsis_would_add_length
+    css2sass("foo }foo#{"a" * 14}")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(1, err.sass_line)
+    assert_equal('Invalid CSS after "foo ": expected "{", was "}fooaaaaaaaaaaaaaa"', err.message)
+  end
+  def test_error_gets_rid_of_trailing_newline_for_after
+    css2sass("foo  \n  ")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(2, err.sass_line)
+    assert_equal('Invalid CSS after "foo": expected "{", was ""', err.message)
+  end
+  def test_error_gets_rid_of_trailing_newline_for_was
+    css2sass("foo \n  }foo")
+    assert(false, "Expected exception")
+  rescue Sass::SyntaxError => err
+    assert_equal(2, err.sass_line)
+    assert_equal('Invalid CSS after "foo": expected "{", was "}foo"', err.message)
+  end
+  # Encodings
+  unless Haml::Util.ruby1_8?
+    def test_encoding_error
+      css2sass("foo\nbar\nb\xFEaz".force_encoding("utf-8"))
+      assert(false, "Expected exception")
+    rescue Sass::SyntaxError => e
+      assert_equal(3, e.sass_line)
+      assert_equal('Invalid UTF-8 character "\xFE"', e.message)
+    end
+    def test_ascii_incompatible_encoding_error
+      template = "foo\nbar\nb_z".encode("utf-16le")
+      template[9] = "\xFE".force_encoding("utf-16le")
+      css2sass(template)
+      assert(false, "Expected exception")
+    rescue Sass::SyntaxError => e
+      assert_equal(3, e.sass_line)
+      assert_equal('Invalid UTF-16LE character "\xFE"', e.message)
+    end
+  end
   private
   def css2sass(string, opts={})

data/test/sass/data/hsl-rgb.txt ADDED

@@ -0,0 +1,319 @@
+hsl(0, 100%, 50%)
+hsl(60, 100%, 50%)
+hsl(120, 100%, 50%)
+hsl(180, 100%, 50%)
+hsl(240, 100%, 50%)
+hsl(300, 100%, 50%)
+====
+rgb(255, 0, 0)
+rgb(255, 255, 0)
+rgb(0, 255, 0)
+rgb(0, 255, 255)
+rgb(0, 0, 255)
+rgb(255, 0, 255)
+hsl(-360, 100%, 50%)
+hsl(-300, 100%, 50%)
+hsl(-240, 100%, 50%)
+hsl(-180, 100%, 50%)
+hsl(-120, 100%, 50%)
+hsl(-60, 100%, 50%)
+====
+rgb(255, 0, 0)
+rgb(255, 255, 0)
+rgb(0, 255, 0)
+rgb(0, 255, 255)
+rgb(0, 0, 255)
+rgb(255, 0, 255)
+hsl(360, 100%, 50%)
+hsl(420, 100%, 50%)
+hsl(480, 100%, 50%)
+hsl(540, 100%, 50%)
+hsl(600, 100%, 50%)
+hsl(660, 100%, 50%)
+====
+rgb(255, 0, 0)
+rgb(255, 255, 0)
+rgb(0, 255, 0)
+rgb(0, 255, 255)
+rgb(0, 0, 255)
+rgb(255, 0, 255)
+hsl(6120, 100%, 50%)
+hsl(-9660, 100%, 50%)
+hsl(99840, 100%, 50%)
+hsl(-900, 100%, 50%)
+hsl(-104880, 100%, 50%)
+hsl(2820, 100%, 50%)
+====
+rgb(255, 0, 0)
+rgb(255, 255, 0)
+rgb(0, 255, 0)
+rgb(0, 255, 255)
+rgb(0, 0, 255)
+rgb(255, 0, 255)
+hsl(0, 100%, 50%)
+hsl(12, 100%, 50%)
+hsl(24, 100%, 50%)
+hsl(36, 100%, 50%)
+hsl(48, 100%, 50%)
+hsl(60, 100%, 50%)
+hsl(72, 100%, 50%)
+hsl(84, 100%, 50%)
+hsl(96, 100%, 50%)
+hsl(108, 100%, 50%)
+hsl(120, 100%, 50%)
+====
+rgb(255, 0, 0)
+rgb(255, 51, 0)
+rgb(255, 102, 0)
+rgb(255, 153, 0)
+rgb(255, 204, 0)
+rgb(255, 255, 0)
+rgb(204, 255, 0)
+rgb(153, 255, 0)
+rgb(102, 255, 0)
+rgb(51, 255, 0)
+rgb(0, 255, 0)
+hsl(120, 100%, 50%)
+hsl(132, 100%, 50%)
+hsl(144, 100%, 50%)
+hsl(156, 100%, 50%)
+hsl(168, 100%, 50%)
+hsl(180, 100%, 50%)
+hsl(192, 100%, 50%)
+hsl(204, 100%, 50%)
+hsl(216, 100%, 50%)
+hsl(228, 100%, 50%)
+hsl(240, 100%, 50%)
+====
+rgb(0, 255, 0)
+rgb(0, 255, 51)
+rgb(0, 255, 102)
+rgb(0, 255, 153)
+rgb(0, 255, 204)
+rgb(0, 255, 255)
+rgb(0, 204, 255)
+rgb(0, 153, 255)
+rgb(0, 102, 255)
+rgb(0, 51, 255)
+rgb(0, 0, 255)
+hsl(240, 100%, 50%)
+hsl(252, 100%, 50%)
+hsl(264, 100%, 50%)
+hsl(276, 100%, 50%)
+hsl(288, 100%, 50%)
+hsl(300, 100%, 50%)
+hsl(312, 100%, 50%)
+hsl(324, 100%, 50%)
+hsl(336, 100%, 50%)
+hsl(348, 100%, 50%)
+hsl(360, 100%, 50%)
+====
+rgb(0, 0, 255)
+rgb(51, 0, 255)
+rgb(102, 0, 255)
+rgb(153, 0, 255)
+rgb(204, 0, 255)
+rgb(255, 0, 255)
+rgb(255, 0, 204)
+rgb(255, 0, 153)
+rgb(255, 0, 102)
+rgb(255, 0, 51)
+rgb(255, 0, 0)
+hsl(0, 20%, 50%)
+hsl(0, 60%, 50%)
+hsl(0, 100%, 50%)
+====
+rgb(153, 102, 102)
+rgb(204, 51, 51)
+rgb(255, 0, 0)
+hsl(60, 20%, 50%)
+hsl(60, 60%, 50%)
+hsl(60, 100%, 50%)
+====
+rgb(153, 153, 102)
+rgb(204, 204, 51)
+rgb(255, 255, 0)
+hsl(120, 20%, 50%)
+hsl(120, 60%, 50%)
+hsl(120, 100%, 50%)
+====
+rgb(102, 153, 102)
+rgb(51, 204, 51)
+rgb(0, 255, 0)
+hsl(180, 20%, 50%)
+hsl(180, 60%, 50%)
+hsl(180, 100%, 50%)
+====
+rgb(102, 153, 153)
+rgb(51, 204, 204)
+rgb(0, 255, 255)
+hsl(240, 20%, 50%)
+hsl(240, 60%, 50%)
+hsl(240, 100%, 50%)
+====
+rgb(102, 102, 153)
+rgb(51, 51, 204)
+rgb(0, 0, 255)
+hsl(300, 20%, 50%)
+hsl(300, 60%, 50%)
+hsl(300, 100%, 50%)
+====
+rgb(153, 102, 153)
+rgb(204, 51, 204)
+rgb(255, 0, 255)
+hsl(0, 100%, 0%)
+hsl(0, 100%, 10%)
+hsl(0, 100%, 20%)
+hsl(0, 100%, 30%)
+hsl(0, 100%, 40%)
+hsl(0, 100%, 50%)
+hsl(0, 100%, 60%)
+hsl(0, 100%, 70%)
+hsl(0, 100%, 80%)
+hsl(0, 100%, 90%)
+hsl(0, 100%, 100%)
+====
+rgb(0, 0, 0)
+rgb(51, 0, 0)
+rgb(102, 0, 0)
+rgb(153, 0, 0)
+rgb(204, 0, 0)
+rgb(255, 0, 0)
+rgb(255, 51, 51)
+rgb(255, 102, 102)
+rgb(255, 153, 153)
+rgb(255, 204, 204)
+rgb(255, 255, 255)
+hsl(60, 100%, 0%)
+hsl(60, 100%, 10%)
+hsl(60, 100%, 20%)
+hsl(60, 100%, 30%)
+hsl(60, 100%, 40%)
+hsl(60, 100%, 50%)
+hsl(60, 100%, 60%)
+hsl(60, 100%, 70%)
+hsl(60, 100%, 80%)
+hsl(60, 100%, 90%)
+hsl(60, 100%, 100%)
+====
+rgb(0, 0, 0)
+rgb(51, 51, 0)
+rgb(102, 102, 0)
+rgb(153, 153, 0)
+rgb(204, 204, 0)
+rgb(255, 255, 0)
+rgb(255, 255, 51)
+rgb(255, 255, 102)
+rgb(255, 255, 153)
+rgb(255, 255, 204)
+rgb(255, 255, 255)
+hsl(120, 100%, 0%)
+hsl(120, 100%, 10%)
+hsl(120, 100%, 20%)
+hsl(120, 100%, 30%)
+hsl(120, 100%, 40%)
+hsl(120, 100%, 50%)
+hsl(120, 100%, 60%)
+hsl(120, 100%, 70%)
+hsl(120, 100%, 80%)
+hsl(120, 100%, 90%)
+hsl(120, 100%, 100%)
+====
+rgb(0, 0, 0)
+rgb(0, 51, 0)
+rgb(0, 102, 0)
+rgb(0, 153, 0)
+rgb(0, 204, 0)
+rgb(0, 255, 0)
+rgb(51, 255, 51)
+rgb(102, 255, 102)
+rgb(153, 255, 153)
+rgb(204, 255, 204)
+rgb(255, 255, 255)
+hsl(180, 100%, 0%)
+hsl(180, 100%, 10%)
+hsl(180, 100%, 20%)
+hsl(180, 100%, 30%)
+hsl(180, 100%, 40%)
+hsl(180, 100%, 50%)
+hsl(180, 100%, 60%)
+hsl(180, 100%, 70%)
+hsl(180, 100%, 80%)
+hsl(180, 100%, 90%)
+hsl(180, 100%, 100%)
+====
+rgb(0, 0, 0)
+rgb(0, 51, 51)
+rgb(0, 102, 102)
+rgb(0, 153, 153)
+rgb(0, 204, 204)
+rgb(0, 255, 255)
+rgb(51, 255, 255)
+rgb(102, 255, 255)
+rgb(153, 255, 255)
+rgb(204, 255, 255)
+rgb(255, 255, 255)
+hsl(240, 100%, 0%)
+hsl(240, 100%, 10%)
+hsl(240, 100%, 20%)
+hsl(240, 100%, 30%)
+hsl(240, 100%, 40%)
+hsl(240, 100%, 50%)
+hsl(240, 100%, 60%)
+hsl(240, 100%, 70%)
+hsl(240, 100%, 80%)
+hsl(240, 100%, 90%)
+hsl(240, 100%, 100%)
+====
+rgb(0, 0, 0)
+rgb(0, 0, 51)
+rgb(0, 0, 102)
+rgb(0, 0, 153)
+rgb(0, 0, 204)
+rgb(0, 0, 255)
+rgb(51, 51, 255)
+rgb(102, 102, 255)
+rgb(153, 153, 255)
+rgb(204, 204, 255)
+rgb(255, 255, 255)
+hsl(300, 100%, 0%)
+hsl(300, 100%, 10%)
+hsl(300, 100%, 20%)
+hsl(300, 100%, 30%)
+hsl(300, 100%, 40%)
+hsl(300, 100%, 50%)
+hsl(300, 100%, 60%)
+hsl(300, 100%, 70%)
+hsl(300, 100%, 80%)
+hsl(300, 100%, 90%)
+hsl(300, 100%, 100%)
+====
+rgb(0, 0, 0)
+rgb(51, 0, 51)
+rgb(102, 0, 102)
+rgb(153, 0, 153)
+rgb(204, 0, 204)
+rgb(255, 0, 255)
+rgb(255, 51, 255)
+rgb(255, 102, 255)
+rgb(255, 153, 255)
+rgb(255, 204, 255)
+rgb(255, 255, 255)