Magento 1.9 RWD breakpoint for iPad landscape only (SCSS)

Question

I need the breakpoint for iPad landscape only. I need to make some specific styles or iPad landscape only. How do i set this break (mediaquery) in my SCSS stylesheet?

Answer 1

You will need to add a new mixin in the _breakpoint.scss. Try to add this

@mixin bpIpad(){
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2){@content}
}

this is for ipad 3 and 4, for ipad 1 and 2 the last line should equal one.

Then just @include the mixin in the places you want. ex:

@include bpIpad(){
   *Ipad landscape css*
}