generated-value-cases.expect.css

.order-0 {
	order: rgb(178, 34, 34) !important;
}

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

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

.order-3 {
	order: var(rgb(178, 34, 34), rgb(178, 34, 34));
}

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

.order-5 {
	order: pre rgb(178, 34, 34);
}

.order-6 {
	order: pre,rgb(178, 34, 34);
}

.order-7 {
	order: rgb(178, 34, 34)post;
}

.order-8 {
	order: rgb(178, 34, 34) post;
}

.order-9 {
	order: rgb(178, 34, 34),post;
}

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

:root {
	--some-var: rgb(178, 34, 34);
}

.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%) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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