Show HN: MVP.css – Minimalist stylesheet for HTML elements

Re:Show HN: MVP.css – Minimalist stylesheet for HTML elements by jake-low on Wednesday March 25, 2020 @01:38AM (#22682235)

The markup for the callout buttons/links on the example page [0] is just <a href="#"><em>Button text</em></a> (for outlined) and <a href="#"><strong>Button text</strong></a> (for filled). That's a pretty creative solution that I definitely haven't seen before.

Giving opinionated styles to unclassed HTML elements is definitely not the right fit for every website. But, given this project's goal of being a minimalist, quick-start stylesheet that requires no classes, I think this use of `a em` and `a strong` selectors to create button-y links is pretty ingenious.

[0]: https://andybrewer.github.io/mvp/

[ Parent | on HN ]

Re:Show HN: MVP.css – Minimalist stylesheet for HTML elements by oxalorg on Wednesday March 25, 2020 @02:42AM (#22682487)

That is indeed truly creative. Props to the author.

I wanted to solve a similar problem when creating sakura.css [0], but I decided to not implement it and keep it even simpler.

[0]: https://github.com/oxalorg/sakura

[ Parent | on HN ]

Re:Show HN: MVP.css – Minimalist stylesheet for HTML elements by awb on Wednesday March 25, 2020 @11:34AM (#22685547)

I wasn't aware of Sakura until now, but several people here and Reddit mentioned it. I love it's simplicity as well. Great job!

[ Parent | on HN ]

Re:Show HN: MVP.css – Minimalist stylesheet for HTML elements by oxalorg on Sunday March 29, 2020 @10:48AM (#22719433)

Thanks! I'm loving MVP.css as well and might just end up using it for my next site. ^_^

[ Parent | on HN ]

Re:Show HN: MVP.css – Minimalist stylesheet for HTML elements by mrec on Wednesday March 25, 2020 @12:01PM (#22685830)

I think it undermines the semanticity of the markup though. A hyperlink isn't supposed to render as a button, or vice versa. If this was just a bolded word in normal inline link text, the button presentation would be very unwelcome.

[ Parent | on HN ]

Re:Show HN: MVP.css – Minimalist stylesheet for HTML elements by bigmanwalter on Wednesday March 25, 2020 @12:29PM (#22686125)

Semantics has less to do with style and more to do with the fact that an element can be clicked in order to navigate somewhere else.

[ Parent | on HN ]