2016 Theme Update Writeup

In May of 2016 the webguide was updated with a new responsive theme after much work by the current co-chairs and volunteer helps from members in the organization. The theme was committed in Pull Request #140.

In the PR comments were made to document the major theme changes and new conventions. Here are some bullet notes to briefly document the new design:

• Bootstrap v3.3.5
• Jquery v1.11.3
• Originally no SASS was used in creating the theme. But volunteers will clean up the raw CSS to SASS as github supports SASS out-of-the-box.
• The current breakpoints used in the design and sprinkled throughout the CSS are:

Breakpoints
@media (min-width: 480px)
@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200px)
@media (min-width: 480px) and (max-width: 768px)
@media (max-width: 969px)

• Previous Public Affairs CSS boilerplate used in this project had conventions:
  • 5 significant figures after the decimal point.
  • used some vendor prefixes such as -moz-border-radius, where maybe none should be used and ideally at later date the AutoPrefixer tool is used.
• In the previous theme overwritten by PR #140 many assets were linked in via CDNs. For this theme many assets are served locally, except for the Google Font currently.