Skip to content

Instantly share code, notes, and snippets.

@jayd3e
Created August 28, 2014 18:55
Show Gist options
  • Save jayd3e/3fc81e74291a1375406e to your computer and use it in GitHub Desktop.
Save jayd3e/3fc81e74291a1375406e to your computer and use it in GitHub Desktop.
SCSS Code Standard
  • All variable declarations at the top
  • Partials
  • each block goes from @extends(), @includes, space, properties, space, child blocks. All properties are alphabetized.
.partial {
    @include border-radius(3px);
    @include cursor-hover();
    
    background-color: #FFF;
    display: block;
    position: absolute;
    top: 5px;
   
    .child {
        color: black;
    }
    
    .second-child {
        @include cursor-hover();
        
        color: blue;
    }
    
    &:hover {
        color: grey;
    }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment