Greenwire is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though fully functional, renderings of certain components.
Specifically, we support the latest versions of the following browsers and platforms. On Windows, we support Internet Explorer 9-11. More specific support information is provided below.
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Opera (latest)
- Internet Explorer 11
- Internet Explorer 10
- Internet Explorer 9
- Internet Explorer 8
- Internet Explorer 7 and older
Internet explorer 8
IE8 does not support media queries. Therefore we use a different SCSS to compile a CSS file with no media queries. Also we use a variable in our SCSS files called
$oldie which only passes for the stylesheet the is served to IE8 and older browsers. This prevents us from serving old selectors to modern browsers, which may slow them down. With this technique there is no need for a JS-based solution like Respond.js.
You will notice there is are nearly no prefixes in the SCSS files. This is because we use a ruby gem called autoprefixer. This script will use the Can I Use database to look for the most recent browser market shares to determine what needs prefixing and what prefixes can be dropped. This is very future-friendly, because we do not have to remove old prefixes or add in new ones with the releases of browser versions.