[TRINIDAD-2399] support css client side rules in skinning framework

• Type: New Feature
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 2.1.0-core
• Fix Version/s: 2.1.0-core
• Component/s: Skinning
• Assignee: Gabrielle Crawford
• Reporter: Anand V Nath
• Created: 05/Jul/13 06:40
• Updated: 09/Oct/13 01:23
• Resolved: 09/Oct/13 01:23

Description

This ER is for introducing client side css rule support in skinning framework.

Here's a list of known CSS at-rules:

@document - uses nested selectors that need to be resolved
@font-face - probably safe to blindly pass through
@keyframes - probably safe to blindly pass through
@media - uses nested selectors that need to be resolved
@page - probably safe to blindly pass through
@supports - uses nested selectors that need to be resolved

These rules can be split into two based on its usage:

@document, @keyframes, @media, @support uses following syntax:

@rule {
selector

{ property : value; property : value; property : value; }

}

@font-face and @page uses following syntax:

@rule {
property : value;
property : value;
property : value;
}