Modern CSS

Logical properties

Logical properties improve maintainability, internationalisation, and layout consistency.

CSS code example
.card {
    padding-inline: 1rem;
    margin-block: 2rem;
}

Architecture impact

  • improves RTL support
  • reduces directional assumptions
  • supports internationalisation
  • improves consistency