Skip to content

Instantly share code, notes, and snippets.

@jcreamer898
Last active December 14, 2015 14:29
Show Gist options
  • Save jcreamer898/5101307 to your computer and use it in GitHub Desktop.
Save jcreamer898/5101307 to your computer and use it in GitHub Desktop.
A style guide for working with scss.

Sass style guild, particularly when dealing with .scss.

.container {
    /* styles for the `self` item at the top */
    width: 960px;
  
    /* When less than 3 props, do inline */
    .item { width: 100px; height: 100px; }

    /* When 3 or more, add new lines and brace after last */
    .large-item {
        width: 500px;
        height: 500px;
        font-size: 22px; }

    & > div { color: blue; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment