Input | /* left /* right */left: 10px |
Expect | /* left /* right */right: 10px |
Output | /* left /* right */right: 10px |
Result | pass |
Input | /*left*//*left*/left: 10px |
Expect | /*left*//*left*/right: 10px |
Output | /*left*//*left*/right: 10px |
Result | pass |
Input | /* padding-right 1 2 3 4 */\n#test {left: 10px}\n/*right*/ |
Expect | /* padding-right 1 2 3 4 */\n#test {right: 10px}\n/*right*/ |
Output | /* padding-right 1 2 3 4 */\n#test {right: 10px}\n/*right*/ |
Result | pass |
Input | /** Two line comment\n * left\n \*/\n#test {left: 10px} |
Expect | /** Two line comment\n * left\n \*/\n#test {right: 10px} |
Output | /** Two line comment\n * left\n \*/\n#test {right: 10px} |
Result | pass |
Input | left: 10px |
Expect | right: 10px |
Output | right: 10px |
Result | pass |
Input | padding: .25em 15px 0pt 0ex |
Expect | padding: .25em 0ex 0pt 15px |
Output | padding: .25em 0ex 0pt 15px |
Result | pass |
Input | margin: 1px -4px 3px 2px |
Expect | margin: 1px 2px 3px -4px |
Output | margin: 1px 2px 3px -4px |
Result | pass |
Input | padding:0 15px .25em 0 |
Expect | padding:0 0 .25em 15px |
Output | padding:0 0 .25em 15px |
Result | pass |
Input | padding: 1px 4.1grad 3px 2% |
Expect | padding: 1px 2% 3px 4.1grad |
Output | padding: 1px 2% 3px 4.1grad |
Result | pass |
Input | padding: 1px 2px 3px auto |
Expect | padding: 1px auto 3px 2px |
Output | padding: 1px auto 3px 2px |
Result | pass |
Input | padding: 1px inherit 3px auto |
Expect | padding: 1px auto 3px inherit |
Output | padding: 1px auto 3px inherit |
Result | pass |
Input | #settings td p strong |
Expect | #settings td p strong |
Output | #settings td p strong |
Result | pass |
Input | margin: 1em 0 .25em |
Expect | margin: 1em 0 .25em |
Output | margin: 1em 0 .25em |
Result | pass |
Input | margin:-1.5em 0 -.75em |
Expect | margin:-1.5em 0 -.75em |
Output | margin:-1.5em 0 -.75em |
Result | pass |
Input | padding: 1px 2px |
Expect | padding: 1px 2px |
Output | padding: 1px 2px |
Result | pass |
Input | padding: 1px |
Expect | padding: 1px |
Output | padding: 1px |
Result | pass |
Input | direction: ltr |
Expect | direction: ltr |
Output | direction: ltr |
Result | pass |
Input | direction: rtl |
Expect | direction: rtl |
Output | direction: rtl |
Result | pass |
Input | input { direction: ltr } |
Expect | input { direction: ltr } |
Output | input { direction: ltr } |
Result | pass |
Input | body { direction: ltr } |
Expect | body { direction: rtl } |
Output | body { direction: rtl } |
Result | pass |
Input | body { padding: 10px; direction: ltr; } |
Expect | body { padding: 10px; direction: rtl; } |
Output | body { padding: 10px; direction: rtl; } |
Result | pass |
Input | body { direction: ltr } .myClass { direction: ltr } |
Expect | body { direction: rtl } .myClass { direction: ltr } |
Output | body { direction: rtl } .myClass { direction: ltr } |
Result | pass |
Input | body{\n direction: ltr\n} |
Expect | body{\n direction: rtl\n} |
Output | body{\n direction: rtl\n} |
Result | pass |
Input | border-left-color: red |
Expect | border-right-color: red |
Output | border-right-color: red |
Result | pass |
Input | border-right-color: red |
Expect | border-left-color: red |
Output | border-left-color: red |
Result | pass |
Input | alright: 10px |
Expect | alright: 10px |
Output | alright: 10px |
Result | pass |
Input | alleft: 10px |
Expect | alleft: 10px |
Output | alleft: 10px |
Result | pass |
Input | float: right |
Expect | float: left |
Output | float: left |
Result | pass |
Input | float: left |
Expect | float: right |
Output | float: right |
Result | pass |
Input | background: url(/foo/bar-left.png) |
Expect | background: url(/foo/bar-left.png) |
Output | background: url(/foo/bar-left.png) |
Result | pass |
Input | background: url(/foo/left-bar.png) |
Expect | background: url(/foo/left-bar.png) |
Output | background: url(/foo/left-bar.png) |
Result | pass |
Input | url("http://www.blogger.com/img/triangle_ltr.gif") |
Expect | url("http://www.blogger.com/img/triangle_ltr.gif") |
Output | url("http://www.blogger.com/img/triangle_ltr.gif") |
Result | pass |
Input | url('http://www.blogger.com/img/triangle_ltr.gif') |
Expect | url('http://www.blogger.com/img/triangle_ltr.gif') |
Output | url('http://www.blogger.com/img/triangle_ltr.gif') |
Result | pass |
Input | url('http://www.blogger.com/img/triangle_ltr.gif' ) |
Expect | url('http://www.blogger.com/img/triangle_ltr.gif' ) |
Output | url('http://www.blogger.com/img/triangle_ltr.gif' ) |
Result | pass |
Input | background: url(/foo/bar.left.png) |
Expect | background: url(/foo/bar.left.png) |
Output | background: url(/foo/bar.left.png) |
Result | pass |
Input | background: url(/foo/bar-rtl.png) |
Expect | background: url(/foo/bar-rtl.png) |
Output | background: url(/foo/bar-rtl.png) |
Result | pass |
Input | background: url(/foo/bar-rtl.png); left: 10px |
Expect | background: url(/foo/bar-rtl.png); right: 10px |
Output | background: url(/foo/bar-rtl.png); right: 10px |
Result | pass |
Input | background: url(/foo/bar-right.png); direction: ltr |
Expect | background: url(/foo/bar-right.png); direction: ltr |
Output | background: url(/foo/bar-right.png); direction: ltr |
Result | pass |
Input | background: url(/foo/bar-rtl_right.png); left:10px; direction: ltr |
Expect | background: url(/foo/bar-rtl_right.png); right:10px; direction: ltr |
Output | background: url(/foo/bar-rtl_right.png); right:10px; direction: ltr |
Result | pass |
Input | background: url(/foo/bar-left.png) |
Expect | background: url(/foo/bar-right.png) |
Output | background: url(/foo/bar-right.png) |
Result | pass |
Input | background: url(/foo/left-bar.png) |
Expect | background: url(/foo/right-bar.png) |
Output | background: url(/foo/right-bar.png) |
Result | pass |
Input | url("http://www.blogger.com/img/triangle_ltr.gif") |
Expect | url("http://www.blogger.com/img/triangle_rtl.gif") |
Output | url("http://www.blogger.com/img/triangle_rtl.gif") |
Result | pass |
Input | url('http://www.blogger.com/img/triangle_ltr.gif') |
Expect | url('http://www.blogger.com/img/triangle_rtl.gif') |
Output | url('http://www.blogger.com/img/triangle_rtl.gif') |
Result | pass |
Input | url('http://www.blogger.com/img/triangle_ltr.gif' ) |
Expect | url('http://www.blogger.com/img/triangle_rtl.gif' ) |
Output | url('http://www.blogger.com/img/triangle_rtl.gif' ) |
Result | pass |
Input | background: url(/foo/bar.left.png) |
Expect | background: url(/foo/bar.right.png) |
Output | background: url(/foo/bar.right.png) |
Result | pass |
Input | background: url(/foo/bright.png) |
Expect | background: url(/foo/bright.png) |
Output | background: url(/foo/bright.png) |
Result | pass |
Input | background: url(/foo/bar-rtl.png) |
Expect | background: url(/foo/bar-ltr.png) |
Output | background: url(/foo/bar-ltr.png) |
Result | pass |
Input | background: url(/foo/bar-rtl.png); left: 10px |
Expect | background: url(/foo/bar-ltr.png); right: 10px |
Output | background: url(/foo/bar-ltr.png); right: 10px |
Result | pass |
Input | background: url(/foo/bar-right.png); direction: ltr |
Expect | background: url(/foo/bar-left.png); direction: ltr |
Output | background: url(/foo/bar-left.png); direction: ltr |
Result | pass |
Input | background: url(/foo/bar-rtl_right.png); left:10px; direction: ltr |
Expect | background: url(/foo/bar-ltr_left.png); right:10px; direction: ltr |
Output | background: url(/foo/bar-ltr_left.png); right:10px; direction: ltr |
Result | pass |
Input | padding-right: bar |
Expect | padding-left: bar |
Output | padding-left: bar |
Result | pass |
Input | padding-left: bar |
Expect | padding-right: bar |
Output | padding-right: bar |
Result | pass |
Input | margin-left: bar |
Expect | margin-right: bar |
Output | margin-right: bar |
Result | pass |
Input | margin-right: bar |
Expect | margin-left: bar |
Output | margin-left: bar |
Result | pass |
Input | border-left: bar |
Expect | border-right: bar |
Output | border-right: bar |
Result | pass |
Input | border-right: bar |
Expect | border-left: bar |
Output | border-left: bar |
Result | pass |
Input | cursor: e-resize |
Expect | cursor: w-resize |
Output | cursor: w-resize |
Result | pass |
Input | cursor: w-resize |
Expect | cursor: e-resize |
Output | cursor: e-resize |
Result | pass |
Input | cursor: se-resize |
Expect | cursor: sw-resize |
Output | cursor: sw-resize |
Result | pass |
Input | cursor: sw-resize |
Expect | cursor: se-resize |
Output | cursor: se-resize |
Result | pass |
Input | cursor: ne-resize |
Expect | cursor: nw-resize |
Output | cursor: nw-resize |
Result | pass |
Input | cursor: nw-resize |
Expect | cursor: ne-resize |
Output | cursor: ne-resize |
Result | pass |
Input | background: url(/foo/bar.png) top left |
Expect | background: url(/foo/bar.png) top right |
Output | background: url(/foo/bar.png) top right |
Result | pass |
Input | background: url(/foo/bar.png) top right |
Expect | background: url(/foo/bar.png) top left |
Output | background: url(/foo/bar.png) top left |
Result | pass |
Input | background-position: top left |
Expect | background-position: top right |
Output | background-position: top right |
Result | pass |
Input | background-position: top right |
Expect | background-position: top left |
Output | background-position: top left |
Result | pass |
Input | background-position: 100% 40% |
Expect | background-position: 0% 40% |
Output | background-position: 0% 40% |
Result | pass |
Input | background-position: 0% 40% |
Expect | background-position: 100% 40% |
Output | background-position: 100% 40% |
Result | pass |
Input | background-position: 23% 0 |
Expect | background-position: 77% 0 |
Output | background-position: 77% 0 |
Result | pass |
Input | background-position: 23% auto |
Expect | background-position: 77% auto |
Output | background-position: 77% auto |
Result | pass |
Input | background-position-x: 23% |
Expect | background-position-x: 77% |
Output | background-position-x: 77% |
Result | pass |
Input | background-position-y: 23% |
Expect | background-position-y: 23% |
Output | background-position-y: 23% |
Result | pass |
Input | background:url(../foo-bar_baz.2008.gif) no-repeat 75% 50% |
Expect | background:url(../foo-bar_baz.2008.gif) no-repeat 25% 50% |
Output | background:url(../foo-bar_baz.2008.gif) no-repeat 25% 50% |
Result | pass |
Input | .test { background: 10% 20% } .test2 { background: 40% 30% } |
Expect | .test { background: 90% 20% } .test2 { background: 60% 30% } |
Output | .test { background: 90% 20% } .test2 { background: 60% 30% } |
Result | pass |
Input | .test { background: 0% 20% } .test2 { background: 40% 30% } |
Expect | .test { background: 100% 20% } .test2 { background: 60% 30% } |
Output | .test { background: 100% 20% } .test2 { background: 60% 30% } |
Result | pass |
Input | .column-left { float: left } |
Expect | .column-left { float: right } |
Output | .column-left { float: right } |
Result | pass |
Input | #bright-light { float: left } |
Expect | #bright-light { float: right } |
Output | #bright-light { float: right } |
Result | pass |
Input | a.left:hover { float: left } |
Expect | a.left:hover { float: right } |
Output | a.left:hover { float: right } |
Result | pass |
Input | #bright-left, .test-me { float: left } |
Expect | #bright-left, .test-me { float: right } |
Output | #bright-left, .test-me { float: right } |
Result | pass |
Input | #bright-left, .test-me { float: left } |
Expect | #bright-left, .test-me { float: right } |
Output | #bright-left, .test-me { float: right } |
Result | pass |
Input | div.leftpill, div.leftpillon {margin-right: 0 !important} |
Expect | div.leftpill, div.leftpillon {margin-left: 0 !important} |
Output | div.leftpill, div.leftpillon {margin-left: 0 !important} |
Result | pass |
Input | div.left > span.right+span.left { float: left } |
Expect | div.left > span.right+span.left { float: right } |
Output | div.left > span.right+span.left { float: right } |
Result | pass |
Input | .thisclass .left .myclass {background:#fff;} |
Expect | .thisclass .left .myclass {background:#fff;} |
Output | .thisclass .left .myclass {background:#fff;} |
Result | pass |
Input | .thisclass .left .myclass #myid {background:#fff;} |
Expect | .thisclass .left .myclass #myid {background:#fff;} |
Output | .thisclass .left .myclass #myid {background:#fff;} |
Result | pass |
Input | body{direction:rtl;float:right} .b2{direction:ltr;float:right} |
Expect | body{direction:ltr;float:left} .b2{direction:ltr;float:left} |
Output | body{direction:ltr;float:left} .b2{direction:ltr;float:left} |
Result | pass |
Input | /* @noflip */ div { float: left; } |
Expect | /* @noflip */ div { float: left; } |
Output | /* @noflip */ div { float: left; } |
Result | pass |
Input | /* @noflip */ div, .notme { float: left; } |
Expect | /* @noflip */ div, .notme { float: left; } |
Output | /* @noflip */ div, .notme { float: left; } |
Result | pass |
Input | /* @noflip */ div { float: left; } div { float: left; } |
Expect | /* @noflip */ div { float: left; } div { float: right; } |
Output | /* @noflip */ div { float: left; } div { float: right; } |
Result | pass |
Input | /* @noflip */\ndiv { float: left; }\ndiv { float: left; } |
Expect | /* @noflip */\ndiv { float: left; }\ndiv { float: right; } |
Output | /* @noflip */\ndiv { float: left; }\ndiv { float: right; } |
Result | pass |
Input | div { float: left; /* @noflip */ float: left; } |
Expect | div { float: right; /* @noflip */ float: left; } |
Output | div { float: right; /* @noflip */ float: left; } |
Result | pass |
Input | div\n{ float: left;\n/* @noflip */\n float: left;\n } |
Expect | div\n{ float: right;\n/* @noflip */\n float: left;\n } |
Output | div\n{ float: right;\n/* @noflip */\n float: left;\n } |
Result | pass |
Input | div\n{ float: left;\n/* @noflip */\n text-align: left\n } |
Expect | div\n{ float: right;\n/* @noflip */\n text-align: left\n } |
Output | div\n{ float: right;\n/* @noflip */\n text-align: left\n } |
Result | pass |
Input | div\n{ /* @noflip */\ntext-align: left;\nfloat: left\n } |
Expect | div\n{ /* @noflip */\ntext-align: left;\nfloat: right\n } |
Output | div\n{ /* @noflip */\ntext-align: left;\nfloat: right\n } |
Result | pass |
Input | /* @noflip */div{float:left;text-align:left;}div{float:left} |
Expect | /* @noflip */div{float:left;text-align:left;}div{float:right} |
Output | /* @noflip */div{float:left;text-align:left;}div{float:right} |
Result | pass |
Input | /* @noflip */ div{float:left;text-align:left;}a{foo:left} |
Expect | /* @noflip */ div{float:left;text-align:left;}a{foo:right} |
Output | /* @noflip */ div{float:left;text-align:left;}a{foo:right} |
Result | pass |
Input | border-radius: .25em 15px 0pt 0ex |
Expect | border-radius: 15px .25em 0ex 0pt |
Output | border-radius: 15px .25em 0ex 0pt |
Result | pass |
Input | border-radius: 10px 15px 0px |
Expect | border-radius: 15px 10px 15px 0px |
Output | border-radius: 15px 10px 15px 0px |
Result | pass |
Input | border-radius: 7px 8px |
Expect | border-radius: 8px 7px |
Output | border-radius: 8px 7px |
Result | pass |
Input | border-radius: 5px |
Expect | border-radius: 5px |
Output | border-radius: 5px |
Result | pass |
Input | background-image: -moz-linear-gradient(#326cc1, #234e8c) |
Expect | background-image: -moz-linear-gradient(#326cc1, #234e8c) |
Output | background-image: -moz-linear-gradient(#326cc1, #234e8c) |
Result | pass |
Input | background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#666666), to(#ffffff)) |
Expect | background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#666666), to(#ffffff)) |
Output | background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#666666), to(#ffffff)) |
Result | pass |