glynrob

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

glynrob

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

.red
  background-color red

glynrob

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

.btn
  cross-border-radius 10px

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

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

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

var square;

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

glynrob

$ ->
  $('.assignedNumber').click ->
    alert setNumber

glynrob

# removed in compiler

###
Remains after Compile
###

/*
This is not allowed in Coffee Script, use ### like above
*/

glynrob

switch setNumber
  	when 41 then alert 'Snake'
	when 42 then alert 'Dog'
	when 43 then alert 'Cat'
	else alert 'No animal present'