Pascal Gärtner grtner

## whitespacing.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Whitespace is important</title>
</head>
<body>

	<div class="wrapper">

## dabblet.css
/* Glossy overlay */

html {
	min-height: 100%;
	background: -webkit-linear-gradient(#000, #445);
}

figure {
	width: 162px;
	height: 162px;

## dabblet.css
/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}

## dabblet.css
/*
	Triangle with Shadow
*/

.triangle-with-shadow {
   width: 100px;
   height: 100px;
   position: relative;
   overflow: hidden;
   box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);

## _media-queries.scss
// Media Queries in Sass 3.2
//
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all
// trigger at different points along the way
//
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Whitespace is important</title>
	</head>
	<body>

	<div class="wrapper">
	/* Glossy overlay */

	html {
	min-height: 100%;
	background: -webkit-linear-gradient(#000, #445);
	}

	figure {
	width: 162px;
	height: 162px;
	/**
	* Scrolling shadows by @kizmarh and @leaverou
	* Only works in browsers supporting background-attachment: local; & CSS gradients
	* Degrades gracefully
	*/

	html {
	background: white;
	font: 120% sans-serif;
	}
	/*
	Triangle with Shadow
	*/

	.triangle-with-shadow {
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
	// Media Queries in Sass 3.2
	//
	// These mixins make media queries a breeze with Sass.
	// The media queries from mobile up until desktop all
	// trigger at different points along the way
	//
	// And important point to remember is that and width
	// over the portrait width is considered to be part of the
	// landscape width. This allows us to capture widths of devices
	// that might not fit the dimensions exactly. This means the break