Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adopt CSS logical properties #3406

Merged
merged 1 commit into from
May 1, 2024

Commits on Apr 30, 2024

  1. Adopt CSS logical properties

    Prepare for Carbon 11 upgrade, adopt CSS logical properties for consistency and
    to take advantage of some of the new auto-layout features.
    
    - `width` becomes `inline-size`
    - `margin-top` becomes `margin-block-start`
    - `top` and `right` become `inset-block-start` and `inset-inline-end`
      respectively
    - viewport units `vw` (width) and `vh` (height) become `vi` (inline) and `vb`
      (block) respectively
    - etc.
    
    Logical properties aren't supported in media queries yet so there are still some
    uses of `min-width` remaining for now.
    
    Similarly, the logical property replacements for `overflow-x` and `overflow-y`
    are currently only supported in Firefox, so we keep the existing properties for
    now and can implement a workaround to honour writing direction etc. if needed.
    
    Also update some variables and other identifiers in code to use the `start` /
    `end` naming for consistency. Some functions which are part of component APIs
    keep their original naming for now.
    AlanGreene committed Apr 30, 2024
    Configuration menu
    Copy the full SHA
    3b5453b View commit details
    Browse the repository at this point in the history