A gist for stackoverflow Q.

screen.scss

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import "compass/reset";
@import "compass";

/* typography */
@import "compass/typography/links/link-colors";
@import "compass/typography/links/hover-link";
@import "compass/typography/vertical_rhythm";

/* css standard */
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";

/* base import */
@import "partials/base";

/* extras (fonts and syntax) */
@import "syntax.scss";

/* start style */

html {
	/* font size is now linked to the stranded 3:5 fibonacci sequence */
	@include establish-baseline(16px);
	font-family: 'Merriweather', serif;

	background-color: $bg-dark;
}

body {
	margin: 0 auto;
	padding: $base-line-height 1in;
	width: 33em;
	height: 100%;

	background-color: $bg-bright;
	@include single-box-shadow(#666, 0px, 0px, 80px, 35px);

	color: #171717;
}

a {
	color: #000;
	text-decoration: none;
	font-weight: 700;
	@include link-colors(#000, $primary, $primary, $primary-dark);
}

h1 {
	@include adjust-font-size-to(34px);
	text-indent: 2.5em;

	background-color: #a32;
	color: #fff;
	text-shadow: -1px, -1px, 1px, #000;

	position: absolute;
	left: 0px;
	@include border-radius(0em 1em 1em 0em);
	padding: $base-line-height/4 $base-line-height;
}

h2 {
	@include adjust-font-size-to(26px);
}

h3 {
	@include adjust-font-size-to(21px);
}

h4 {
	@include adjust-font-size-to(13px);
}

code {
	@include adjust-font-size-to(13px);
}

.highlight {
	@include leader;
	@include trailer;

	padding: 0.5em;

	@include border-radius(5px);
}

p + p {
	@include leader;
	text-indent: 2.5em;
}

ul#nav {
	position: absolute;
	right: -1.25in;
	top: $base-line-height*0.85;
}

li.nav {
	display: inline;
	padding-right: 1.25em;
}

li.nav:last-of-type {
	padding-right: 0;
}

#header {
	position: relative;
	left: -1in;
	height: $base-line-height*3;
}

hr {
	border: 0;
	height: 1px;
	color: #000;
	background-color: #000;
}

#footer {
	@include leader;
}