Live data from Hacker News

Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

lissomware.github.io

31–40 of 48 posts

Re: Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

#31

Firstly, let me say that this looks great. I really like the classless approach. One minor question/nitpick: > To make a button primary, add the data-primary attribute to it. For things like this, I feel like a class would be ok while still calling the library "classless". Is there some advantage to using a data-* attribute here or is it just to retain "purity" of the classless tagline?

I like the distinction. It separates effects applied by the library from affects applied by your custom class, since you can still add a class if you like. At a glance, I know where the effects are coming from.

Re: Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

#34

Firstly, let me say that this looks great. I really like the classless approach. One minor question/nitpick: > To make a button primary, add the data-primary attribute to it. For things like this, I feel like a class would be ok while still calling the library "classless". Is there some advantage to using a data-* attribute here or is it just to retain "purity" of the classless tagline?

It's mainly the latter. I did consider just using a class, but ultimately settled on this solution. This approach might facilitate usage with additional CSS compilers/tooling.

I admit I become hesitant when I see "data-*" attributes as it makes me think Javascript might be necessary to use it

Re: Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

#36

Earlier quoted context omitted.

It's mainly the latter. I did consider just using a class, but ultimately settled on this solution. This approach might facilitate usage with additional CSS compilers/tooling.

I admit I become hesitant when I see "data-*" attributes as it makes me think Javascript might be necessary to use it

"data-*" attributes don't require any JavaScript; their values can even be accessed from CSS with `content: attr(data-*);`

Re: Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

#37
post #33

MVP.css My go to classless CSS is MVP.css Note: the link below is built entirely with MVP.css (including multiple columns, which is something most classless frameworks lack) https://andybrewer.github.io/mvp/

MVP.css is very complete and robust, but its styles and general feel do not resonate with me.

Re: Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

#39
Nice work! I like that you have included support for prefers-color-scheme, which is one of the more highly-requested features for these kinds of frameworks.

I've added Lissom to the big list of minimal CSS frameworks [0] which aims to collect all of these types of projects (more or less) in one place for ease of discoverability and comparison. You can preview the CSS on some HTML5 boilerplate here [1].

[0]: https://github.com/dohliam/dropin-minimal-css

[1]: https://dohliam.github.io/dropin-minimal-css/?lissom

Re: Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library

#40
post #33

MVP.css My go to classless CSS is MVP.css Note: the link below is built entirely with MVP.css (including multiple columns, which is something most classless frameworks lack) https://andybrewer.github.io/mvp/

MVP.css is very complete and robust, but its styles and general feel do not resonate with me.

You have the ability to completely customize look & feel.

Example sites using MVP.css include

https://www.mondage.com

https://searchcode.com

Post reply on HN