Show HN: Lissom.CSS - A classless, minimalist, and themeable CSS library • Hacker News Board

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

#1

Post by Looky1173 » Tue, Jun 20, 2023, 10:16 AM UTC

This is a personal take on making a classless semantic CSS library.

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

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

#2

Post by mahathu » Tue, Jun 20, 2023, 12:54 PM UTC

It looks really nice and minimal. Good for blogs. What about form elements?

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

#3

Post by badtension » Tue, Jun 20, 2023, 12:57 PM UTC

Looks cool. Is this underline-on-hover behaviour expected?

https://i.imgur.com/aHTJfcn.png

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

#4

Post by Looky1173 » Tue, Jun 20, 2023, 1:05 PM UTC

badtension wrote: post #3

Looks cool. Is this underline-on-hover behaviour expected? https://i.imgur.com/aHTJfcn.png

Hi, do you mean that the underline appears under the highlighted text? No, that's not expected, I will see what I could do to fix it. However, the underline is indeed supposed to grow slightly thicker on hover.

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

#5

Post by Looky1173 » Tue, Jun 20, 2023, 1:05 PM UTC

mahathu wrote: post #2

It looks really nice and minimal. Good for blogs. What about form elements?

Thank you! I haven't finished form elements yet but they are definitely in the works.

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

#6

Post by yawnxyz » Tue, Jun 20, 2023, 1:08 PM UTC

For some reason this site is triggering a phishing warning in Chrome? I went to the site anyway and it seems completely harmless...

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

#7

Post by pavlov » Tue, Jun 20, 2023, 1:10 PM UTC

The default line height for body text is way too tight, IMO. Something like "line-height: 1.4em" on all

elements would be more readable.

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

#8

Post by badtension » Tue, Jun 20, 2023, 1:12 PM UTC

Looky1173 wrote: post #4

badtension wrote: post #3

Looks cool. Is this underline-on-hover behaviour expected? https://i.imgur.com/aHTJfcn.png

Hi, do you mean that the underline appears under the highlighted text? No, that's not expected, I will see what I could do to fix it. However, the underline is indeed supposed to grow slightly thicker on hover.

Yes, looked a bit weird. I do have an outdated web browser so there's that but I would assume this should work well even on older ones (due to the overall simplicity).

Sorry for nitpicking, this is obviously a very minor issue. I always welcome smaller and lighter libraries!

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

#9

Post by Looky1173 » Tue, Jun 20, 2023, 1:13 PM UTC

pavlov wrote: post #7

The default line height for body text is way too tight, IMO. Something like "line-height: 1.4em" on all elements would be more readable.

Thanks for the feedback, I've just set the line height to 1.4.

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

#10

Post by Looky1173 » Tue, Jun 20, 2023, 1:14 PM UTC

yawnxyz wrote: post #6

For some reason this site is triggering a phishing warning in Chrome? I went to the site anyway and it seems completely harmless...

That's curious. It's just a simple HTML page with CSS attached, hosted on GitHub Pages. I don't see why it would trigger such a warning.