fix: also render !important (#111)

closes #110
projectwallace · Dec 21, 2024 · b4d536f · b4d536f
1 parent c2745f2
commit b4d536f
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/index.js b/index.js
@@ -428,6 +428,10 @@ export function format(css, { minify = false } = {}) {
 			value += SPACE
 		}
 
+		if (node.important) {
+			value += OPTIONAL_SPACE + '!important'
+		}
+
 		return indent(indent_level) + property + COLON + OPTIONAL_SPACE + value
 	}
 

diff --git a/test/declarations.test.js b/test/declarations.test.js
@@ -73,14 +73,18 @@ test('does not lowercase custom properties', () => {
 	assert.is(actual, expected)
 })
 
-test.skip('preserves comments', () => {
-	let actual = format(`a {
-		/* comment */color: green;
-		color/* comment */: green;
-	}`)
+test('!important is added', () => {
+	let actual = format(`a { color: green !important}`)
+	let expected = `a {
+	color: green !important;
+}`
+	assert.is(actual, expected)
+})
+
+test('!important is lowercase', () => {
+	let actual = format(`a { color: green !IMPORTANT }`)
 	let expected = `a {
-	/* comment */color: green;
-	color/* comment */: green;
+	color: green !important;
 }`
 	assert.is(actual, expected)
 })

diff --git a/test/minify.test.js b/test/minify.test.js
@@ -77,4 +77,10 @@ test('minified Vadims example', () => {
 	assert.equal(actual, expected)
 })
 
+test('removes whitespace before !important', () => {
+	let actual = minify(`a { color: green !important }`)
+	let expected = `a{color:green!important}`
+	assert.equal(actual, expected)
+})
+
 test.run()