SASS style guide

css_style.scss

// WORST CODE EVER
@mixin test-mixin($width) {
  width: $width;
}
#important_thing {
  size: 100px !important;
}

.myClass{
  height:30px;
  @include test-mixin(10px);
  .another_class{
    /* THIS CLASS IS GARBAGE BUT
    IS MUST BE PLACED HERE */
    text-color:rgba(20, 20, 20, 20);
    background-color: #D8A981;
    padding:0px;
  }
}

@media #{$md-up} {
  .myClass {
    border: none;
  }
}

// BEST CODE EVER
@mixin test-mixin($width) {
  width: $width;
}

.important-thing {
  size: 100px;
}

.my-class {
  @include test-mixin(10px);
  height: 30px;
  
  @media #{$md-up} {
    border: none;
  }
  
  .another_class{
    //     THIS CLASS IS GREAT
    //     IT MUST BE PLACED HERE
    text-color: #ddd;
    background-color: #d8a981;
    padding: 0;
  }
}

// Most of all use linter!