{"_id":"@csstools/postcss-logical-viewport-units","_rev":"259820","name":"@csstools/postcss-logical-viewport-units","description":"Use vb and vi length units in CSS","dist-tags":{"latest":"1.0.2"},"maintainers":[{"name":"alaguna","email":""},{"name":"jonathantneal","email":""}],"time":{"modified":"2023-03-27T17:09:44.000Z","created":"2023-01-19T17:57:51.538Z","1.0.2":"2023-01-28T07:44:34.989Z","1.0.1":"2023-01-24T18:38:54.502Z","1.0.0":"2023-01-19T17:57:51.538Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-viewport-units"},"versions":{"1.0.2":{"name":"@csstools/postcss-logical-viewport-units","description":"Use vb and vi length units in CSS","version":"1.0.2","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"}},"dependencies":{"@csstools/css-tokenizer":"^2.0.0"},"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-viewport-units#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-viewport-units"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","css","inline","logical","padding","postcss","postcss-plugin","viewport units"],"csstools":{"cssdbId":"logical-viewport-units","exportName":"postcssLogicalViewportUnits","humanReadableName":"PostCSS Logical Viewport Units","specUrl":"https://www.w3.org/TR/css-values-4/#viewport-relative-units"},"volta":{"extends":"../../package.json"},"gitHead":"ae75373d7e77c873a04f47bb816fe7e46c450c03","_id":"@csstools/postcss-logical-viewport-units@1.0.2","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"shasum":"b968c57e1459429b48b24e2c250ca0904d71df6e","size":6705,"noattachment":false,"key":"/@csstools/postcss-logical-viewport-units/-/@csstools/postcss-logical-viewport-units-1.0.2.tgz","tarball":"http://name.csiicloud.com:7001/@csstools/postcss-logical-viewport-units/download/@csstools/postcss-logical-viewport-units-1.0.2.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":""},{"name":"jonathantneal","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-viewport-units_1.0.2_1674891874841_0.9305445522071576"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-01-28T07:44:34.989Z","publish_time":1674891874989,"_cnpm_publish_time":1674891874989},"1.0.1":{"name":"@csstools/postcss-logical-viewport-units","description":"Use vb and vi length units 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":"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"}},"dependencies":{"@csstools/css-tokenizer":"^2.0.0"},"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-viewport-units#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-viewport-units"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["block","css","inline","logical","padding","postcss","postcss-plugin","viewport units"],"csstools":{"cssdbId":"logical-viewport-units","exportName":"postcssLogicalViewportUnits","humanReadableName":"PostCSS Logical Viewport Units","specUrl":"https://www.w3.org/TR/css-values-4/#viewport-relative-units"},"volta":{"extends":"../../package.json"},"gitHead":"da30c0ee9001d758cc9173861b0703a085dd9d8f","_id":"@csstools/postcss-logical-viewport-units@1.0.1","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"shasum":"b4e775261a592b16cb419b21f47b8779ac6fd450","size":6681,"noattachment":false,"key":"/@csstools/postcss-logical-viewport-units/-/@csstools/postcss-logical-viewport-units-1.0.1.tgz","tarball":"http://name.csiicloud.com:7001/@csstools/postcss-logical-viewport-units/download/@csstools/postcss-logical-viewport-units-1.0.1.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":""},{"name":"jonathantneal","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-viewport-units_1.0.1_1674585534333_0.8831927596456979"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-01-24T18:38:54.502Z","publish_time":1674585534502,"_cnpm_publish_time":1674585534502},"1.0.0":{"name":"@csstools/postcss-logical-viewport-units","description":"Use vb and vi length units 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":"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"},"devDependencies":{"@csstools/css-tokenizer":"^1.0.0"},"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-viewport-units#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-logical-viewport-units"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["postcss-plugin"],"csstools":{"cssdbId":"logical-viewport-units","exportName":"postcssLogicalViewportUnits","humanReadableName":"PostCSS Logical Viewport Units","specUrl":"https://www.w3.org/TR/css-values-4/#viewport-relative-units"},"volta":{"extends":"../../package.json"},"gitHead":"ed0119f3eb6d06b7d453580aef27740f86613ed4","_id":"@csstools/postcss-logical-viewport-units@1.0.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"shasum":"b9dfd91a95716999dcb16c6e979eded9d7c44d35","size":6617,"noattachment":false,"key":"/@csstools/postcss-logical-viewport-units/-/@csstools/postcss-logical-viewport-units-1.0.0.tgz","tarball":"http://name.csiicloud.com:7001/@csstools/postcss-logical-viewport-units/download/@csstools/postcss-logical-viewport-units-1.0.0.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":""},{"name":"jonathantneal","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-logical-viewport-units_1.0.0_1674151071344_0.5690212096678737"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-01-19T17:57:51.538Z","publish_time":1674151071538,"_cnpm_publish_time":1674151071538}},"readme":"# PostCSS Logical Viewport Units [![\"PostCSS](\"https://postcss.github.io/postcss/logo.svg\")
][PostCSS]\n\n[![\"npm](\"https://img.shields.io/npm/v/@csstools/postcss-logical-viewport-units.svg\")
][npm-url] [![\"CSS](\"https://cssdb.org/images/badges/logical-viewport-units.svg\")
][css-url] [![\"Build](\"https://github.com/csstools/postcss-plugins/workflows/test/badge.svg\")
][cli-url] [![\"Discord\"](\"https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white\")
][discord]\n\n[PostCSS Logical Viewport Units] lets you easily use `vb` and `vi` length units following the [CSS-Values-4 Specification].\n\n```pcss\n.foo {\n\tmargin: 10vi 20vb;\n}\n\n/* becomes */\n\n.foo {\n\tmargin: 10vw 20vh;\n\tmargin: 10vi 20vb;\n}\n```\n\n## Usage\n\nAdd [PostCSS Logical Viewport Units] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-logical-viewport-units --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssLogicalViewportUnits = require('@csstools/postcss-logical-viewport-units');\n\npostcss([\n\tpostcssLogicalViewportUnits(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n[PostCSS Logical Viewport Units] runs in all Node environments, with special\ninstructions for:\n\n- [Node](INSTALL.md#node)\n- [PostCSS CLI](INSTALL.md#postcss-cli)\n- [PostCSS Load Config](INSTALL.md#postcss-load-config)\n- [Webpack](INSTALL.md#webpack)\n- [Next.js](INSTALL.md#nextjs)\n- [Gulp](INSTALL.md#gulp)\n- [Grunt](INSTALL.md#grunt)\n\n## Options\n\n ### inlineDirection\n\n The `inlineDirection` option allows you to specify the direction of the inline axe. The default value is `left-to-right` respectively which would match any latin language.\n\n You might want to tweak these value if you are using a different writing system, such as Arabic, Hebrew or Chinese for example.\n\n ```js\n postcssLogicalViewportUnits({\n \tinlineDirection: 'top-to-bottom'\n })\n ```\n\n ```pcss\n .foo {\n\tmargin: 10vi 20vb;\n}\n\n /* becomes */\n\n .foo {\n\tmargin: 10vh 20vw;\n\tmargin: 10vi 20vb;\n}\n ```\n\n Each 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 Please do note that transformations won't do anything particular for `right-to-left` or `bottom-to-top`.\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is preserved.\n\n```js\npostcssLogicalViewportUnits({ preserve: false })\n```\n\n```pcss\n.foo {\n\tmargin: 10vi 20vb;\n}\n\n/* becomes */\n\n.foo {\n\tmargin: 10vw 20vh;\n}\n```\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#logical-viewport-units\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-logical-viewport-units\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Logical Viewport Units]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-viewport-units\n[CSS-Values-4 Specification]: https://www.w3.org/TR/css-values-4/#viewport-relative-units\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-viewport-units#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"CC0-1.0"}