W3C CSS3 Specification Compatibility

Media

Less4j correctly translates all media queries conforming to css3 specification.

Test Case:

• W3CMediaTests

Links:

• W3c specification: http://www.w3.org/TR/css3-mediaqueries/
• W3c test cases: http://www.w3.org/Style/CSS/Test/MediaQueries/20120229/

Selectors

Less4j correctly translates almost all selectors conforming to css3 specification. Namespaces are the only missing feature. Anything else is expected to work correctly.

Two types of w3c tests are skipped:

• those with namespaces,
• those that crashes less.js.

Test Case:

• W3CSelectorsTests

Links:

• W3c specification: http://www.w3.org/TR/css3-selectors/
• W3c test cases: http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/

Keyframes Animations

Less4j translates CSS3 @keyframes Animations.

Test Case:

• Since w3c did not released test cases for this, the test case is part of basic StrictComplianceTest CSS compatibility test.

Links:

• W3c specification: http://www.w3.org/TR/css3-animations/
• W3c test cases: not available yet

Document

Less4j translates CSS3 @document at-rule. W3c specification was still work in progress at the time of implementation, future changes are possible.

Test Case:

• Since w3c did not released test cases for this, the test case is part of basic StrictComplianceTest CSS compatibility test.

Links:

• W3c specification: http://www.w3.org/TR/2012/WD-css3-conditional-20120911/#at-document
• W3c test cases: not available yet
• Mozilla specification: https://developer.mozilla.org/en-US/docs/CSS/@document

Paged Media

Less4j translates CSS3 Paged Media.

Test Case:

• Since w3c did not released test suite and specification is not finished yet, we created test cases from examples in the CSS Paged Media Module Level 3 Editor's Draft 28 November 2012 version of the specification.

Links:

• W3c specification: http://dev.w3.org/csswg/css3-page/
• W3c test cases: not available yet

Supports

Less4j translates CSS3 Supports At-Rule.

Test Case:

• Since w3c did not released test suite and specification is not finished yet, we created test cases from examples in chapter 6. of the CSS Conditional Rules Module Level 3 Editor's Draft 21 February 2013 version of the specification.
• An additional tests set created from from Mozilla and Opera specifications is located in StrictComplianceTest test case.

Links:

• W3c specification: http://dev.w3.org/csswg/css3-conditional/#at-supports
• W3c test cases: not available yet
• Mozilla specification: https://developer.mozilla.org/en-US/docs/CSS/@supports
• Opera specification: http://dev.opera.com/articles/view/native-css-feature-detection-via-the-supports-rule/