{"_id":"@csstools/postcss-logical-float-and-clear","_rev":"4266099","name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","dist-tags":{"latest":"4.0.0"},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"time":{"modified":"2026-04-06T16:28:20.000Z","created":"2023-01-19T17:58:55.080Z","4.0.0":"2026-01-14T07:23:19.396Z","3.0.0":"2024-08-03T21:37:31.280Z","2.0.1":"2023-12-15T23:19:15.622Z","2.0.0":"2023-07-03T08:14:33.759Z","1.0.1":"2023-01-28T07:43:36.597Z","1.0.0":"2023-01-19T17:58:55.080Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"versions":{"4.0.0":{"name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","version":"4.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","clear","css","float","inline","logical","postcss","postcss-plugin"],"gitHead":"1fd9a400c69dcabe05c5fe5424882ce1e7be6afc","_id":"@csstools/postcss-logical-float-and-clear@4.0.0","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"f9e8f9b03abde8fb63e14f85e11ab6bdef14bc5c","size":3044,"noattachment":false,"key":"/@csstools/postcss-logical-float-and-clear/-/@csstools/postcss-logical-float-and-clear-4.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-float-and-clear/download/@csstools/postcss-logical-float-and-clear-4.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-logical-float-and-clear_4.0.0_1768375399256_0.6206572937537302"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-14T07:23:19.396Z","publish_time":1768375399396,"_source_registry_name":"default","_cnpm_publish_time":1768375399396},"3.0.0":{"name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","version":"3.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","clear","css","float","inline","logical","postcss","postcss-plugin"],"_id":"@csstools/postcss-logical-float-and-clear@3.0.0","gitHead":"7a6eb3af799a9019c39621e37eee02fd2df736be","types":"./dist/index.d.ts","_nodeVersion":"22.1.0","_npmVersion":"10.7.0","dist":{"shasum":"62617564182cf86ab5d4e7485433ad91e4c58571","size":3117,"noattachment":false,"key":"/@csstools/postcss-logical-float-and-clear/-/@csstools/postcss-logical-float-and-clear-3.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-float-and-clear/download/@csstools/postcss-logical-float-and-clear-3.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-float-and-clear_3.0.0_1722721051135_0.9199048348440588"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2024-08-03T21:37:31.280Z","publish_time":1722721051280,"_source_registry_name":"default","_cnpm_publish_time":1722721051280},"2.0.1":{"name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","version":"2.0.1","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":"^14 || ^16 || >=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"peerDependencies":{"postcss":"^8.4"},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","clear","css","float","inline","logical","postcss","postcss-plugin"],"_id":"@csstools/postcss-logical-float-and-clear@2.0.1","gitHead":"919076f1d5a4a1dd5e4f9b13ca1e2339515666d3","types":"./dist/index.d.ts","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"shasum":"c70ed8293cc376b1572bf56794219f54dc58c54d","size":3482,"noattachment":false,"key":"/@csstools/postcss-logical-float-and-clear/-/@csstools/postcss-logical-float-and-clear-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-float-and-clear/download/@csstools/postcss-logical-float-and-clear-2.0.1.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-float-and-clear_2.0.1_1702682355451_0.45290645924207484"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-12-15T23:19:15.622Z","publish_time":1702682355622,"_source_registry_name":"default","_cnpm_publish_time":1702682355622},"2.0.0":{"name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","version":"2.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":"^14 || ^16 || >=18"},"main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.mjs"}},"peerDependencies":{"postcss":"^8.4"},"devDependencies":{"@csstools/postcss-tape":"*"},"scripts":{"build":"rollup -c ../../rollup/default.mjs","docs":"node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs","lint":"node ../../.github/bin/format-package-json.mjs","prepublishOnly":"npm run build && npm run test","test":"node .tape.mjs && node ./test/_import.mjs && node ./test/_require.cjs","test:rewrite-expects":"REWRITE_EXPECTS=true node .tape.mjs"},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","clear","css","float","inline","logical","postcss","postcss-plugin"],"csstools":{"cssdbId":"float-clear-logical-values","exportName":"postcssLogicalFloatAndClear","humanReadableName":"PostCSS Logical Float And Clear","specUrl":"https://www.w3.org/TR/css-logical-1/#float-clear"},"volta":{"extends":"../../package.json"},"gitHead":"4a7823d9a06d22d07725248431267266c7c17e3a","_id":"@csstools/postcss-logical-float-and-clear@2.0.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"shasum":"15e1b5d16dce01ad1e676167d0909e3958234eb5","size":3964,"noattachment":false,"key":"/@csstools/postcss-logical-float-and-clear/-/@csstools/postcss-logical-float-and-clear-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-float-and-clear/download/@csstools/postcss-logical-float-and-clear-2.0.0.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-float-and-clear_2.0.0_1688372073592_0.16086981550602486"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-07-03T08:14:33.759Z","publish_time":1688372073759,"_source_registry_name":"default","_cnpm_publish_time":1688372073759},"1.0.1":{"name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","version":"1.0.1","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"CC0-1.0","funding":{"type":"opencollective","url":"https://opencollective.com/csstools"},"engines":{"node":"^14 || ^16 || >=18"},"main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.mjs"}},"peerDependencies":{"postcss":"^8.4"},"scripts":{"prebuild":"npm run clean","build":"rollup -c ../../rollup/default.mjs","clean":"node -e \"fs.rmSync('./dist', { recursive: true, force: true }); fs.mkdirSync('./dist');\"","docs":"node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs","lint":"npm run lint:eslint && npm run lint:package-json","lint:eslint":"eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern","lint:package-json":"node ../../.github/bin/format-package-json.mjs","prepublishOnly":"npm run clean && npm run build && npm run test","test":"node .tape.mjs && npm run test:exports","test:exports":"node ./test/_import.mjs && node ./test/_require.cjs","test:rewrite-expects":"REWRITE_EXPECTS=true node .tape.mjs"},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","clear","css","float","inline","logical","postcss","postcss-plugin"],"csstools":{"cssdbId":"float-clear-logical-values","exportName":"postcssLogicalFloatAndClear","humanReadableName":"PostCSS Logical Float And Clear","specUrl":"https://www.w3.org/TR/css-logical-1/#float-clear"},"volta":{"extends":"../../package.json"},"gitHead":"85d2cd3675e646e1364e8f85fc513c03269533a8","_id":"@csstools/postcss-logical-float-and-clear@1.0.1","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"shasum":"d255ea7aad18880930b63d8a04164f56182f2ecf","size":6001,"noattachment":false,"key":"/@csstools/postcss-logical-float-and-clear/-/@csstools/postcss-logical-float-and-clear-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-float-and-clear/download/@csstools/postcss-logical-float-and-clear-1.0.1.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-float-and-clear_1.0.1_1674891816430_0.08413692858856381"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-01-28T07:43:36.597Z","publish_time":1674891816597,"_cnpm_publish_time":1674891816597},"1.0.0":{"name":"@csstools/postcss-logical-float-and-clear","description":"Use flow-relative (inline-start and inline-end) values for float and clear","version":"1.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"CC0-1.0","funding":{"type":"opencollective","url":"https://opencollective.com/csstools"},"engines":{"node":"^14 || ^16 || >=18"},"main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.mjs"}},"peerDependencies":{"postcss":"^8.4"},"scripts":{"prebuild":"npm run clean","build":"rollup -c ../../rollup/default.mjs","clean":"node -e \"fs.rmSync('./dist', { recursive: true, force: true }); fs.mkdirSync('./dist');\"","docs":"node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs","lint":"npm run lint:eslint && npm run lint:package-json","lint:eslint":"eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern","lint:package-json":"node ../../.github/bin/format-package-json.mjs","prepublishOnly":"npm run clean && npm run build && npm run test","stryker":"stryker run --logLevel error","test":"node .tape.mjs && npm run test:exports","test:exports":"node ./test/_import.mjs && node ./test/_require.cjs","test:rewrite-expects":"REWRITE_EXPECTS=true node .tape.mjs"},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-float-and-clear"},"keywords":["postcss-plugin"],"csstools":{"cssdbId":"float-clear-logical-values","exportName":"postcssLogicalFloatAndClear","humanReadableName":"PostCSS Logical Float And Clear","specUrl":"https://www.w3.org/TR/css-logical-1/#float-clear"},"volta":{"extends":"../../package.json"},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"gitHead":"ed0119f3eb6d06b7d453580aef27740f86613ed4","_id":"@csstools/postcss-logical-float-and-clear@1.0.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"shasum":"decbd886f6ceb1ece72030afa3f75b4f8adbd5ee","size":5972,"noattachment":false,"key":"/@csstools/postcss-logical-float-and-clear/-/@csstools/postcss-logical-float-and-clear-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-float-and-clear/download/@csstools/postcss-logical-float-and-clear-1.0.0.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-float-and-clear_1.0.0_1674151134937_0.7938989609620595"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-01-19T17:58:55.080Z","publish_time":1674151135080,"_cnpm_publish_time":1674151135080}},"readme":"# PostCSS Logical Float And Clear [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-logical-float-and-clear --save-dev`\n\n[PostCSS Logical Float And Clear] lets you use logical, rather than physical, direction and dimension mappings in CSS, following the [CSS Logical Properties and Values] specification.\n\n```css\n.element {\n\tclear: inline-start;\n\tfloat: inline-end;\n}\n\n/* becomes */\n\n.element {\n\tclear: left;\n\tfloat: right;\n}\n```\n\n## Usage\n\nAdd [PostCSS Logical Float And Clear] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-logical-float-and-clear --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssLogicalFloatAndClear = require('@csstools/postcss-logical-float-and-clear');\n\npostcss([\n\tpostcssLogicalFloatAndClear(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### inlineDirection\n\nThe `inlineDirection` option allows you to specify the direction of the inline axe. The default value is `left-to-right`, which would match any latin language.\n\n**You should tweak this value so that it is specific to your language and writing mode.**\n\n```js\npostcssLogicalFloatAndClear({\n\tinlineDirection: 'right-to-left'\n})\n```\n\n```css\n.element {\n\tclear: inline-start;\n\tfloat: inline-end;\n}\n\n/* becomes */\n\n.element {\n\tclear: right;\n\tfloat: left;\n}\n```\n\nEach direction must be one of the following:\n\n- `top-to-bottom`\n- `bottom-to-top`\n- `left-to-right`\n- `right-to-left`\n\nPlease do note that transformations won't run if `inlineDirection` becomes vertical.\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#float-clear-logical-values\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-logical-float-and-clear\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Logical Float And Clear]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear\n[CSS Logical Properties and Values]: https://www.w3.org/TR/css-logical-1/#float-clear\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT-0"}