Setup
Downloads
Production Build
No muss, no fuss. Just include the CSS in the head of your site and the JS before the end body tag after jQuery & jQuery hoverIntent.
Download Production Build (131kb CSS, 50kb JS)
Development Build
Includes all SASS and JS for each component. Use this if you know what you're doing. The development build also includes starter folder structure and files.
Dependencies
Modernizr
We use Modernizr for touch event detection, which is used for dropdowns, mega menus, and off canvas menus. Download the Modernizr touch build.
jQuery v2.2.4
Download jQuery from the jQuery website.
TODO: Remove jQuery dependency.
jQuery hoverIntent v1.8.1
Download jQuery hoverIntent from the project page or from Github.
SASS Compiler
If you choose the development build, you'll need to compile your SASS. Gulp SASS via NPM and Node is what was used to develop the framework.
Browser Support
Last two major versions of popular browsers on the last two major version of operation systems, or approximately 95% of browsers in use in the USA. Note that browser support is a moving target and always changing, and our reference is StatCounter. This currently includes:
- Internet Explorer 11 (W10 & W8.1)
- Microsoft Edge latest (W10)
- Google Chrome latest (W10, W8.1, macOS)
- Mozilla Firefox latest (W10, W8.1, macOS)
- Safari 10.0 (macOS 10.12 Sierra & macOS 10.11 El Capitan) & 9.1.3 (macOS 10.11 El Capitan)
- Safari iOS (iOS10 & iOS9)
- Android Browser
Features developed in this framework rely heavily on Can I Use. Generally speaking, we'll adopt a feature once 90% or more of browsers support it.