gorillawit

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

menu{
  background: #333;
    .menu-item{
        float: left;
        .menu-link{

gorillawit

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

gorillawit

git branch -m old_branch new_branch         # Rename branch locally    
git push origin :old_branch                 # Delete the old branch    
git push --set-upstream origin new_branch   # Push the new branch, set local branch to track the new remote

gorillawit

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

// determine list seperator: spaces or commas

$a-list: a b c d e;
$another-list: 1,2,3,4,5;

gorillawit

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

//improved ampersands

div{
  background: green;
  & & {

gorillawit

.ifStatement {
  background: green;
}

div {
  background: red;
}
div + div {
  background: green;
}

gorillawit

/* 
@at-root directory is a global sass function that allows @root can be called from
every nested media. @at-root refers to the base level so @at-root = the root that 
all media-queries are bound too. ie for every nested media query, this is the 
global style for them. NOW! we get to specify them in the latest Sass release, 
@at-root: allows us to jump out of our context this is great if you have one 
asset that needs to be different that than the others
*/
@media (min-width: 300px) {
  .my-widget .inside-mq {

gorillawit

menu {
  background: #333333;
}
menu .menu-item {
  float: left;
}
menu .menu-item .menu-link {
  color: blue;
  border-right: 1px solid black;
}

gorillawit

.class1, .class2, .class3 {
  font-size: 2em;
}

.class3 {
  color: green;
}

gorillawit

.my-other-class {
  background: url(http://www.placekitten.com/200/200) no-repeat;
}

.my-class {
  background: no-kittens;
}

.my-class {
  color: green;