News for hackers. Stuff that matters.

A comment on Tailwind: A Utility-First CSS Framework. Parent comment

Re:Tailwind: A Utility-First CSS Framework by mixmastamyk on Thursday September 27, 2018 @02:07PM (#18087123)
Wouldn't using em units be a better idea in most cases?
[ Parent | on HN ]
Re:Tailwind: A Utility-First CSS Framework by edoceo on Thursday September 27, 2018 @02:18PM (#18087251)
CSS has 'vh' and 'vw' units too, changed my life.
[ Parent | on HN ]
Re:Tailwind: A Utility-First CSS Framework by tambourine_man on Friday September 28, 2018 @12:34PM (#18094703)
Doesn't solve the problem though. vw, on a vertical screen (portrait mode) is very different from what you have on a ≈ 16:9 desktop screen.

The solution is pointed above, even more classes for responsiveness.

[ Parent | on HN ]
Re:Tailwind: A Utility-First CSS Framework by kaoD on Thursday September 27, 2018 @06:40PM (#18089485)
'vmin' and 'vmax' too.

I'm experimenting with using 'em' and % everywhere, base font size with 'vmin' and scaling font size with %. Works pretty well for scroll-less apps.

Example: https://alvaro-cuesta.github.io/instant-trivia/

[ Parent | on HN ]
Re:Tailwind: A Utility-First CSS Framework by di4na on Friday September 28, 2018 @05:20AM (#18092025)
Hint : you can also use 'calc' with vw and vh to get some more complex behaviours than purely proportional. You can add an offset, you can do some multiplications etc.

Don't go overboard, but a little offset can go a long way

[ Parent | on HN ]