ie.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /******************************************************************
  2. Site Name:
  3. Author:
  4. Stylesheet: IE Stylesheet
  5. So instead of using the respond.js file to add media query support
  6. to IE, we're going to use SASS to create an easily readable css file.
  7. Here, we import all the styles the standard stylesheet gets, only
  8. without the media queries. No need to worry about editing anything!
  9. ******************************************************************/
  10. /*
  11. Remember, all the BASE styles are called already since IE can
  12. read those. Below, we need to import only the stuff IE can't
  13. understand (what's inside the media queries). We also need to
  14. import the mixins file so SASS can understand the variables.
  15. */
  16. /* import mixins */
  17. @import "mixins";
  18. @import "481up";
  19. @import "768up";
  20. @import "1030up";
  21. /*
  22. you can call the larger styles if you want, but there's really no need
  23. */
  24. /******************************************************************
  25. ADDITIONAL IE FIXES
  26. These fixes are now ONLY seen by IE, so you don't have to worry
  27. about using prefixes, although it's best practice. For more info
  28. on using Modernizr classes, check out this link:
  29. http://www.modernizr.com/docs/
  30. ******************************************************************/
  31. /*
  32. For example, you can use something like:
  33. .no-textshadow .class { ... }
  34. You can also target specific versions by using the classes applied to
  35. the html element. These can sometimes change, so take a look inside the
  36. header.php file to see what they are:
  37. .lt-ie8 .class { ... }
  38. */