persistentgrid 0.0.1.beta.1

data/scss/pg/helpers/_colors.scss

@@ -0,0 +1,163 @@
+// /**
+//  * copyright (c) 2013 crossing hippos - babs gösgens. all rights reserved.
+//  * licensed under gnu general public license version 2 or later; see license.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+//  ==========================================================================
+//  colors
+//  ==========================================================================
+
+	$white								: #fff !default;
+	$black								: #000 !default;
+	$grey 								: #666 !default;
+	$red 								: #f00 !default;
+	$orange 							: #fa0 !default;
+	$yellow 							: #ff0 !default;
+	$green 								: #090 !default;
+	$blue 								: #009 !default;
+	$purple 							: #709 !default;
+	$violet 							: #90f !default;
+
+
+
+	$aliceblue: #f0f8ff;
+	$antiquewhite: #faebd7;
+	$aqua: #00ffff;
+	$aquamarine: #7fffd4;
+	$azure: #f0ffff;
+	$beige: #f5f5dc;
+	$bisque: #ffe4c4;
+	$black: #000000;
+	$blanchedalmond: #ffebcd;
+	$blue: #0000ff;
+	$blueviolet: #8a2be2;
+	$brown: #a52a2a;
+	$burlywood: #deb887;
+	$cadetblue: #5f9ea0;
+	$chartreuse: #7fff00;
+	$chocolate: #d2691e;
+	$coral: #ff7f50;
+	$cornflowerblue: #6495ed;
+	$cornsilk: #fff8dc;
+	$crimson: #dc143c;
+	$cyan: #00ffff;
+	$darkblue: #00008b;
+	$darkcyan: #008b8b;
+	$darkgoldenrod: #b8860b;
+	$darkgray: #a9a9a9;
+	$darkgreen: #006400;
+	$darkkhaki: #bdb76b;
+	$darkmagenta: #8b008b;
+	$darkolivegreen: #556b2f;
+	$darkorange: #ff8c00;
+	$darkorchid: #9932cc;
+	$darkred: #8b0000;
+	$darksalmon: #e9967a;
+	$darkseagreen: #8fbc8f;
+	$darkslateblue: #483d8b;
+	$darkslategray: #2f4f4f;
+	$darkturquoise: #00ced1;
+	$darkviolet: #9400d3;
+	$deeppink: #ff1493;
+	$deepskyblue: #00bfff;
+	$dimgray: #696969;
+	$dodgerblue: #1e90ff;
+	$firebrick: #b22222;
+	$floralwhite: #fffaf0;
+	$forestgreen: #228b22;
+	$fuchsia: #ff00ff;
+	$gainsboro: #dcdcdc;
+	$ghostwhite: #f8f8ff;
+	$gold: #ffd700;
+	$goldenrod: #daa520;
+	$gray: #808080;
+	$green: #008000;
+	$greenyellow: #adff2f;
+	$honeydew: #f0fff0;
+	$hotpink: #ff69b4;
+	$indianred : #cd5c5c;
+	$indigo : #4b0082;
+	$ivory: #fffff0;
+	$khaki: #f0e68c;
+	$lavender: #e6e6fa;
+	$lavenderblush: #fff0f5;
+	$lawngreen: #7cfc00;
+	$lemonchiffon: #fffacd;
+	$lightblue: #add8e6;
+	$lightcoral: #f08080;
+	$lightcyan: #e0ffff;
+	$lightgoldenrodyellow: #fafad2;
+	$lightgray: #d3d3d3;
+	$lightgreen: #90ee90;
+	$lightpink: #ffb6c1;
+	$lightsalmon: #ffa07a;
+	$lightseagreen: #20b2aa;
+	$lightskyblue: #87cefa;
+	$lightslategray: #778899;
+	$lightsteelblue: #b0c4de;
+	$lightyellow: #ffffe0;
+	$lime: #00ff00;
+	$limegreen: #32cd32;
+	$linen: #faf0e6;
+	$magenta: #ff00ff;
+	$maroon: #800000;
+	$mediumaquamarine: #66cdaa;
+	$mediumblue: #0000cd;
+	$mediumorchid: #ba55d3;
+	$mediumpurple: #9370db;
+	$mediumseagreen: #3cb371;
+	$mediumslateblue: #7b68ee;
+	$mediumspringgreen: #00fa9a;
+	$mediumturquoise: #48d1cc;
+	$mediumvioletred: #c71585;
+	$midnightblue: #191970;
+	$mintcream: #f5fffa;
+	$mistyrose: #ffe4e1;
+	$moccasin: #ffe4b5;
+	$navajowhite: #ffdead;
+	$navy: #000080;
+	$oldlace: #fdf5e6;
+	$olive: #808000;
+	$olivedrab: #6b8e23;
+	$orange: #ffa500;
+	$orangered: #ff4500;
+	$orchid: #da70d6;
+	$palegoldenrod: #eee8aa;
+	$palegreen: #98fb98;
+	$paleturquoise: #afeeee;
+	$palevioletred: #db7093;
+	$papayawhip: #ffefd5;
+	$peachpuff: #ffdab9;
+	$peru: #cd853f;
+	$pink: #ffc0cb;
+	$plum: #dda0dd;
+	$powderblue: #b0e0e6;
+	$purple: #800080;
+	$red: #ff0000;
+	$rosybrown: #bc8f8f;
+	$royalblue: #4169e1;
+	$saddlebrown: #8b4513;
+	$salmon: #fa8072;
+	$sandybrown: #f4a460;
+	$seagreen: #2e8b57;
+	$seashell: #fff5ee;
+	$sienna: #a0522d;
+	$silver: #c0c0c0;
+	$skyblue: #87ceeb;
+	$slateblue: #6a5acd;
+	$slategray: #708090;
+	$snow: #fffafa;
+	$springgreen: #00ff7f;
+	$steelblue: #4682b4;
+	$tan: #d2b48c;
+	$teal: #008080;
+	$thistle: #d8bfd8;
+	$tomato: #ff6347;
+	$turquoise: #40e0d0;
+	$violet: #ee82ee;
+	$wheat: #f5deb3;
+	$white: #ffffff;
+	$whitesmoke: #f5f5f5;
+	$yellow: #ffff00;
+	$yellowgreen: #9acd32;

