Jaswetz

body
{
	background: seaShell;
	position: relative
}

.tip-shape 
{
    position: absolute;
    top: 50px;

Jaswetz

body
{
	background: seaShell;
	position: relative
}

.tip-shape 
{
    position: absolute;
    top: 50px;

Jaswetz

body
{
	background: seaShell;
	position: relative
}

.tip-shape 
{
    position: absolute;
    top: 50px;

Jaswetz

body
{
	background: seaShell;
	position: relative
}

.tip-shape 
{
    position: absolute;
    top: 50px;

Jaswetz

body
{
	background: seaShell;
	position: relative
}

.tip-shape {
    position: absolute;
    top: 50px;
    left: 50px;

Jaswetz

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

Jaswetz

/**
 * Sidebar Timeline
 */

footer
{
	clear:both;
}

.articleWrapper

Jaswetz

// Configurable variables
// ⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻

// Absolute height of body text, in pixels
$base-font-size: 16px !default;

// Absolute height of one line of type, in pixels
$base-line-height: 24px !default;

// The font unit to use when returning values in rhythm functions

Jaswetz

//----------------------------------------------------------------------------
// main.scss
//----------------------------------------------------------------------------

// ---------------------------------------------------------------------------
// ROOT

// Compass
@import "compass";

Jaswetz

//----------------------------------------------------------------------------
// mixins.scss
//----------------------------------------------------------------------------

// ---------------------------------------------------------------------------
// CONVERTING PX TO EM

@function calc-em($target-px, $context) {
  @return ($target-px / $context) * 1em;
}