General Principles
Introduction
This website serves two purposes:
- To document standard styles and patterns established by the Mizzou Framework. These styles and patterns are designed to adhere to the Mizzou Identity Standards.
- To document important goals and strategies used in the building of Mizzou websites.
Download
Getting Started
This framework has several requirements in order to use.
Sass
All CSS in the Mizzou Framework is compiled from Sass source files located in src/scss/
. There is no compiled CSS version of the framework. If you do not use Sass and only need assets for creating a web signature, use the Mizzou Web Signatures project files.
Autoprefixer
Autoprefixer is required to deal with CSS vendor prefixes. If you're not using a Sass compiler that enables this or our Gulp boilerplate, you'll need to integrate Autoprefixer into your build process yourself.
Browser Support
Our current browser support is the last 2 versions of modern browsers and Internet Explorer (IE) 9+. Versions of IE lower than 9 will not work with this framework and will receive a plain text stylesheet.
Images
Mizzou logos, wordmarks and graphics are available in various sizes. Exported, compressed files used in this framework are found in dist/images/
. Source Adobe Illustrator files can be found in src/images/
.
Note: MU logo assets aren’t meant to be used at a different size other than 100% of their file size. They have been pixel hinted to be as sharp as possible. Any enlarging or shrinking will distort the art.
Fonts
Proxima Nova (also on Typekit) and Janson are the two Web fonts used on Mizzou sites. Both require a license to use and are not included in the source files of the Framework.
Proxima Nova is the preferred default typeface with Janson as an optional decorative typeface. You don't need to purchase all weights or styles. At minimum, you would need regular, italic, bold (or semibold) and bold italic (or semibold italic) of Proxima Nova. Other weights and styles are acceptable in addition. Only embed the weights you need to keep page weights down.
JavaScript
Some components will require JavaScript to function, such as the navigation mixin's menu button, and can be found in src/js/
. The framework doesn't require jQuery, but can work in conjunction with it.