data/scss/pg/helpers/_fonts.scss

@@ -0,0 +1,21 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+// System fonts
+@import "fonts/serif";
+@import "fonts/sans-serif";
+@import "fonts/monospace";
+
+// Google fonts
+@import "fonts/bree-serif";
+@import "fonts/lato";
+@import "fonts/raleway";
+@import "fonts/righteous";
+@import "fonts/roboto";
+@import "fonts/varela-round";
+
+// Fontspring fonts
+@import "fonts/sofia-pro";

data/scss/pg/helpers/_functions.scss

@@ -0,0 +1,91 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+// Placeholder function
+@function vertical-rhythm($lines) 
+{
+	@return rhythm($lines);
+}
+
+@function horizontal-rhythm($lines) {
+	@return horizontal-rhythm($lines);
+}
+
+// Consider this:
+// $border-width: false;
+// if($border-width, 2*$border-width, $border-width);
+// the second expression will break the script because SASS is executing it regardless of whether the condition is true or false
+// By wrapping it in the multiply function, this issue gets bypassed:
+// if($border-width, multiply(2,$border-width), $border-width);
+@function multiply($factor, $subject) {
+	@if $subject==0 {
+		@return 0;
+	}
+	@if $subject==false {
+		@return 0;
+	}
+	@if number($subject) {
+		@return $factor*$subject;
+	}
+}
+
+// @function establish-size($to-size,$from-size:$base-font-size) {
+// 	@if not $relative-font-sizing and $from-size != $base-font-size {
+//     @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to"; }
+//   	$base-font-size: $font-unit * $to-size / $from-size;
+
+//   	@return $base-font-size;
+// }
+
+// //* Calculate the optimal line-height */
+// @function leading-in-px($base-font-size, $balance-over: false) {
+
+// 	$dividend: $base-font-size / $base-line-height;
+// 	$leading: $base-line-height;
+
+// 	// For smaller font-sizes, for instance balance a font-size of 8px over two baselines of 24px in three (balance) lines resulting in 48/3=16px;
+// 	@if $balance-over {
+// 		$leading: 2 * $base-line-height / $balance-over;		
+// 		@return $leading;
+// 	}
+// 	@if $dividend<0.5 {
+// 		$leading: 0.5 * $base-line-height;
+// 		@return $leading;
+// 	}
+// 	@if $dividend>1 {
+// 		$leading: ceil($dividend) * $base-line-height;
+// 		@if ($leading - $base-font-size) < (2 * $min-line-padding) {
+// 			$leading: $leading + $base-line-height;
+// 		}
+// 		@return $leading;
+// 	}
+// 	@else {
+// 		@return $leading;		
+// 	}
+// }
+
+// @function px-to-rhythm($value) {
+// 	@return $value/$base-line-height;
+// }
+
+// @function base-line-rhythm($base-lines: 1) {
+// 	// @debug $base-lines;
+// 	// @debug $base-line-height;
+// 	@return ($base-lines * $base-line-height);
+// }
+
+@function px-to-em($target,$context)
+{
+	@return $target/$context*1em;
+}
+@function px-to-percentage($target,$context)
+{
+	@return $target/$context*100%;
+}
+@function px-to-rem($pixels)
+{
+	@return $pixels/1px*0.1rem;
+}

