Fixing the Gist Embed Widget when Using Bourbon, Neat, and Bitters
Disclaimer: Check the date! This post was written way back in . Links could be dead or irrelevant. If there are technical things in here, they may be outdated, or there may be better ways to do them by now. You've been warned.
As an avid user of Gist embeds, when I added the thoughtbot Sass frameworks Bourbon, Neat, and Bitters to this site, I was a bit disappointed when the widget display was a bit broken:
A bit of debugging and I found that the culprit was table-layout: fixed
, which was included by Bitters. A quick patch in my main.scss
file and we were all fixed: (As you can see by this working gist!)
Hope it helps somebody else. If you’d like to use progressively-enhanced Gist embeds in Jekyll like this site, check out my jekyll-gist-tag on Github! (Turn off javascript to see what this does.)