Fix spacing after closing ) and following text (#56)

closes #55

index.js

@@ -335,6 +335,7 @@ function print_prelude(node, css) {
 	return buffer
 		.replace(/\s*([:,])/g, buffer.includes('selector(') ? '$1' : '$1 ') // force whitespace after colon or comma, except inside `selector()`
 		.replace(/\s*(=>|<=)\s*/g, ' $1 ') // force whitespace around => and <=
+		.replace(/\)([a-zA-Z])/g, ') $1') // force whitespace between closing parenthesis and following text (usually and|or)
 		.replace(/(?<!<=)(?<!=>)(?<!<= )([<>])(?![<= ])(?![=> ])(?![ =>])/g, ' $1 ')
 		.replace(/\s+/g, SPACE) // collapse multiple whitespaces into one
 }

test/atrules.test.js

@@ -54,15 +54,19 @@ test('Atrule blocks are surrounded by {} with correct spacing and indentation',
 	assert.equal(actual, expected)
 })
 
-test('AtRule prelude formatting', () => {
+test('@media prelude formatting', () => {
 	let fixtures = [
 		[`@media all{}`, `@media all {}`],
 		[`@media all   and print{}`, `@media all and print {}`],
 		[`@media (min-width:1000px){}`, `@media (min-width: 1000px) {}`],
 		[`@media (min-width : 1000px) {}`, `@media (min-width: 1000px) {}`],
 		[`@media all and (transform-3d) {}`, `@media all and (transform-3d) {}`],
+		[`@media only screen and (min-width: 1024px)and (max-width: 1439px), only screen and (min-width: 768px)and (max-width: 1023px) {}`, `@media only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 768px) and (max-width: 1023px) {}`],
+		[`@media (min-width: 1024px)or (max-width: 1439px) {}`, `@media (min-width: 1024px) or (max-width: 1439px) {}`],
 		[`@media all and (transform-3d), (-webkit-transform-3d) {}`, `@media all and (transform-3d), (-webkit-transform-3d) {}`],
 		[`@media screen or print {}`, `@media screen or print {}`],
+		[`@media (update: slow) or (hover: none) {}`, `@media (update: slow) or (hover: none) {}`],
+		[`@media (update: slow)or (hover: none) {}`, `@media (update: slow) or (hover: none) {}`],
 		[`@layer    test;`, `@layer test;`],
 		[`@layer tbody,thead;`, `@layer tbody, thead;`],
 		[`@supports (display:grid){}`, `@supports (display: grid) {}`],
@@ -78,6 +82,31 @@ test('AtRule prelude formatting', () => {
 	}
 })
 
+test('@supports prelude formatting', () => {
+	let fixtures = [
+		[`@supports (display:grid){}`, `@supports (display: grid) {}`],
+		[`@supports (-webkit-appearance: none) {}`, `@supports (-webkit-appearance: none) {}`],
+		['@supports selector([popover]:open) {}', '@supports selector([popover]:open) {}'],
+	]
+
+	for (let [css, expected] of fixtures) {
+		let actual = format(css)
+		assert.equal(actual, expected)
+	}
+})
+
+test('@layer prelude formatting', () => {
+	let fixtures = [
+		[`@layer    test;`, `@layer test;`],
+		[`@layer tbody,thead;`, `@layer tbody, thead;`],
+	]
+
+	for (let [css, expected] of fixtures) {
+		let actual = format(css)
+		assert.equal(actual, expected)
+	}
+})
+
 test('single empty line after a rule, before atrule', () => {
 	let actual = format(`
 		rule1 { property: value }