glynrob

var square;

square = function(x) {
  return x * x;
};

glynrob

// Single-line comment, and do not output in the resulting CSS</code>

/*
* Multi-line comment only output when the compress option is not enabled.
*/

/*!
* Multi-line buffered to output the comment regardless of compression
*/

glynrob

a
  color:#000000
  &:hover{
    color:#CCCCCC

glynrob

cross-box-shadow(args)
  -webkit-box-shadow args
  -moz-box-shadow args
  box-shadow args

.btn
  cross-box-shadow (5px, 5px, 6px, rgba(0, 0, 0, 0.3))

glynrob

cross-border-radius(args) 
  -webkit-border-radius args
  -moz-border-radius args
  border-radius args

.btn
  cross-border-radius 10px

glynrob

// Variables
red = #BF3130
green = #689B00
blue = #1440AB

.red
  background-color red

glynrob

body {
  background-color: #50596f;
  font-family: Arial, Helvetica, sans-serif;
}

glynrob

body
  background-color desaturate(blue, 80%) // function desaturate
  font-family Arial, Helvetica, sans-serif

glynrob

a{
  color:#000000;
  &:hover{
    color:#CCCCCC;
  }
}

glynrob

@mixin border-radius ($radius: 5px) {
  -webkit-border-radius: $radius;
	-moz-border-radius: $radius;
	border-radius: $radius;
}
.btn{
  @include border-radius(10px);
}