{"_id":"@csstools/postcss-logical-overscroll-behavior","_rev":"4266101","name":"@csstools/postcss-logical-overscroll-behavior","description":"Use logical overscroll behavior properties and values in CSS","dist-tags":{"latest":"3.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-10-31T18:16:21.644Z","3.0.0":"2026-01-14T07:23:32.156Z","2.0.0":"2024-08-03T21:37:42.186Z","1.0.1":"2023-12-15T23:19:26.973Z","1.0.0":"2023-10-31T18:16:21.644Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-overscroll-behavior"},"versions":{"3.0.0":{"name":"@csstools/postcss-logical-overscroll-behavior","description":"Use logical overscroll behavior properties and values in CSS","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":">=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-overscroll-behavior#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-overscroll-behavior"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["css","logical","overscroll-behavior","postcss-plugin"],"gitHead":"73f820aba42c8fca10d459016a3058451b3cda20","_id":"@csstools/postcss-logical-overscroll-behavior@3.0.0","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"989e01da06c55a984212021c3bb5a0631f0d7bf3","size":2873,"noattachment":false,"key":"/@csstools/postcss-logical-overscroll-behavior/-/@csstools/postcss-logical-overscroll-behavior-3.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-overscroll-behavior/download/@csstools/postcss-logical-overscroll-behavior-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-npm-production","tmp":"tmp/postcss-logical-overscroll-behavior_3.0.0_1768375412000_0.5251296488342578"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-14T07:23:32.156Z","publish_time":1768375412156,"_source_registry_name":"default","_cnpm_publish_time":1768375412156},"2.0.0":{"name":"@csstools/postcss-logical-overscroll-behavior","description":"Use logical overscroll behavior properties and values in CSS","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":">=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-overscroll-behavior#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-overscroll-behavior"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["css","logical","overscroll-behavior","postcss-plugin"],"_id":"@csstools/postcss-logical-overscroll-behavior@2.0.0","gitHead":"14463b11705a619d272b970d4551a580f67e4a90","types":"./dist/index.d.ts","_nodeVersion":"22.1.0","_npmVersion":"10.7.0","dist":{"shasum":"43c03eaecdf34055ef53bfab691db6dc97a53d37","size":2883,"noattachment":false,"key":"/@csstools/postcss-logical-overscroll-behavior/-/@csstools/postcss-logical-overscroll-behavior-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-overscroll-behavior/download/@csstools/postcss-logical-overscroll-behavior-2.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-overscroll-behavior_2.0.0_1722721061944_0.6134334622605946"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2024-08-03T21:37:42.186Z","publish_time":1722721062186,"_source_registry_name":"default","_cnpm_publish_time":1722721062186},"1.0.1":{"name":"@csstools/postcss-logical-overscroll-behavior","description":"Use logical overscroll behavior properties and values in CSS","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":"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-overscroll-behavior#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-overscroll-behavior"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["css","logical","overscroll-behavior","postcss-plugin"],"_id":"@csstools/postcss-logical-overscroll-behavior@1.0.1","gitHead":"bd54ec7bf87da53d8afa6324d2e74b8aecce62f3","types":"./dist/index.d.ts","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"shasum":"9305a6f0d08bb7b5f1a228272951f72d3bf9d44f","size":3135,"noattachment":false,"key":"/@csstools/postcss-logical-overscroll-behavior/-/@csstools/postcss-logical-overscroll-behavior-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-overscroll-behavior/download/@csstools/postcss-logical-overscroll-behavior-1.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-overscroll-behavior_1.0.1_1702682366789_0.5373288258594264"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-12-15T23:19:26.973Z","publish_time":1702682366973,"_source_registry_name":"default","_cnpm_publish_time":1702682366973},"1.0.0":{"name":"@csstools/postcss-logical-overscroll-behavior","description":"Use logical overscroll behavior properties and values in CSS","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":"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-overscroll-behavior#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-overscroll-behavior"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["css","logical","overscroll-behavior","postcss-plugin"],"csstools":{"cssdbId":"logical-overscroll-behavior","exportName":"postcssLogicalOverscrollBehavior","humanReadableName":"PostCSS Logical Overscroll Behavior","specUrl":"https://www.w3.org/TR/css-overscroll-1/#overscroll-behavior-longhands-logical"},"volta":{"extends":"../../package.json"},"_id":"@csstools/postcss-logical-overscroll-behavior@1.0.0","gitHead":"72db60a04e1621c3e0564defc07942bbd97c2bc3","_nodeVersion":"20.5.0","_npmVersion":"9.8.0","dist":{"shasum":"93f60a71f75dab89b471166e6c3d44c8ef1b76b8","size":3435,"noattachment":false,"key":"/@csstools/postcss-logical-overscroll-behavior/-/@csstools/postcss-logical-overscroll-behavior-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-logical-overscroll-behavior/download/@csstools/postcss-logical-overscroll-behavior-1.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-overscroll-behavior_1.0.0_1698776181461_0.6526625568260986"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-10-31T18:16:21.644Z","publish_time":1698776181644,"_source_registry_name":"default","_cnpm_publish_time":1698776181644}},"readme":"# PostCSS Logical Overscroll Behavior [<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-overscroll-behavior --save-dev`\n\n[PostCSS Logical Overscroll Behavior] lets you use `overscroll-behavior-inline` and `overscroll-behavior-block` properties following the [CSS Overscroll Specification].\n\n```css\n.inline {\n\toverscroll-behavior-inline: auto;\n}\n\n.block {\n\toverscroll-behavior-block: contain;\n}\n\n/* becomes */\n\n.inline {\n\toverscroll-behavior-x: auto;\n}\n\n.block {\n\toverscroll-behavior-y: contain;\n}\n```\n\n## Usage\n\nAdd [PostCSS Logical Overscroll Behavior] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-logical-overscroll-behavior --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssLogicalOverscrollBehavior = require('@csstools/postcss-logical-overscroll-behavior');\n\npostcss([\n\tpostcssLogicalOverscrollBehavior(/* 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\npostcssLogicalOverscrollBehavior({\n\tinlineDirection: 'top-to-bottom'\n})\n```\n\n```css\n.inline {\n\toverscroll-behavior-inline: auto;\n}\n\n.block {\n\toverscroll-behavior-block: contain;\n}\n\n/* becomes */\n\n.inline {\n\toverscroll-behavior-y: auto;\n}\n\n.block {\n\toverscroll-behavior-x: contain;\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\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#logical-overscroll-behavior\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-logical-overscroll-behavior\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Logical Overscroll Behavior]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-overscroll-behavior\n[CSS Overscroll Specification]: https://www.w3.org/TR/css-overscroll-1/#overscroll-behavior-longhands-logical\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-overscroll-behavior#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT-0"}