1 layer at (0,0) size 785x1352
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1352
4 RenderBlock {HTML} at (0,0) size 785x1351.50
5 RenderBody {BODY} at (8,8) size 769x1322.06
6 RenderBlock {H1} at (0,0) size 769x37 [color=#FF0000]
7 RenderText {#text} at (0,0) size 525x37
8 text run at (0,0) width 525: "This should be red: hsl(0, 100%, 50%)"
9 RenderBlock {H1} at (0,58.44) size 769x37 [color=#00FF00]
10 RenderText {#text} at (0,0) size 587x37
11 text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)"
12 RenderBlock {H1} at (0,116.88) size 769x37 [color=#00FFFF]
13 RenderText {#text} at (0,0) size 579x37
14 text run at (0,0) width 579: "This should be aqua: hsl(180, 100%, 50%)"
15 RenderBlock {H1} at (0,175.31) size 769x37 [color=#0000FF]
16 RenderText {#text} at (0,0) size 570x37
17 text run at (0,0) width 570: "This should be blue: hsl(240, 100%, 50%)"
18 RenderBlock {H1} at (0,233.75) size 769x37 [color=#7FFF7F]
19 RenderText {#text} at (0,0) size 658x37
20 text run at (0,0) width 658: "This should be light green: hsl(120, 100%, 75%)"
21 RenderBlock {H1} at (0,292.19) size 769x37 [color=#007F00]
22 RenderText {#text} at (0,0) size 661x37
23 text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)"
24 RenderBlock {H1} at (0,350.63) size 769x37 [color=#3FBF3F]
25 RenderText {#text} at (0,0) size 659x37
26 text run at (0,0) width 659: "This should be pastel green: hsl(120, 50%, 50%)"
27 RenderBlock (anonymous) at (0,409.06) size 769x36
28 RenderInline {B} at (0,0) size 140x18
29 RenderText {#text} at (0,0) size 140x18
30 text run at (0,0) width 140: "Out of bounds cases:"
31 RenderBR {BR} at (140,14) size 0x0
32 RenderText {#text} at (0,18) size 404x18
33 text run at (0,18) width 404: "Check percentages larger than 100%, should be limited to 100%"
34 RenderBlock {H1} at (0,466.50) size 769x37 [color=#00FF00]
35 RenderText {#text} at (0,0) size 587x37
36 text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)"
37 RenderBlock {H1} at (0,524.94) size 769x37 [color=#00FF00]
38 RenderText {#text} at (0,0) size 638x37
39 text run at (0,0) width 638: "This should be green too: hsl(120, 200%, 50%)"
40 RenderBlock (anonymous) at (0,583.38) size 769x18
41 RenderText {#text} at (0,0) size 470x18
42 text run at (0,0) width 470: "Check percentages less than 0% (negative values), should be limited to 0%"
43 RenderBlock {H1} at (0,622.81) size 769x37 [color=#7F7F7F]
44 RenderText {#text} at (0,0) size 539x37
45 text run at (0,0) width 539: "This should be grey: hsl(120, 0%, 50%)"
46 RenderBlock {H1} at (0,681.25) size 769x37 [color=#7F7F7F]
47 RenderText {#text} at (0,0) size 641x37
48 text run at (0,0) width 641: "This should be grey, too: hsl(120, -100%, 50%)"
49 RenderBlock (anonymous) at (0,739.69) size 769x36
50 RenderText {#text} at (0,0) size 755x36
51 text run at (0,0) width 755: "Check Hue values that are larger than 360, should be normalized back to a value between 0 and 360. As Hue values are"
52 text run at (0,18) width 451: "in degrees, there is no maximum like percentages, they are loop around."
53 RenderBlock {H1} at (0,797.13) size 769x37 [color=#007F00]
54 RenderText {#text} at (0,0) size 661x37
55 text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)"
56 RenderBlock {H1} at (0,855.56) size 769x37 [color=#007F00]
57 RenderText {#text} at (0,0) size 720x37
58 text run at (0,0) width 720: "This should be dark green, too: hsl(480, 100%, 25%)"
59 RenderBlock (anonymous) at (0,914) size 769x18
60 RenderText {#text} at (0,0) size 258x18
61 text run at (0,0) width 258: "Check Hue values with a negative angle."
62 RenderBlock {H1} at (0,953.44) size 769x37 [color=#7FFF7F]
63 RenderText {#text} at (0,0) size 658x37
64 text run at (0,0) width 658: "This should be light green: hsl(120, 100%, 75%)"
65 RenderBlock {H1} at (0,1011.88) size 769x37 [color=#7FFF7F]
66 RenderText {#text} at (0,0) size 728x37
67 text run at (0,0) width 728: "This should be light green, too: hsl(-240, 100%, 75%)"
68 RenderBlock {H1} at (0,1070.31) size 769x37 [color=#7FFF7F]
69 RenderText {#text} at (0,0) size 728x37
70 text run at (0,0) width 728: "This should be light green, too: hsl(-600, 100%, 75%)"
71 RenderBlock (anonymous) at (0,1128.75) size 769x18
72 RenderText {#text} at (0,0) size 295x18
73 text run at (0,0) width 295: "Check Hues values with a floating point angle."
74 RenderBlock {H1} at (0,1168.19) size 769x37 [color=#FF0000]
75 RenderText {#text} at (0,0) size 549x37
76 text run at (0,0) width 549: "This should be red: hsl(0.0, 100%, 50%)"
77 RenderBlock {H1} at (0,1226.63) size 769x37 [color=#00FF00]
78 RenderText {#text} at (0,0) size 627x37
79 text run at (0,0) width 627: "This should be green: hsl(120.00, 100%, 50%)"
80 RenderBlock {H1} at (0,1285.06) size 769x37 [color=#0000FF]
81 RenderText {#text} at (0,0) size 626x37
82 text run at (0,0) width 626: "This should be blue: hsl(240.000, 100%, 50%)"