Convert site to 1224px overall width

[dflitner]

The wireframes assume a page width of 1200px and our current theme is set to about 1110px. ASU Web Standards 2.0 has widths calculated for a variety of breakpoints, that also target bootstrap components for flow at those breakpoints. The base container width is 1224px.

At some point, we should discuss when and how far we want to bring the repository theme into alignment with WS 2.0.

From Sarah Hough at the Hub:

All, I do want to be super clear that the unity design system is flexible as long as the grid, spacing and typography standards are being followed. Solutions have been designed for common needs, like cards, lists, carousels, forms, etc, but that doesn't mean the UI kit is comprehensive of every possible standards-aligned solution. If you have a component needed by your unit that isn't part of it, the hope is that can become part of the kit to benefit the community, or an example of how the standards can be executed beyond the prescribed components.

[elizoller]

@dflitner will we get this with the transition to unity as part of #356 ?

[elizoller]

@dflitner do you if unity bootstrap will do this for us?

[dflitner]

Yes, if we use the Unity files, _grid.scss has the containers set to max-width: 1224px for desktop.

[elizoller]

i believe this is applied now with the inclusion of #408 @dflitner please re-open if this is not the case