light – weight css preprocessor

/* @scope .component-x */

:global(h1), html & {
	font-size: 22px;
}

div {
	display: flex;

	h1 & {
		color: red;
	}
}

div {
	transform: translateZ(0);

	h1 {
		color: red;
	}
}
h1,html .component-x {
	font-size: 22px;
}

.component-x div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

div h1 .component-x {
	color: red;
}

.component-x div {
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.component-x div h1 {
	color: red;
}