ie.sass 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. //
  2. // Site Name:
  3. // Author:
  4. //
  5. // Stylesheet: IE Stylesheet
  6. //
  7. // So instead of using the respond.js file to add media query support
  8. // to IE, we're going to use LESS to create an easily readable css file.
  9. // Here, we import all the styles the standard stylesheet gets, only
  10. // without the media queries. No need to worry about editing anything!
  11. //
  12. //
  13. //
  14. // Base.css contains the main mobile styles and is called in the
  15. // header. This way mobile devices get ONLY the styles that apply
  16. // to them. No muss, no fuss.
  17. //
  18. // normalize.css and the mixins are also called within that base file
  19. //
  20. // Now we call the files that contain all the CSS. This means
  21. // you don't have to maintain an IE stylesheet AND a standard
  22. // responsive stylesheet.
  23. //
  24. @import "481up"
  25. @import "768up"
  26. @import "1030up"
  27. //
  28. // you can call the larger styles if you want, but there's really no need
  29. //
  30. //
  31. // ADDITIONAL IE FIXES
  32. // These fixes are now ONLY seen by IE, so you don't have to worry
  33. // about using prefixes, although it's best practice. For more info
  34. // on using Modernizr classes, check out this link:
  35. // http://www.modernizr.com/docs/
  36. //
  37. //
  38. // For example, you can use something like:
  39. //
  40. //
  41. // .no-textshadow .class { ... }
  42. //
  43. // You can also target specific versions by using something like:
  44. //
  45. // .ie7 .class { ... }
  46. //
  47. //