search

thoughtbot / refills

[no longer maintained]
http://refills.bourbon.io
MIT License
1.5k stars 148 forks source link

removing whitespace around nav & footer? #344

Closed cboettig closed 8 years ago

cboettig commented 8 years ago

Firstly, thanks for providing these templates for your excellent set of SASS libraries, they make the transition from bootstrap to your more flexible platform a pleasure.

Probably a stupid user-error question here, but I am puzzled by the appearance of whitespace all around the borders of both the footer and nav elements when I just drop the relevant templates into a test file. Most nav bars appear flush against the browser's menu & edges, but the refills element appears to be surrounded with a margin of a few pixels of whitespace in my test here, which is just be rendered directly from gh-pages (since GitHub's jekyll compiles the SASS on the fly; GitHub source here) I've just dropped all the underlying bourbon.io, neat, and bitters SASS files in there as well.

I've poked around both the SASS files and the CSS via firebug, but didn't see any explicit declaration of these borders (though my knowledge of such things is quite shallow). Sorry to be bothering you with this, but any suggestions on how to remove that whitespace border around the nav and footer elements?

cboettig commented 8 years ago

Stackoverflow solved this one for me; apologies for the cross-post. http://stackoverflow.com/questions/33898950/why-does-this-sass-from-refills-boubon-io-result-in-whitespace-around-the-el