Tailwind logical properties classes does not work as expected - Githubissues

roots / sage

WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow

https://roots.io/sage/

MIT License

12.69k stars 3.06k forks source link

Tailwind logical properties classes does not work as expected #3191

Closed alaa-alshamy closed 3 months ago

alaa-alshamy commented 3 months ago

Version

v10.8.2

What did you expect to happen?

When I use for example ms-1 css class, tailwind should use margin-inline-start, like following:

.ms-1 {
    margin-inline-start: 0.25rem;
}

What actually happens?

It actullay use margin-left, like following:

.ms-1 {
    margin-left: 0.25rem;
}

Steps to reproduce

Just create a new sage theme and use one of the logical properties classes for example ms-1, none of them working as expected

System info

No response

Log output

No response

Please confirm this isn't a support request.

Yes

retlehs commented 3 months ago

Dupe https://github.com/roots/bud/issues/2597