https://htmx.org logo
Join Discord
Powered by
# missing_dot_css
  • m
    i want to spend some time thinking about layout, but my brain is completely fried right now
  • r
    Also you mention flexbox. Here's how I like to think about it-- Grid = You impose a layout for content. Flex = The content imposes a layout for you, using your suggestions
  • r
    Depending on what you're doing, a lot of UI's fit into both of those categories, and you can use them together, but that's the subtle difference.
  • r
    Grid is super close to how tables worked, but more control, and you can use them on any tag.
  • r
    also you can get Grid to mimic Flex somewhat using 
    fit-content()
    inside 
    repeat()
  • r
    when defining columns
  • a
    should the channel description (channel topic) have a link to the website/repo?
  • r
    This channel could evolve into #css ... htmx/hyperscript are just so closely intertwined with css that I don't see a lack of css discussion anytime soon.
  • r
    missing has already achieved pretty much what it set out to do I think
  • c
    Missing dot?
  • c
    What's missing?
  • f
    the Javascript on the page, because it doesn't work
  • c
    I think I am missing some context, which page?
  • g
  • m
    mobile support when?
  • g
    ...now?
  • g
    Oh, the flexbox is broken
  • g
    should i make a vscode theme from missing.css colors
  • m
    🤔
  • g
    https://gist.github.com/dz4k/0441c40173ca7b3402c88fb359665158 the list of all classes and custom elements in missing.css
  • g
    I'd love if people gave it a browse and offered feedback on the naming, what's redundant, what's lacking etc.
  • m
    overall I love the naming
  • m
    what is the distinction here?
  • m
    and what does vh maen?
  • g
    visually hidden
  • g
    It's used a lot for fallback punctuation
  • g
    i.e. if you have a sub-title, but CSS doesn't load, you can add a comma or em dash
  • g
    no distinction, and I'm planning on deprecating the element forms. They're just shorthand
  • g
    One change I'm planning is to make things more consistent. Previously I used dashes for "components" and all one word for utilities, but the distinction between those is quite blurry.
  • g
    Also: remove 
    tool-bar
    in favor of 
    f-row flex-wrap:wrap
    and add an ARIA toolbar component with more features
1...282930...44Latest