stylelint-plugin-logical-css 0.11.0 → 0.12.0

package/README.md

@@ -93,6 +93,8 @@ physical property or value is found, it will be flagged.
 .heading {
   max-width: 90ch; /* Will flag the use of "width" */
   text-align: left; /* Will flag the use of "left" */
+  opacity: 1;
+  transition: opacity 1s ease, max-width 1s ease; /* Will flag the use of 'max-width' */
 }
 ```
 
@@ -102,6 +104,8 @@ physical property or value is found, it will be flagged.
 .heading {
   max-inline-size: 90ch;
   text-align: start;
+  opacity: 1;
+  transition: opacity 1s ease, max-inline-size: 1s ease;
 }
 ```
 
@@ -281,6 +285,8 @@ body {
 
 | Physical Unit |  Logical Unit |
 | ------------- | ------------- |
+| cqh           | cqb           |
+| cqw           | cqi           |
 | dvh           | dvb           |
 | dvw           | dvi           |
 | lvh           | lvb           |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stylelint-plugin-logical-css",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "A Stylelint plugin to enforce the use of logical CSS properties, values and units.",
   "main": "src/index.js",
   "files": [

package/src/utils/isPhysicalUnit.js

@@ -1,6 +1,6 @@
 const { physicalUnits } = require('./physical');
 
-const expression = /(\d+\s?)(dvh|dvw|lvh|lvw|svh|svw|vh|vw|)(\s+|$)/;
+const expression = /(\d+\s?)(cqh|cqw|dvh|dvw|lvh|lvw|svh|svw|vh|vw|)(\s+|$)/;
 
 function getValueUnit(value) {
   const match = value.match(expression);

package/src/utils/logical.js

@@ -86,6 +86,8 @@ const logicalProperties = Object.freeze({
 });
 
 const logicalUnits = Object.freeze({
+  cqb: 'cqb',
+  cqi: 'cqi',
   dvb: 'dvb',
   dvi: 'dvi',
   lvb: 'lvb',

package/src/utils/physical.js

@@ -67,6 +67,8 @@ const physicalProperties = Object.freeze({
 });
 
 const physicalUnits = Object.freeze({
+  cqh: 'cqh',
+  cqw: 'cqw',
   dvh: 'dvh',
   dvw: 'dvw',
   lvh: 'lvh',

package/src/utils/physicalUnitsMap.js

@@ -2,6 +2,8 @@ const { logicalUnits } = require('./logical');
 const { physicalUnits } = require('./physical');
 
 const physicalUnitsMap = Object.freeze({
+  [physicalUnits.cqh]: logicalUnits.cqb,
+  [physicalUnits.cqw]: logicalUnits.cqi,
   [physicalUnits.dvh]: logicalUnits.dvb,
   [physicalUnits.dvw]: logicalUnits.dvi,
   [physicalUnits.lvh]: logicalUnits.lvb,