data/scss/pg/helpers/_mixins.scss

@@ -0,0 +1,7 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "mixins/all";

data/scss/pg/helpers/_settings.scss

@@ -0,0 +1,11 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "settings/all";
+
+// Constants
+$sides: top right bottom left;
+$corners: top-left top-right bottom-left bottom-right;

data/scss/pg/helpers/fonts/_bree-serif.scss

@@ -0,0 +1,27 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Bree Serif
+    // Available styles on Google Fonts: 400
+	$bree-serif-fontface 				: "Bree Serif";
+	$bree-serif-fallback				: "serif";
+	$bree-serif-family					: ($bree-serif-fontface, $bree-serif-fallback);
+
+	// style, variant, weight, family
+	$bree-serif-regular 				: normal, normal, 400, $bree-serif-family;

data/scss/pg/helpers/fonts/_example.scss

@@ -0,0 +1,47 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Use this file as a template for creating additional font files
+	// Replace the variable names accordingly
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Example
+    // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic
+	$example-fontface 						: "Example";
+	$example-fallback						: sans-serif;
+	$example-family							: ($example-fontface, $example-fallback);
+
+	// style, variant, weight, family
+	$example-ultra-light 					: normal, normal, 100, $example-family;
+	$example-light 							: normal, normal, 200, $example-family;
+	$example-book 							: normal, normal, 300, $example-family;
+	$example-regular 						: normal, normal, 400, $example-family;
+	$example-medium							: normal, normal, 500, $example-family;
+	$example-semi-bold						: normal, normal, 600, $example-family;
+	$example-bold 							: normal, normal, 700, $example-family;
+	$example-extra-bold 					: normal, normal, 800, $example-family;
+	$example-heavy 							: normal, normal, 900, $example-family;
+	$example-ultra-light-italic 			: italic, normal, 100, $example-family;
+	$example-light-italic 					: italic, normal, 200, $example-family;
+	$example-book-italic 					: italic, normal, 300, $example-family;
+	$example-regular-italic 				: italic, normal, 400, $example-family;
+	$example-medium-italic					: italic, normal, 500, $example-family;
+	$example-semi-bold-italic				: italic, normal, 600, $example-family;
+	$example-bold-italic 					: italic, normal, 700, $example-family;
+	$example-extra-bold-italic 				: italic, normal, 800, $example-family;
+	$example-heavy-italic 					: italic, normal, 900, $example-family;

data/scss/pg/helpers/fonts/_lato.scss

