Bolt.css

Dev tools

css stylesheet

SHOW HN2022

134points
37comments
#452of 2,570 in 2022
Top 18%of 2022 by points

How HN took it

MixedNo clear lean

5 positive, 13 neutral or asking, 3 mixed, 6 critical, out of 27 comments about the project. Thread score -0.04.

Design: 0 for, 5 againstIdea: 3 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Clean, minimalistic look; inline text blocks look good

    From 3 comments
    • Looks decent, pretty minimalistic. The form / input styles should use :focus-within instead of :hover to apply styles, using "power-user" keyboard navigation with tab and such…
      nawgz on HN
    • This is pretty neat. I loved it.
      samaybhavsar on HN
    • I like it, nice work!
      codazoda on HN
  • Works well on mobile Safari

    From 1 comment
    • This looks great on mobile Safari. Overflow-y scrolling inside the code block is a great touch. In fact the only real issue I see is the very last element, the range slider, for…
      alehlopeh on HN
  • Useful for simple static pages and auto-generated HTML

    From 3 comments
    • Places where you want to auto-generate html reports or do simple data processing into html and not fuss over basic inline styles. I have a few internal tools that use…
      TheGoodBarn on HN
    • Easy to toss on content like markdown or straight out of a CMS and get nice looking pages vs. the default browser styles (that look like 1996).
      qbasic_forever on HN
    • For something like a personal website or blog this seems totally sufficient, though maybe a bit boring. I disagree that these kinds of projects are "generally a terrible idea."
      deck4rd on HN

Objections

  • Overrides default link colours with contrast below WCAG AA for normal text

    From 2 comments
    • Overwriting blue links with...blue links that fail WCAG2 and have no pseudo-classes. Replacing the default down arrow in <details> with...a down arrow SVG. Delete it from the…
      cantSpellSober on HN
    • They fail WCAG2 AA for "Normal Text" contrast at a ratio of 3.46:1 (#4589EE over #FFF).
      cantSpellSober on HN
  • Form inputs grey background looks disabled; focus styling uses :hover

    From 3 comments
    • From a quick look it's nice but I think the grey background color for the inputs is not a good choice, it gives the impression that they are disabled.
      brunno on HN
    • Looks decent, pretty minimalistic. The form / input styles should use :focus-within instead of :hover to apply styles, using "power-user" keyboard navigation with tab and such…
      nawgz on HN
    • Additionally: form fields are styled to look disabled.
      dmitriid on HN
  • Removing textarea resize handle and range slider ends are poor choices

    From 3 comments
    • Looks decent, pretty minimalistic. The form / input styles should use :focus-within instead of :hover to apply styles, using "power-user" keyboard navigation with tab and such…
      nawgz on HN
    • The range/output that display 0 or 100 but don't touch the ends of the slide rubs me in a very wrong way. Besides, nice style.
      tokinonagare on HN
    • This looks great on mobile Safari. Overflow-y scrolling inside the code block is a great touch. In fact the only real issue I see is the very last element, the range slider, for…
      alehlopeh on HN
  • Not really a library, just a stylesheet

    From 3 comments
    • Maybe it was just in the German speaking world, but such projects were called "template" or "boilerplate" ~10 years ago. When did we start calling them libraries? It doesn't add…
      mahathu on HN
    • A "classless CSS library" is just a stylesheet, isn't it?
      hobofan on HN
    • But it's not really a library... just a stylesheet?
      teen on HN

Requests

  • Fix link contrast and focus styling for accessibility

    From 2 comments
    • They fail WCAG2 AA for "Normal Text" contrast at a ratio of 3.46:1 (#4589EE over #FFF).
      cantSpellSober on HN
    • Looks decent, pretty minimalistic. The form / input styles should use :focus-within instead of :hover to apply styles, using "power-user" keyboard navigation with tab and such…
      nawgz on HN
  • Keep textarea resize handle

    From 1 comment
    • Looks decent, pretty minimalistic. The form / input styles should use :focus-within instead of :hover to apply styles, using "power-user" keyboard navigation with tab and such…
      nawgz on HN

Questions

  • What is the value of a classless CSS system?

    From 1 comment
  • Why not mention Pico.css or other classless libraries?

    From 2 comments
    • Also https://github.com/dbohdan/classless-css By the way, why not mention the very well tuned Pico.css? https://picocss.com/examples/preview/
      baruchel on HN
    • Here is small list of other "classless" CSS libraries I have found over the years - https://github.com/andybrewer/mvp - https://github.com/kognise/water.css -…
      doerig on HN

Alternatives named

  • MVP.css

    From 2 comments
    • Here is small list of other "classless" CSS libraries I have found over the years - https://github.com/andybrewer/mvp - https://github.com/kognise/water.css -…
      doerig on HN
    • (I'm using MVP.css for my homepage) Shouldn't have HTML a decent look out of the box?
      KingOfCoders on HN
  • Water.css

    From 1 comment
    • Here is small list of other "classless" CSS libraries I have found over the years - https://github.com/andybrewer/mvp - https://github.com/kognise/water.css -…
      doerig on HN
  • new.css

    From 2 comments
    • Here is small list of other "classless" CSS libraries I have found over the years - https://github.com/andybrewer/mvp - https://github.com/kognise/water.css -…
      doerig on HN
    • Places where you want to auto-generate html reports or do simple data processing into html and not fuss over basic inline styles. I have a few internal tools that use…
      TheGoodBarn on HN
  • Sakura

    From 1 comment
    • Here is small list of other "classless" CSS libraries I have found over the years - https://github.com/andybrewer/mvp - https://github.com/kognise/water.css -…
      doerig on HN
  • Simple.css

    From 1 comment
  • Pico.css

    From 1 comment
    • Also https://github.com/dbohdan/classless-css By the way, why not mention the very well tuned Pico.css? https://picocss.com/examples/preview/
      baruchel on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/33318108)