@media - Les media-queries

• Sass permet l'imbrication de blocs de définition à partir d'une directive @media.
• Les directives @media peuvent être imbriquées.
• Les directives @media peuvent utiliser des expressions SassScript (Fonctions, variables, opérateurs, etc.)

Exemple SCSS :

.sidebar {
  width: 300px;

  @media screen and (orientation: landscape) {
    width: 500px;
  }
}

@media screen {
  .sidebar {
    @media (orientation: landscape) {
      width: 500px;
    }
  }
}

$media: screen;
$feature: '-webkit-min-device-pixel-ratio';
$value: 1.5;

@media #{$media} and ($feature: $value) {
  .my-sidebar {
    width: 500px;
  }
}