| 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 |