Cacher is the code snippet organizer for pro developers

@media only screen and (min-width: 641px) {
  .alt .sidebar {
    color: red;
  }
  .brandX .alt .sidebar {
    color: red;
  }
  .brandY .alt .sidebar {
    color: red;
  }
}

/* Above and below creates same styling */
@media only screen and (min-width: 641px) {
  .alt .sidebar, .brandX .alt .sidebar, .brandY .alt .sidebar {
    color: red;
  }
}

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.18)
// ----


.sidebar {
  @media only screen and (min-width: 641px) {
   .alt & {
     color: red;
     .brandX & {
       color: red;
     }
     .brandY & {
       color: red;
     }
   } 
  }
}

/* Above and below creates same styling */


.sidebar {
  @media only screen and (min-width: 641px) {
   .alt & {
     &,
     .brandX &, 
     .brandY & {
       color: red;
     }
   } 
  }
}