Cacher is the code snippet organizer for pro developers

.block {
  color: blue;
}
.block--modifier {
  color: red;
}
.block__element {
  color: green;
}
.block__element--modifier {
  color: yellow;
}
.namespace .block {
  color: grey;
}
.namespace .block--modifier {
  color: red;
}

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

.block {
  
  color: blue;
  
  &--modifier  {
    
    color: red;
    
  }
  
  &__element {
    
    color: green;
    
    &--modifier  {
    
      color: yellow;
      
    }
    
  }
  
  .namespace & {
    
    color: grey;
    
    &--modifier  {
    
      color: red;
      
    }
  
  }
  
}