search

trulia / hologram

A markdown based documentation system for style guides.
http://trulia.github.io/hologram
Other
2.16k stars 199 forks source link

Break pre whitespace on landing page to wrap text instead of overflowing #268

Closed mattpardee closed 4 years ago

mattpardee commented 7 years ago

This ensures the text inside of the pre section of the gh page is wrapped around. See the result:

screen shot 2016-09-19 at 7 12 01 pm

Compared to previous:

screen shot 2016-09-19 at 7 16 40 pm

I wasn't sure if I should overflow-x: auto or wrap line, but figured wrapping was a bit cleaner - overflowing didn't make it obvious that text was available past the scroll point. Also wasn't sure if I should be updating both styles.sass and styles.css or if there's a compile SASS > CSS step somewhere, so I covered both.