Show HN: A maximalist CSS framework for full stack developers

Re:Show HN: A maximalist CSS framework for full stack develo... by jjice on Monday June 15, 2020 @01:26PM (#23530128)

I see that in the README, you give an example that uses `hstack` and `vstack` tags. Can you just declare you own tags that are essentially wrappers for CSS? If not, I'd love an explanation what what they do.

[ Parent | on HN ]

Re:Show HN: A maximalist CSS framework for full stack develo... by dmix on Monday June 15, 2020 @03:54PM (#23532191)

You can define your own arbitrary HTML < /> tags and style them or use JS with them in modern browsers (which is what hstack and vstack are, which seems to be inspired by the pylon framework and SwiftUI).

If you need to support really old browsers than using an HTML5 shiv will be sufficient for any <tag /> to work:

https://johnresig.com/blog/html5-shiv/

There's a longer discussion here about pros/cons:

https://stackoverflow.com/questions/16867332/html5-why-not-u...

I have a feeling this is one of those things that will become more common with this broader support for HTML5 and web components but at the moment it's not very common and there are some debates on whether you should break web standards/specs.

[ Parent | on HN ]

Re:Show HN: A maximalist CSS framework for full stack develo... by swlkr on Monday June 15, 2020 @01:33PM (#23530261)

It's not super obvious from the README, but I did throw a few examples together here:

https://ridgecss.com/examples.html

There's also the original inspiration for them here:

https://almonk.github.io/pylon/

They are essentially swiftui-ish helpers to lay things out with even spacing vertically (vstack) or horizontally (hstack)

[ Parent | on HN ]

Re:Show HN: A maximalist CSS framework for full stack develo... by jjice on Monday June 15, 2020 @01:46PM (#23530455)

I didn't realize you could do something like:

    big {font-size: 73pt}

And now you can use a <big> tag. Very cool.

[ Parent | on HN ]

Re:Show HN: A maximalist CSS framework for full stack develo... by hanniabu on Monday June 15, 2020 @01:41PM (#23530378)

It appears that menus aren't visible on mobile. Any reason for that?

[ Parent | on HN ]

Re:Show HN: A maximalist CSS framework for full stack develo... by swlkr on Monday June 15, 2020 @01:44PM (#23530433)

Hmm it's probably my media queries, the menu should show up at the bottom of the screen at 507px

https://github.com/swlkr/ridgecss/blob/master/ridge.css#L970

but since they aren't for you, it's the first bug!

[ Parent | on HN ]