https://htmx.org logo
Join Discord
Powered by
# missing_dot_css
  • g
    Copy code
    * (master)
|
* (v0.2.2, the)
|
* (v0.2.1)
|
:
'
  • m
  • m
  • m
    there is interest here
  • m
    a hyperscript missing.css generator
  • m

    https://www.youtube.com/watch?v=0QYjFzFvJk4▾

  • b
    Suggest name change from "Power Structures" to "c-c-c-COMBOs"
  • b
    also, "Combonents"
  • m
    Sty-Combinators
  • m
    that is looking fantastic deniz
  • g
    oops, a rogue navbar in the screenshot
  • m
    one thought I've had for a long time w/ forms: people often use tables to get labels to line up. I think you can give non-tables a table layout mechanism and I always wondered if that was the right thing as an option. Just a thought, haven't looked deeply into it.
  • g
    I tried to do it with css grid + subgrid
  • g
    Couldn't make it work
  • g
    Maybe I'll try display:table
  • m
    Pragmatic!
  • m
    “Don’t use tables for layout”
  • s
    When I've needed to use simple grids in legacy systems, I've added PocketGrid, which uses `display:table`: https://arnaudleray.github.io/pocketgrid/
  • p
    grid + flex has largely subsumed my usage of tables for layout
  • m
    Can you make labels line up w this approach? Can you post an example?
  • p
    sure, do we have an example paste/fiddle we can iterate on?
  • m
    nope, but you could use the template code from here: https://missing.style/demos/html5/#forms__input
  • p
    maybe i'm not getting it, the labels seem to be lined up in the demo template
  • m
    this is the effect we are loooking for, w/ the labels all having the same width in the same manner that table columns do
  • m
    w/o the user needing to intervene
  • m
    @User i think it would be more "standard" to have the active button sunk here:
  • r
    I feel ya, but yes grid is traditional table layouts within CSS. Probably doesn't line up with what you guys are doing with missing.css, but my mantra is "everything is ``". then I just throw grid and flex in there to build out any layout.
  • r
    its funny that after all these years CSS mostly landed on grid, which is just tables.
  • g
    Yes. It feels disingenuous to say “don’t use tables” and then just make DIVs act just like tables. But every time I start hating on CSS designers too much, I remind myself that a will always be a table, and they use s instead to use media queries and switch up the display on smaller screens. That’s the ONE reason to keep all the unholiness.
  • g
1...141516...44Latest