yatil

$columnsmax: 16;
$columnwidth: 40px;
$gutterwidth: 20px;


$widthmax: ($columnsmax * $columnwidth) + (($columnsmax - 1) * $gutterwidth);

@function grid($cols: 1) {
  $width: ($cols * $columnwidth) + (($cols - 1) * $gutterwidth);
  @return percentage($width/$widthmax);

yatil

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"

# You can select your preferred output style

yatil

/**
 * TD is not TABLEs direct child.
 */

body {
	background: #bada55;
	min-height:100%;
}

table {

yatil

/**
 * circled-font
 */

/* currently it's an ellipse not a circle */
.iconstyle {
	background: #000;
	color: #B4E3FF;
	border-radius: 50%;
	padding: .6em;

yatil

/**
 * circled-font
 */

/* currently it's an ellipse not a circle */
.iconstyle {
	background: #000;
	color: #B4E3FF;
	border-radius: 50%;
	padding: .6em;

yatil

/**
 * circled-font
 */

/* currently it's an ellipse not a circle */
.iconstyle {
	background: #000;
	color: #B4E3FF;
	border-radius: 50%;
	padding: .6em;

yatil

/* Color Table Cells */

/* tr:first-of-type td:not(:first-of-type),
tr:not(:first-of-type):not(:last-of-type) td,  
tr:last-of-type td:not(:last-of-type){background: yellow}*/

/*tbody tr {background-color:yellow;}
tbody tr:first-child td:first-child,
tbody tr:last-child td:last-child {background-color:white;}*/

yatil

$ host static.lanyrd.net
static.lanyrd.net has address 80.156.86.78
static.lanyrd.net has address 62.157.140.133
Host static.lanyrd.net not found: 3(NXDOMAIN)
Host static.lanyrd.net not found: 3(NXDOMAIN)

yatil

/*
	Triangle with Shadow
*/

body {
   padding: 100px;
}

.triangle-with-shadow {
   width: 100px;

yatil

/**
 * Animated Skip Navigation à la @moritzgiessmann
 *
 * Just like http://jsfiddle.net/MoritzGiessmann/DFrVC/ but with a hover style and catering for text-resizing;
 */


a {
    display:block;
    width:12.5em;