terribleMia’s avatarterribleMia’s Twitter Archive—№ 10,737

  1. 🥳 This is just a proof of concept for… something. I'm not sure what. codepen.io/miriamsuzanne/pen/zYZyXwK The idea is to: - set an element to resize - establish "target" sizes with [style] selectors - turn off "resize" when you hit the target - trigger other events along the way
    1. …in reply to @TerribleMia
      At this point there are no container queries involved, but there *should be*. 😃 CQs would make it easier to set target ranges that trigger the internal changes. But they wouldn't allow you to select the container itself. So the [style] selectors are required to turn off resize.
      1. …in reply to @TerribleMia
        I'm using "Space Toggles" here to make the logic a bit more interesting. github.com/propjockey/css-sweeper#css-is-a-programming-language-thanks-to-the-space-toggle-trick