Converting PX to REMs with a Simple Mixin

One of the first challenges you face when working with a designer is fonts. Designers are typically working with a fixed unit such as pixels, and we developers are typically working in EMs or REMs. So how do we handle the conversion?


Hey I'm doing an impromptu #livestream on twitch and youtube starting in 10 minutes via

Remember the ep of @seinfeld where Kramer adopted the highway and made “wide lanes” that’s what this whole #280characters thing feels like

the “anguish” I’ve seen people display because twitter is testing 280 characters is depressing #twitter280

every-now-and-then I come up with an awesome screen name idea then I remember 2 things: 1) I’m too old for a screen name and 2) I miss AIM

I'll shoot you a direct link to the repo just DM me! 6/6

grid too. This is totally alpha stuff, but I'd love some feedback if anyone wanted to take a look at it 5/6

I've been playing with this for a couple of weeks now and it's working really well! I've built in a flexbox 4/6

.font-size:3 or color[warning] or display[inline-block] and with a media query: display[hide]@sm 3/6

the idea is to use something other than dashes to separete parts so you'd have a class like... 2/6

so I’ve been working on an expressive CSS utility framework. It’s not done yet, but the syntax is different 1/6

@jasonaalejandro Awesome. Let me know when you post it and I’ll pass it along to my church. I believe they’re going to organize something.

@coderabbi I was live streaming this morning and had to fight the urge to run a composer update on my codebase.

Normally I update my OS the day an update comes out, but when part of that update is a new file system I hold off a couple of weeks