@@ -0,0 +1,36 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Lato
+    // Available styles on Google Fonts: 100,300,400,700,900,100italic,300italic,400italic,700italic,900italic
+
+	$lato-fontface 						: "Lato";
+	$lato-fallback						: sans-serif;
+	$lato-family						: ($lato-fontface, $lato-fallback);
+
+	// style, variant, weight, family
+	$lato-ultra-light 					: normal, normal, 100, $lato-family;
+	$lato-book 							: normal, normal, 300, $lato-family;
+	$lato-regular 						: normal, normal, 400, $lato-family;
+	$lato-bold 							: normal, normal, 700, $lato-family;
+	$lato-heavy 						: normal, normal, 900, $lato-family;
+	$lato-ultra-light-italic			: italic, normal, 100, $lato-family;
+	$lato-book-italic					: italic, normal, 300, $lato-family;
+	$lato-regular-italic				: italic, normal, 400, $lato-family;
+	$lato-bold-italic					: italic, normal, 700, $lato-family;
+	$lato-heavy-italic					: italic, normal, 900, $lato-family;

data/scss/pg/helpers/fonts/_monospace.scss

@@ -0,0 +1,43 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Example
+    // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic
+	$monospace-fontface 						: monospace;
+	$monospace-family							: $monospace-fontface;
+
+	// style, variant, weight, family
+	$monospace-ultra-light 						: normal, normal, 400, $monospace-family;
+	$monospace-light 							: normal, normal, 400, $monospace-family;
+	$monospace-book 							: normal, normal, 400, $monospace-family;
+	$monospace-regular 							: normal, normal, 400, $monospace-family;
+	$monospace-medium							: normal, normal, 600, $monospace-family;
+	$monospace-semi-bold						: normal, normal, 600, $monospace-family;
+	$monospace-bold 							: normal, normal, 600, $monospace-family;
+	$monospace-extra-bold 						: normal, normal, 600, $monospace-family;
+	$monospace-heavy 							: normal, normal, 600, $monospace-family;
+	$monospace-ultra-light-italic 				: italic, normal, 400, $monospace-family;
+	$monospace-light-italic 					: italic, normal, 400, $monospace-family;
+	$monospace-book-italic 						: italic, normal, 400, $monospace-family;
+	$monospace-regular-italic 					: italic, normal, 400, $monospace-family;
+	$monospace-medium-italic					: italic, normal, 600, $monospace-family;
+	$monospace-semi-bold-italic					: italic, normal, 600, $monospace-family;
+	$monospace-bold-italic 						: italic, normal, 600, $monospace-family;
+	$monospace-extra-bold-italic 				: italic, normal, 600, $monospace-family;
+	$monospace-heavy-italic 					: italic, normal, 600, $monospace-family;

data/scss/pg/helpers/fonts/_raleway.scss

@@ -0,0 +1,35 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Raleway
+    // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900
+	$raleway-fontface 						: "Raleway";
+	$raleway-fallback						: sans-serif;
+	$raleway-family							: ($raleway-fontface, $raleway-fallback);
+
+	// style, variant, weight, family
+	$raleway-ultra-light 					: normal, normal, 100, $raleway-family;
+	$raleway-light 							: normal, normal, 200, $raleway-family;
+	$raleway-book 							: normal, normal, 300, $raleway-family;
+	$raleway-regular 						: normal, normal, 400, $raleway-family;
+	$raleway-medium							: normal, normal, 500, $raleway-family;
+	$raleway-semi-bold						: normal, normal, 600, $raleway-family;
+	$raleway-bold 							: normal, normal, 700, $raleway-family;
+	$raleway-extra-bold 					: normal, normal, 800, $raleway-family;
+	$raleway-heavy 							: normal, normal, 900, $raleway-family;

data/scss/pg/helpers/fonts/_righteous.scss

@@ -0,0 +1,27 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Righteous
+    // Available styles on Google Fonts: 400
+	$righteous-fontface 				: "Righteous";
+	$righteous-fallback					: "serif";
+	$righteous-family					: ($righteous-fontface, $righteous-fallback);
+
+	// style, variant, weight, family
+	$righteous-regular 				: normal, normal, 400, $righteous-family;

data/scss/pg/helpers/fonts/_roboto.scss

