-
Notifications
You must be signed in to change notification settings - Fork 1
Browser Compatability
There is a conditional opening HTML tag with various classes to target versions of Internet Explorer:
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 ie6" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie-9 ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
Prefix your styles with the appropriate class to target a specific version of IE. Any CSS that is targeting a specific version of IE should go in /less/framework/ie.less. Only alignment/positioning modifications should exist in this file. Fallbacks for features that are not supported should go in the fallbacks file.
In addition, modernizr adds several classes to the root html element that specify if the current browser supports various features. These should be used to specify graceful fallbacks for css3 properties that are not supported. All fallbacks will exist in /less/framework/fallbacks.less.
Two stylesheets are loaded for the page. One is compiled from ualberta-ie.less, which loads on any version of Internet Explorer below 9. The other stylesheet is compiled from ualberta.less and loads on every browser except IE8 and below.
<!-- The Sheets -->
<!--[if lt IE 9]> <link href="./css/ualberta-ie.css" rel="stylesheet"><![endif]-->
<!--[if gt IE 8]><!--><link href="./css/ualberta.css" rel="stylesheet"><!--<![endif]-->