-layer at (0,0) size 785x1352
+layer at (0,0) size 785x1243
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1352
- RenderBlock {HTML} at (0,0) size 785x1351.50
- RenderBody {BODY} at (8,8) size 769x1322.06
- RenderBlock {H1} at (0,0) size 769x37 [color=#FF0000]
- RenderText {#text} at (0,0) size 525x37
+layer at (0,0) size 785x1243
+ RenderBlock {HTML} at (0,0) size 785x1242.50
+ RenderBody {BODY} at (8,8) size 769x1213.06
+ RenderBlock {H1} at (0,0) size 769x32 [color=#FF0000]
+ RenderText {#text} at (0,0) size 525x32
text run at (0,0) width 525: "This should be red: hsl(0, 100%, 50%)"
- RenderBlock {H1} at (0,58.44) size 769x37 [color=#00FF00]
- RenderText {#text} at (0,0) size 587x37
+ RenderBlock {H1} at (0,53.44) size 769x32 [color=#00FF00]
+ RenderText {#text} at (0,0) size 587x32
text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)"
- RenderBlock {H1} at (0,116.88) size 769x37 [color=#00FFFF]
- RenderText {#text} at (0,0) size 579x37
- text run at (0,0) width 579: "This should be aqua: hsl(180, 100%, 50%)"
- RenderBlock {H1} at (0,175.31) size 769x37 [color=#0000FF]
- RenderText {#text} at (0,0) size 570x37
+ RenderBlock {H1} at (0,106.88) size 769x32 [color=#00FFFF]
+ RenderText {#text} at (0,0) size 578x32
+ text run at (0,0) width 578: "This should be aqua: hsl(180, 100%, 50%)"
+ RenderBlock {H1} at (0,160.31) size 769x32 [color=#0000FF]
+ RenderText {#text} at (0,0) size 570x32
text run at (0,0) width 570: "This should be blue: hsl(240, 100%, 50%)"
- RenderBlock {H1} at (0,233.75) size 769x37 [color=#7FFF7F]
- RenderText {#text} at (0,0) size 658x37
- text run at (0,0) width 658: "This should be light green: hsl(120, 100%, 75%)"
- RenderBlock {H1} at (0,292.19) size 769x37 [color=#007F00]
- RenderText {#text} at (0,0) size 661x37
+ RenderBlock {H1} at (0,213.75) size 769x32 [color=#7FFF7F]
+ RenderText {#text} at (0,0) size 657x32
+ text run at (0,0) width 657: "This should be light green: hsl(120, 100%, 75%)"
+ RenderBlock {H1} at (0,267.19) size 769x32 [color=#007F00]
+ RenderText {#text} at (0,0) size 661x32
text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)"
- RenderBlock {H1} at (0,350.63) size 769x37 [color=#3FBF3F]
- RenderText {#text} at (0,0) size 659x37
+ RenderBlock {H1} at (0,320.63) size 769x32 [color=#3FBF3F]
+ RenderText {#text} at (0,0) size 659x32
text run at (0,0) width 659: "This should be pastel green: hsl(120, 50%, 50%)"
- RenderBlock (anonymous) at (0,409.06) size 769x36
- RenderInline {B} at (0,0) size 140x18
- RenderText {#text} at (0,0) size 140x18
- text run at (0,0) width 140: "Out of bounds cases:"
- RenderBR {BR} at (140,14) size 0x0
- RenderText {#text} at (0,18) size 404x18
- text run at (0,18) width 404: "Check percentages larger than 100%, should be limited to 100%"
- RenderBlock {H1} at (0,466.50) size 769x37 [color=#00FF00]
- RenderText {#text} at (0,0) size 587x37
+ RenderBlock (anonymous) at (0,374.06) size 769x32
+ RenderInline {B} at (0,0) size 142x16
+ RenderText {#text} at (0,0) size 142x16
+ text run at (0,0) width 142: "Out of bounds cases:"
+ RenderBR {BR} at (141,12) size 1x0
+ RenderText {#text} at (0,16) size 412x16
+ text run at (0,16) width 412: "Check percentages larger than 100%, should be limited to 100%"
+ RenderBlock {H1} at (0,427.50) size 769x32 [color=#00FF00]
+ RenderText {#text} at (0,0) size 587x32
text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)"
- RenderBlock {H1} at (0,524.94) size 769x37 [color=#00FF00]
- RenderText {#text} at (0,0) size 638x37
+ RenderBlock {H1} at (0,480.94) size 769x32 [color=#00FF00]
+ RenderText {#text} at (0,0) size 638x32
text run at (0,0) width 638: "This should be green too: hsl(120, 200%, 50%)"
- RenderBlock (anonymous) at (0,583.38) size 769x18
- RenderText {#text} at (0,0) size 470x18
- text run at (0,0) width 470: "Check percentages less than 0% (negative values), should be limited to 0%"
- RenderBlock {H1} at (0,622.81) size 769x37 [color=#7F7F7F]
- RenderText {#text} at (0,0) size 539x37
+ RenderBlock (anonymous) at (0,534.38) size 769x16
+ RenderText {#text} at (0,0) size 480x16
+ text run at (0,0) width 480: "Check percentages less than 0% (negative values), should be limited to 0%"
+ RenderBlock {H1} at (0,571.81) size 769x32 [color=#7F7F7F]
+ RenderText {#text} at (0,0) size 539x32
text run at (0,0) width 539: "This should be grey: hsl(120, 0%, 50%)"
- RenderBlock {H1} at (0,681.25) size 769x37 [color=#7F7F7F]
- RenderText {#text} at (0,0) size 641x37
+ RenderBlock {H1} at (0,625.25) size 769x32 [color=#7F7F7F]
+ RenderText {#text} at (0,0) size 641x32
text run at (0,0) width 641: "This should be grey, too: hsl(120, -100%, 50%)"
- RenderBlock (anonymous) at (0,739.69) size 769x36
- RenderText {#text} at (0,0) size 755x36
- 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"
- text run at (0,18) width 451: "in degrees, there is no maximum like percentages, they are loop around."
- RenderBlock {H1} at (0,797.13) size 769x37 [color=#007F00]
- RenderText {#text} at (0,0) size 661x37
+ RenderBlock (anonymous) at (0,678.69) size 769x32
+ RenderText {#text} at (0,0) size 765x32
+ text run at (0,0) width 765: "Check Hue values that are larger than 360, should be normalized back to a value between 0 and 360. As Hue values are"
+ text run at (0,16) width 461: "in degrees, there is no maximum like percentages, they are loop around."
+ RenderBlock {H1} at (0,732.13) size 769x32 [color=#007F00]
+ RenderText {#text} at (0,0) size 661x32
text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)"
- RenderBlock {H1} at (0,855.56) size 769x37 [color=#007F00]
- RenderText {#text} at (0,0) size 720x37
+ RenderBlock {H1} at (0,785.56) size 769x32 [color=#007F00]
+ RenderText {#text} at (0,0) size 720x32
text run at (0,0) width 720: "This should be dark green, too: hsl(480, 100%, 25%)"
- RenderBlock (anonymous) at (0,914) size 769x18
- RenderText {#text} at (0,0) size 258x18
- text run at (0,0) width 258: "Check Hue values with a negative angle."
- RenderBlock {H1} at (0,953.44) size 769x37 [color=#7FFF7F]
- RenderText {#text} at (0,0) size 658x37
- text run at (0,0) width 658: "This should be light green: hsl(120, 100%, 75%)"
- RenderBlock {H1} at (0,1011.88) size 769x37 [color=#7FFF7F]
- RenderText {#text} at (0,0) size 728x37
- text run at (0,0) width 728: "This should be light green, too: hsl(-240, 100%, 75%)"
- RenderBlock {H1} at (0,1070.31) size 769x37 [color=#7FFF7F]
- RenderText {#text} at (0,0) size 728x37
- text run at (0,0) width 728: "This should be light green, too: hsl(-600, 100%, 75%)"
- RenderBlock (anonymous) at (0,1128.75) size 769x18
- RenderText {#text} at (0,0) size 295x18
- text run at (0,0) width 295: "Check Hues values with a floating point angle."
- RenderBlock {H1} at (0,1168.19) size 769x37 [color=#FF0000]
- RenderText {#text} at (0,0) size 549x37
+ RenderBlock (anonymous) at (0,839) size 769x16
+ RenderText {#text} at (0,0) size 261x16
+ text run at (0,0) width 261: "Check Hue values with a negative angle."
+ RenderBlock {H1} at (0,876.44) size 769x32 [color=#7FFF7F]
+ RenderText {#text} at (0,0) size 657x32
+ text run at (0,0) width 657: "This should be light green: hsl(120, 100%, 75%)"
+ RenderBlock {H1} at (0,929.88) size 769x32 [color=#7FFF7F]
+ RenderText {#text} at (0,0) size 727x32
+ text run at (0,0) width 727: "This should be light green, too: hsl(-240, 100%, 75%)"
+ RenderBlock {H1} at (0,983.31) size 769x32 [color=#7FFF7F]
+ RenderText {#text} at (0,0) size 727x32
+ text run at (0,0) width 727: "This should be light green, too: hsl(-600, 100%, 75%)"
+ RenderBlock (anonymous) at (0,1036.75) size 769x16
+ RenderText {#text} at (0,0) size 300x16
+ text run at (0,0) width 300: "Check Hues values with a floating point angle."
+ RenderBlock {H1} at (0,1074.19) size 769x32 [color=#FF0000]
+ RenderText {#text} at (0,0) size 549x32
text run at (0,0) width 549: "This should be red: hsl(0.0, 100%, 50%)"
- RenderBlock {H1} at (0,1226.63) size 769x37 [color=#00FF00]
- RenderText {#text} at (0,0) size 627x37
+ RenderBlock {H1} at (0,1127.63) size 769x32 [color=#00FF00]
+ RenderText {#text} at (0,0) size 627x32
text run at (0,0) width 627: "This should be green: hsl(120.00, 100%, 50%)"
- RenderBlock {H1} at (0,1285.06) size 769x37 [color=#0000FF]
- RenderText {#text} at (0,0) size 626x37
+ RenderBlock {H1} at (0,1181.06) size 769x32 [color=#0000FF]
+ RenderText {#text} at (0,0) size 626x32
text run at (0,0) width 626: "This should be blue: hsl(240.000, 100%, 50%)"