Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make mobile friendly #2

merged 13 commits into from Dec 19, 2014

Make mobile friendly #2

merged 13 commits into from Dec 19, 2014


Copy link

@fofr fofr commented Dec 19, 2014

  • Allow all content to collapse at smaller page widths
  • Remove unused CSS
  • Add class helpers to pagination to aide with responsiveness
  • Use breakpoints based on when content breaks, rather than device sizes
  • Make page numbers bigger and easier to click at thin widths

Portrait mobile viewport

screen shot 2014-12-19 at 21 30 29

Text content

screen shot 2014-12-19 at 21 31 06

Tablet viewport

screen shot 2014-12-19 at 21 31 54

fofr added 13 commits Dec 19, 2014
* Reduce post navigation to left and right arrows
* Toggle between thin and wide versions of “Sam and Paul” when page
width decreases (also goes large again at the point where nav is
reduced because of extra space)
Include a margin for smaller widths
* Include css class hooks for better control over pages look
* Allow sideways scrolling at thin width, sideways scrolling is easy to
use on touch screens (and should be obvious)
* Use a smaller font and introduce margins
* Switch to max-width
* Remove legacy margins
* Prevent figures, embeds, iframes and videos from expanding beyond the
* Reset border-radii
fofr added a commit that referenced this pull request Dec 19, 2014
Make mobile friendly
@fofr fofr merged commit 92cde52 into master Dec 19, 2014
@fofr fofr deleted the mobile-friendly branch Dec 19, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
Linked issues

Successfully merging this pull request may close these issues.

None yet

1 participant
You can’t perform that action at this time.