dawidw

/*  _posts_controller.scss */
.posts.show .post {
  /* view specific styles */
}

/* _post.scss */
.post {
  background: whitesmoke;
}

dawidw

    +-modules
    | +-_post.scss
    +-view
    |   +-views.scss
    |   +-rails_views
    |     +-_posts_controller.scss
    |   +-responsive
    |     +-tablet
    |     +-mobile
    .

dawidw

/* posts.scss */
.posts{
  &.show{
    div.posts_list{
      div.post{
        background: whitesmoke;
        p.post_title{
          font-size: 16px;
        }
      }

dawidw

.block{
  .ie7 &.red{
      color: green;
  }
}

dawidw

.block { 
  &.red { 
      color: red;
  }
}

dawidw

/* 1. reference symbol ( & ) */
/* you are probably familiar with reference symbol which allows you 
   to reference a parent element: */
.block.red {
  color: red;
}

/* but you can also put it after some class which can be very usefull while
   facing some IE related issues: */
.ie7 .block.red {