@csstools/postcss-logical-viewport-units
Advanced tools
Comparing version 2.0.0 to 2.0.1
# 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 @@ |
{ | ||
"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": { |
@@ -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 |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
12361
1