happy-dom/src/css/rules/CSSContainerRule.ts

Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.

import CSSRule from '../CSSRule.js';

/**
 * CSSRule interface.
 */
export default class CSSContainerRule extends CSSRule {
	public readonly type = CSSRule.CONTAINER_RULE;
	public readonly cssRules: CSSRule[] = [];
	public readonly conditionText = '';

	/**
	 * Returns css text.
	 *
	 * @returns CSS text.
	 */
	public get cssText(): string {
		let cssText = '';
		for (const cssRule of this.cssRules) {
			cssText += cssRule.cssText;
		}
		return `@container ${this.conditionText} { ${cssText} }`;
	}
}