generated-value-cases.css

.order-0 {
	order: rgba(178 34 34 / 1) !important;
}

.order-1 {
	order: var(1, rgba(178 34 34 / 1));
}

.order-2 {
	order: var(rgba(178 34 34 / 1), 1);
}

.order-3 {
	order: var(rgba(178 34 34 / 1), rgba(178 34 34 / 1));
}

.order-4 {
	order: prergba(178 34 34 / 1);
}

.order-5 {
	order: pre rgba(178 34 34 / 1);
}

.order-6 {
	order: pre,rgba(178 34 34 / 1);
}

.order-7 {
	order: rgba(178 34 34 / 1)post;
}

.order-8 {
	order: rgba(178 34 34 / 1) post;
}

.order-9 {
	order: rgba(178 34 34 / 1),post;
}

/* rgba(178 34 34 / 1) */

:root {
	--some-var: rgba(178 34 34 / 1);
}

.content {
	content: 'rgba(178 34 34 / 1)';
}

@supports (order: rgba(178 34 34 / 1)) {
	.support {
		order: rgba(178 34 34 / 1);
	}
}

.order-0 {
	order: hsl(120 100% 50% / 1) !important;
}

.order-1 {
	order: var(1, hsl(120 100% 50% / 1));
}

.order-2 {
	order: var(hsl(120 100% 50% / 1), 1);
}

.order-3 {
	order: var(hsl(120 100% 50% / 1), hsl(120 100% 50% / 1));
}

.order-4 {
	order: prehsl(120 100% 50% / 1);
}

.order-5 {
	order: pre hsl(120 100% 50% / 1);
}

.order-6 {
	order: pre,hsl(120 100% 50% / 1);
}

.order-7 {
	order: hsl(120 100% 50% / 1)post;
}

.order-8 {
	order: hsl(120 100% 50% / 1) post;
}

.order-9 {
	order: hsl(120 100% 50% / 1),post;
}

/* hsl(120 100% 50% / 1) */

:root {
	--some-var: hsl(120 100% 50% / 1);
}

.content {
	content: 'hsl(120 100% 50% / 1)';
}

@supports (order: hsl(120 100% 50% / 1)) {
	.support {
		order: hsl(120 100% 50% / 1);
	}
}