CSS Logical Properties for RTL

Support bidirectional text layouts using CSS logical properties like margin-inline and padding-block for internationalization.

.card {
  padding-inline: 1rem;
  padding-block: 0.5rem;
  margin-inline-start: auto;
  border-inline-start: 2px solid #4f46e5;
}

[dir="rtl"] .icon {
  transform: scaleX(-1);
}

Report a problem with this exampleOpens a pre-filled issue on GitHub.