@csstools/postcss-logical-viewport-units - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

CHANGELOG.md

		# Changes to PostCSS Logical Viewport Units

		### 2.0.1

		_July 24, 2023_

		- Updated [`@csstools/css-tokenizer`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-tokenizer) to [`2.2.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-tokenizer/CHANGELOG.md#220) (minor)

		### 2.0.0
		@@ -4,0 +10,0 @@

package.json

		{
		"name": "@csstools/postcss-logical-viewport-units",
		"description": "Use vb and vi length units in CSS",
		"version": "2.0.0",
		"version": "2.0.1",
		"contributors": [
		@@ -48,3 +48,3 @@ {
		"dependencies": {
		"@csstools/css-tokenizer": "^2.1.1"
		"@csstools/css-tokenizer": "^2.2.0"
		},
		@@ -51,0 +51,0 @@ "peerDependencies": {

README.md

		@@ -52,35 +52,35 @@ # PostCSS Logical Viewport Units [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]

		### inlineDirection
		### inlineDirection

		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.
		The `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.

		You might want to tweak these value if you are using a different writing system, such as Arabic, Hebrew or Chinese for example.
		You should tweak this value so that it is specific to your language and writing mode.

		```js
		postcssLogicalViewportUnits({
		inlineDirection: 'top-to-bottom'
		})
		```
		```js
		postcssLogicalViewportUnits({
		inlineDirection: 'top-to-bottom'
		})
		```

		```pcss
		.foo {
		```pcss
		.foo {
		margin: 10vi 20vb;
		}

		/* becomes */
		/* becomes */

		.foo {
		.foo {
		margin: 10vh 20vw;
		margin: 10vi 20vb;
		}
		```
		```

		Each direction must be one of the following:
		Each direction must be one of the following:

		- `top-to-bottom`
		- `bottom-to-top`
		- `left-to-right`
		- `right-to-left`
		- `top-to-bottom`
		- `bottom-to-top`
		- `left-to-right`
		- `right-to-left`

		Please do note that transformations won't do anything particular for `right-to-left` or `bottom-to-top`.
		Please do note that transformations won't do anything particular for `right-to-left` or `bottom-to-top`.

		@@ -87,0 +87,0 @@ ### preserve

New alerts