terribleMia’s avatarterribleMia’s Twitter Archive—№ 7,772

  1. …in reply to @Martine_Dowden
    Martine_Dowden Ooooo, let me tell you a story about *logical properties* – using block/inline and start/end, rather than TRBL. In a horizontal, left-to-right writing-mode... width ~ inline-size height ~ block-size padding-left ~ padding-inline-start margin-block ~ 🤯 (top & bottom)
    1. …in reply to @TerribleMia
      Martine_Dowden But these are not new names for the same old thing. Sometimes they map, but the mapping changes based on writing-mode. Switch to vertical text, and inline/block change relative to the text flow, while physical props stay true to their physical locations.
      1. …in reply to @TerribleMia
        Martine_Dowden Looks like MDN & CanIUse disagree about Safari support for *-block & *-inline shorthands… I'll have to dig into that...
        1. …in reply to @TerribleMia
          Martine_Dowden Other logical properties like inset and inset-* (think positioning offsets top/right/bottom/left) are also behind on support…