@@ -0,0 +1,38 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Roboto
+    // Available styles on Google Fonts: 100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic
+	$roboto-fontface 						: "Roboto";
+	$roboto-fallback						: sans-serif;
+	$roboto-family							: ($roboto-fontface, $roboto-fallback);
+
+	// style, variant, weight, family
+	$roboto-ultra-light 					: normal, normal, 100, $roboto-family;
+	$roboto-ultra-light-italic				: italic, normal, 100, $roboto-family;
+	$roboto-book 							: normal, normal, 300, $roboto-family;
+	$roboto-book-italic						: italic, normal, 300, $roboto-family;
+	$roboto-regular 						: normal, normal, 400, $roboto-family;
+	$roboto-regular-italic					: italic, normal, 400, $roboto-family;
+	$roboto-medium 							: normal, normal, 500, $roboto-family;
+	$roboto-medium-italic					: italic, normal, 500, $roboto-family;
+	$roboto-bold 							: normal, normal, 700, $roboto-family;
+	$roboto-bold-italic						: italic, normal, 700, $roboto-family;
+	$roboto-heavy 							: normal, normal, 900, $roboto-family;
+	$roboto-heavy-italic					: italic, normal, 900, $roboto-family;

data/scss/pg/helpers/fonts/_sans-serif.scss

@@ -0,0 +1,43 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Example
+    // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic
+	$sans-serif-fontface 						: sans-serif;
+	$sans-serif-family							: $sans-serif-fontface;
+
+	// style, variant, weight, family
+	$sans-serif-ultra-light 					: normal, normal, 400, $sans-serif-family;
+	$sans-serif-light 							: normal, normal, 400, $sans-serif-family;
+	$sans-serif-book 							: normal, normal, 400, $sans-serif-family;
+	$sans-serif-regular 						: normal, normal, 400, $sans-serif-family;
+	$sans-serif-medium							: normal, normal, 600, $sans-serif-family;
+	$sans-serif-semi-bold						: normal, normal, 600, $sans-serif-family;
+	$sans-serif-bold 							: normal, normal, 600, $sans-serif-family;
+	$sans-serif-extra-bold 						: normal, normal, 600, $sans-serif-family;
+	$sans-serif-heavy 							: normal, normal, 600, $sans-serif-family;
+	$sans-serif-ultra-light-italic 				: italic, normal, 400, $sans-serif-family;
+	$sans-serif-light-italic 					: italic, normal, 400, $sans-serif-family;
+	$sans-serif-book-italic 					: italic, normal, 400, $sans-serif-family;
+	$sans-serif-regular-italic 					: italic, normal, 400, $sans-serif-family;
+	$sans-serif-medium-italic					: italic, normal, 600, $sans-serif-family;
+	$sans-serif-semi-bold-italic				: italic, normal, 600, $sans-serif-family;
+	$sans-serif-bold-italic 					: italic, normal, 600, $sans-serif-family;
+	$sans-serif-extra-bold-italic 				: italic, normal, 600, $sans-serif-family;
+	$sans-serif-heavy-italic 					: italic, normal, 600, $sans-serif-family;

data/scss/pg/helpers/fonts/_serif.scss

@@ -0,0 +1,43 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Example
+    // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic
+	$serif-fontface 						: serif;
+	$serif-family							: $serif-fontface;
+
+	// style, variant, weight, family
+	$serif-ultra-light 						: normal, normal, 400, $serif-family;
+	$serif-light 							: normal, normal, 400, $serif-family;
+	$serif-book 							: normal, normal, 400, $serif-family;
+	$serif-regular 							: normal, normal, 400, $serif-family;
+	$serif-medium							: normal, normal, 600, $serif-family;
+	$serif-semi-bold						: normal, normal, 600, $serif-family;
+	$serif-bold 							: normal, normal, 600, $serif-family;
+	$serif-extra-bold 						: normal, normal, 600, $serif-family;
+	$serif-heavy 							: normal, normal, 600, $serif-family;
+	$serif-ultra-light-italic 				: italic, normal, 400, $serif-family;
+	$serif-light-italic 					: italic, normal, 400, $serif-family;
+	$serif-book-italic 						: italic, normal, 400, $serif-family;
+	$serif-regular-italic 					: italic, normal, 400, $serif-family;
+	$serif-medium-italic					: italic, normal, 600, $serif-family;
+	$serif-semi-bold-italic					: italic, normal, 600, $serif-family;
+	$serif-bold-italic 						: italic, normal, 600, $serif-family;
+	$serif-extra-bold-italic 				: italic, normal, 600, $serif-family;
+	$serif-heavy-italic 					: italic, normal, 600, $serif-family;