Change alpha-value-notation to be "number"`for opacity property (#212)

stylelint · Nov 14, 2021 · c774fdd · c774fdd
1 parent 6ed9280
commit c774fdd
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 24.0.0
+
+- Changed: `alpha-value-notation` to be `"number"` for `opacity` property.
+
 ## 23.0.0
 
 This release adds over a dozen new rules.

diff --git a/README.md b/README.md
@@ -93,8 +93,8 @@ To see the rules that this config uses, please read the [config itself](./index.
 }
 
 @keyframes fade-in {
-  from { opacity: 0%; }
-  to { opacity: 100%; }
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
 ```
 

diff --git a/__tests__/valid.css b/__tests__/valid.css
@@ -74,6 +74,6 @@
 }
 
 @keyframes fade-in {
-  from { opacity: 0%; }
-  to { opacity: 100%; }
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
diff --git a/index.js b/index.js
@@ -3,7 +3,12 @@
 module.exports = {
 	extends: 'stylelint-config-recommended',
 	rules: {
-		'alpha-value-notation': 'percentage',
+		'alpha-value-notation': [
+			'percentage',
+			{
+				exceptProperties: ['opacity'],
+			},
+		],
 		'at-rule-empty-line-before': [
 			'always',
 			{