summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/app/shared/_handheld.scss
blob: 1efc5e99f2767b4cb06242fd925bcc48a82f4d37 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 
// Media queries for responsive design.
// 
// These follow after primary styles so they will successfully override.
// 

@media all and (orientation:portrait) {
  // Style adjustments for portrait mode goes here

}

@media all and (orientation:landscape) {
  // Style adjustments for landscape mode goes here

}

// Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
// consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
@media screen and (max-device-width: 480px) {


  // Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust
  // html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}