https://htmx.org logo
Join Discord
Powered by
# missing_dot_css
  • m

    https://www.youtube.com/watch?v=lt-udg9zQSE▾

  • g
    Copy code
    bash
for dir in  releases/_artifacts/*; do jq <package.json '.version = "'$(basename $dir)'"[1:] | .files = ["*"]' > "$dir/package.json"; done
for dir in  releases/_artifacts/*; do cp README.md LICENSE "$dir"; done
for dir in  releases/_artifacts/*; do (cd "$dir" && npm pack); done
  • m
    > Where have you been? > It's alright, we know where you've been
  • g
    oh yeah, forgot it does that
  • l
    a bash script should horrify you in proportion with its utility
  • l
    like the hot-crazy ratio but with footguns instead of misogyny
  • f
    Hi, I am Dan. I am doing a "CRUD" project with missing.style.css and htmx and CfWheels and . Trying to make a SPA-like-app in HTMX. Code is based upon https://github.com/chapmandu/cfwheels-htmx-crud QUESTION: In my /views/layout.cfm, after I include #styleSheetLinkTag("https://the.missing.style,custom")# , how do I change the default character width of field(s) using css to "25em" ? It fits only 12 "W" characters in the field, want to make it fit 25 "W" characters.
  • l
    You should be able to put a style tag in just below that, then specify the changes. (It needs to be after to override what comes before.) Something like 
    input[type=text] { width: 25em; }
    (you'll want to specify the type, because there are many UI elements that use input as their tag)
  • https://www.aha.io/engineering/articles/css-is-hard-no-matter-how-good-you-are-at-it
    m
  • https://news.ycombinator.com/item?id=35361628
    m
  • I barely understand the css box model
    m
    I barely understand the css box model
  • Interesting comment: https://news.ycombinator.com/item?id=35362424
    m
  • Can you have different grids per breakpoint as a class on missing.css ? or am i supposed to write my media queries?
    c
    Can you have different grids per breakpoint as a class on missing.css ? or am i supposed to write my media queries?
  • oh i didnt know that was a thing. I was only reading demos. I will check the doc, thx
    c
    oh i didnt know that was a thing. I was only reading demos. I will check the doc, thx
  • c
    Begginer missing.css user with a hot take... how about using vw's (aka responsive text) for missing.css text? Is there an easy way for me to override all and turn in into responsive? right now I am settings styles in my text elements.
  • g
    just set font-size on html. we use ems and rems for everything
  • g
    however: using vw for font sizes makes your font unzoomable
  • c
    what a problematic side effecvvt
  • c
    ok, sounds like font size on html and regular css media queries is the answer
  • c
    i was trying to avoid media queries for whatever reason, but seems like i cant escape them
  • s
    How so? I use vw-based font size in my Downstyler project, and I can still zoom the text: https://waldyrious.net/downstyler/comparisons/demo-downstyler.xhtml (the relevant CSS: https://github.com/waldyrious/downstyler/blob/e29e160/downstyler.css#L17-L18)
  • g
    That's the clamp() at work, the VW is active for such a brief interval that it doesn't matter.
  • s
    It may be brief in terms of the absolute interval of font sizes, but it's pretty broad in terms of the screen widths it applies to (the most common screen widths fall within that range, IIRC from when I first implemented it)
  • s
    Update: documented the range of dynamic font sizing (600px–1240px): https://github.com/waldyrious/downstyler/blob/3b3ee21/downstyler.css#L17-L19
  • m
    Hey! Can dark mode be toggled or does it only follow the system preference?
  • g
    you can add 
    no-dark-theme
    to the 
    html
    element to disable it. no way currently to turn it on and off
  • g
    the 
    color-mix()
    function is in all browsers soon (firefox has it behind a flag). This will let us cut back on the number of color variables as we can generate them
  • m
    Thanks! That will do 👍
  • m
    color-mix()
    was new for me, awesome!
  • m