Add Smooth Scrolling to Code Snippets + Improve Code Wrapping on Mobile

pattern-lab / styleguidekit-assets-default

The static assets for the default StyleguideKit for Pattern Lab. Contains styles and mark-up for Pattern Lab's front-end.

http://patternlab.io/

MIT License

35 stars 67 forks source link

Add Smooth Scrolling to Code Snippets + Improve Code Wrapping on Mobile #27

Closed sghoweri closed 8 years ago

sghoweri commented 8 years ago

Adds in -webkit-overflow-scrolling: touch to the code example containers (for smooth scrolling on iOS).

This PR also improves the legibility of lengthy overflowing lines of code on smaller screen sizes by indirectly restricting overflowing behavior to just overflow-y without actually setting overflow-x to hidden via white-space: pre-wrap (which behaves similarly to white-space: pre, only it also breaks text to new lines as necessary in order to fill the content's container).

bradfrost commented 8 years ago

Hey @sghoweri, thanks so much for this! I'm still working in dev so will weave this into the working version. Thanks again!