fix(ShadowCss): support @page and @document CSS rules (#11878)

fixes #11860
This commit is contained in:
Victor Berchet
2016-09-30 16:26:24 -07:00
committed by Chuck Jazdzewski
parent 83d94b7504
commit 9316f95467
2 changed files with 16 additions and 2 deletions

View File

@ -323,10 +323,12 @@ export class ShadowCss {
return processRules(cssText, (rule: CssRule) => {
let selector = rule.selector;
let content = rule.content;
if (rule.selector[0] != '@' || rule.selector.startsWith('@page')) {
if (rule.selector[0] != '@') {
selector =
this._scopeSelector(rule.selector, scopeSelector, hostSelector, this.strictStyling);
} else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports')) {
} else if (
rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
content = this._scopeSelectors(rule.content, scopeSelector, hostSelector);
}
return new CssRule(selector, content);