MENU


media

In Sass, the @media directive may be nested and contain expressions.
$v: 1.5;
.sidebar {
   width: 300px;
   @media screen {
      width: 500px;
      @media  (orientation: landscape) and (-webkit-min-device-pixel-ratio: round($v + 0.2)) {
         height: 200px;
      } 
   }
}

.sidebar {
  width: 300px;
}
@media screen {
  .sidebar {
    width: 500px;
  }
}
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .sidebar {
    height: 200px;
  }
}