Skip to content

Use logical properties for margin and padding #913

@shuuji3

Description

@shuuji3

There are several warnings on the usage of physical properties. Please replace them with the corresponding logical properties.

> pnpm build

(...)

│
●  Nitro preset: node-server
ℹ vite v8.0.0-beta.11 building client environment for production...                                                                                                                                                 5:42:24 PM
✓ 805 modules transformed.
[RTL] Avoid using 'left-0'. Use 'inset-is-0' instead.

(...)

ℹ ✓ built in 5.81s                                                                                                                                                                                                  5:42:30 PM
ℹ vite v8.0.0-beta.11 building ssr environment for production...                                                                                                                                                    5:42:30 PM
✓ 458 modules transformed.
[RTL] Avoid using 'right-5'. Use 'inset-ie-5' instead.
[RTL] Avoid using 'right-8'. Use 'inset-ie-8' instead.
[RTL] Avoid using 'right-0'. Use 'inset-ie-0' instead.
[RTL] Avoid using 'pl-[100px]'. Use 'ps-[100px]' instead.
[RTL] Avoid using 'right-[190px]'. Use 'inset-ie-[190px]' instead.
[RTL] Avoid using 'right-[-100%]'. Use 'inset-ie-[-100%]' instead.
[RTL] Avoid using 'mr-3'. Use 'me-3' instead.
[RTL] Avoid using 'ml-2'. Use 'ms-2' instead.
[RTL] Avoid using 'pr-10'. Use 'pe-10' instead.
[RTL] Avoid using 'pl-2'. Use 'ps-2' instead.
[RTL] Avoid using 'right-[90px]'. Use 'inset-ie-[90px]' instead.
[RTL] Avoid using 'right-32'. Use 'inset-ie-32' instead.

(...)

ref.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions