persistentgrid 0.0.1.beta.1

data/scss/pg/helpers/fonts/_sofia-pro.scss

@@ -0,0 +1,44 @@
+// /**
+//  * 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
+	$sofia-pro-fontface 						: 'sofia_pro_lightregular';
+	$sofia-pro-fallback							: sans-serif;
+	$sofia-pro-family							: $sofia-pro-fontface, $sofia-pro-fallback;
+
+	// style, variant, weight, family
+	$sofia-pro-ultra-light 						: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-light 							: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-book 							: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-regular 							: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-medium							: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-semi-bold						: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-bold 							: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-extra-bold 						: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-heavy 							: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-ultra-light-italic 				: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-light-italic 					: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-book-italic 						: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-regular-italic 					: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-medium-italic					: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-semi-bold-italic					: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-bold-italic 						: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-extra-bold-italic 				: normal, normal, 200, $sofia-pro-family;
+	$sofia-pro-heavy-italic 					: normal, normal, 200, $sofia-pro-family;

data/scss/pg/helpers/fonts/_varela-round.scss

@@ -0,0 +1,28 @@
+// /**
+//  * 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: 400
+	$varela-round-fontface 						: "Varela Round";
+	$varela-round-fallback						: sans-serif;
+	$varela-round-family						: ($varela-round-fontface, $varela-round-fallback);
+
+	// style, variant, weight, family
+	$varela-round-regular 						: normal, normal, 400, $varela-round-family;
+	$varela-round: $varela-round-regular;

data/scss/pg/helpers/fonts/icon-fonts/_fontawesome.scss

@@ -0,0 +1,34 @@
+// /*!
+//  *  Font Awesome 3.2.1
+//  *  the iconic font designed for Bootstrap
+//  *  ------------------------------------------------------------------------------
+//  *  The full suite of pictographic icons, examples, and documentation can be
+//  *  found at http://fontawesome.io.  Stay up to date on Twitter at
+//  *  http://twitter.com/fontawesome.
+//  *
+//  *  License
+//  *  ------------------------------------------------------------------------------
+//  *  - The Font Awesome font is licensed under SIL OFL 1.1 -
+//  *    http://scripts.sil.org/OFL
+//  *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
+//  *    http://opensource.org/licenses/mit-license.html
+//  *  - Font Awesome documentation licensed under CC BY 3.0 -
+//  *    http://creativecommons.org/licenses/by/3.0/
+//  *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+//  *    "Font Awesome by Dave Gandy - http://fontawesome.io"
+//  *
+//  *  Author - Dave Gandy
+//  *  ------------------------------------------------------------------------------
+//  *  Email: dave@fontawesome.io
+//  *  Twitter: http://twitter.com/davegandy
+//  *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "fontawesome/variables";
+@import "fontawesome/mixins";
+@import "fontawesome/path";
+@import "fontawesome/core";
+@import "fontawesome/bootstrap";
+@import "fontawesome/extras";
+@import "fontawesome/icons";

data/scss/pg/helpers/fonts/icon-fonts/_foundation-accessability.scss

@@ -0,0 +1,76 @@
+// /*!
+//  *  Font Awesome 3.2.1
+//  *  the iconic font designed for Bootstrap
+//  *  ------------------------------------------------------------------------------
+//  *  The full suite of pictographic icons, examples, and documentation can be
+//  *  found at http://fontawesome.io.  Stay up to date on Twitter at
+//  *  http://twitter.com/fontawesome.
+//  *
+//  *  License
+//  *  ------------------------------------------------------------------------------
+//  *  - The Font Awesome font is licensed under SIL OFL 1.1 -
+//  *    http://scripts.sil.org/OFL
+//  *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
+//  *    http://opensource.org/licenses/mit-license.html
+//  *  - Font Awesome documentation licensed under CC BY 3.0 -
+//  *    http://creativecommons.org/licenses/by/3.0/
+//  *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+//  *    "Font Awesome by Dave Gandy - http://fontawesome.io"
+//  *
+//  *  Author - Dave Gandy
+//  *  ------------------------------------------------------------------------------
+//  *  Email: dave@fontawesome.io
+//  *  Twitter: http://twitter.com/davegandy
+//  *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "foundation-accessability/settings";
+
+@include face();
+
+/* global foundicon styles */
+[class*="#{$classPrefix}"] {
+  display: inline;
+  width: auto;
+  height: auto;
+  line-height: inherit;
+  vertical-align: baseline;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+}
+[class*="#{$classPrefix}"]:before {
+  font-family: $fontName;
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+}
+
+/* icons */
+@include i-class(wheelchair,"000");
+@include i-class(speaker,"001");
+@include i-class(fontsize,"002");
+@include i-class(eject,"003");
+@include i-class(view-mode,"004");
+@include i-class(eyeball,"005");
+@include i-class(asl,"006");
+@include i-class(person,"007");
+@include i-class(question,"008");
+@include i-class(adult,"009");
+@include i-class(child,"00a");
+@include i-class(glasses,"00b");
+@include i-class(cc,"00c");
+@include i-class(blind,"00d");
+@include i-class(braille,"00e");
+@include i-class(iphone-home,"00f");
+@include i-class(w3c,"010");
+@include i-class(css,"011");
+@include i-class(key,"012");
+@include i-class(hearing-impaired,"013");
+@include i-class(male,"014");
+@include i-class(female,"015");
+@include i-class(network,"016");
+@include i-class(guidedog,"017");
+@include i-class(universal-access,"018");
+@include i-class(elevator,"019");

data/scss/pg/helpers/fonts/icon-fonts/fontawesome/_bootstrap.scss

@@ -0,0 +1,84 @@
+/* BOOTSTRAP SPECIFIC CLASSES
+ * -------------------------- */
+
+/* Bootstrap 2.0 sprites.less reset */
+[class^="icon-"],
+[class*=" icon-"] {
+  display: inline;
+  width: auto;
+  height: auto;
+  line-height: normal;
+  vertical-align: baseline;
+  background-image: none;
+  background-position: 0% 0%;
+  background-repeat: repeat;
+  margin-top: 0;
+}
+
+/* more sprites.less reset */
+.icon-white,
+.nav-pills > .active > a > [class^="icon-"],
+.nav-pills > .active > a > [class*=" icon-"],
+.nav-list > .active > a > [class^="icon-"],
+.nav-list > .active > a > [class*=" icon-"],
+.navbar-inverse .nav > .active > a > [class^="icon-"],
+.navbar-inverse .nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"],
+.dropdown-submenu:hover > a > [class^="icon-"],
+.dropdown-submenu:hover > a > [class*=" icon-"] {
+  background-image: none;
+}
+
+
+/* keeps Bootstrap styles with and without icons the same */
+.btn, .nav {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    //    display: inline;
+    &.icon-large { line-height: .9em; }
+    &.icon-spin { display: inline-block; }
+  }
+}
+.nav-tabs, .nav-pills {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &, &.icon-large { line-height: .9em; }
+  }
+}
+.btn {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .18em; }
+    }
+    &.icon-spin.icon-large { line-height: .8em; }
+  }
+}
+.btn.btn-small {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .25em; }
+    }
+  }
+}
+.btn.btn-large {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    margin-top: 0; // overrides bootstrap default
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .05em; }
+    }
+    &.pull-left.icon-2x { margin-right: .2em; }
+    &.pull-right.icon-2x { margin-left: .2em; }
+  }
+}
+
+/* Fixes alignment in nav lists */
+.nav-list [class^="icon-"],
+.nav-list [class*=" icon-"] {
+  line-height: inherit;
+}

data/scss/pg/helpers/fonts/icon-fonts/fontawesome/_core.scss

@@ -0,0 +1,129 @@
+/* FONT AWESOME CORE
+ * -------------------------- */
+
+[class^="icon-"],
+[class*=" icon-"] {
+  @include icon-FontAwesome();
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  text-decoration: inherit;
+  display: inline-block;
+  speak: none;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before {
+  vertical-align: -10%;
+  font-size: (4em/3);
+}
+
+/* makes sure icons active on rollover in links */
+a {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    display: inline;
+  }
+}
+
+/* increased font size for icon-large */
+[class^="icon-"],
+[class*=" icon-"] {
+  &.icon-fixed-width {
+    display: inline-block;
+    width: (16em/14);
+    text-align: right;
+    padding-right: (4em/14);
+    &.icon-large {
+      width: (20em/14);
+    }
+  }
+}
+
+.icons-ul {
+  margin-left: $icons-li-width;
+  list-style-type: none;
+
+  > li { position: relative; }
+
+  .icon-li {
+    position: absolute;
+    left: -$icons-li-width;
+    width: $icons-li-width;
+    text-align: center;
+    line-height: inherit;
+  }
+}
+
+// allows usage of the hide class directly on font awesome icons
+[class^="icon-"],
+[class*=" icon-"] {
+  &.hide {
+    display: none;
+  }
+}
+
+.icon-muted { color: $iconMuted; }
+.icon-light { color: $iconLight; }
+.icon-dark { color: $iconDark; }
+
+// Icon Borders
+// -------------------------
+
+.icon-border {
+  border: solid 1px $borderColor;
+  padding: .2em .25em .15em;
+  @include border-radius(3px);
+}
+
+// Icon Sizes
+// -------------------------
+
+.icon-2x {
+  font-size: 2em;
+  &.icon-border {
+    border-width: 2px;
+    @include border-radius(4px);
+  }
+}
+.icon-3x {
+  font-size: 3em;
+  &.icon-border {
+    border-width: 3px;
+    @include border-radius(5px);
+  }
+}
+.icon-4x {
+  font-size: 4em;
+  &.icon-border {
+    border-width: 4px;
+    @include border-radius(6px);
+  }
+}
+
+.icon-5x {
+  font-size: 5em;
+  &.icon-border {
+    border-width: 5px;
+    @include border-radius(7px);
+  }
+}
+
+
+// Floats & Margins
+// -------------------------
+
+// Quick floats
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+[class^="icon-"],
+[class*=" icon-"] {
+  &.pull-left {
+    margin-right: .3em;
+  }
+  &.pull-right {
+    margin-left: .3em;
+  }
+}

data/scss/pg/helpers/fonts/icon-fonts/fontawesome/_extras.scss

@@ -0,0 +1,93 @@
+/* EXTRAS
+ * -------------------------- */
+
+/* Stacked and layered icon */
+@include icon-stack();
+
+/* Animated rotating icon */
+.icon-spin {
+  display: inline-block;
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+}
+
+/* Prevent stack and spinners from being taken inline when inside a link */
+a .icon-stack,
+a .icon-spin {
+  display: inline-block;
+  text-decoration: none;
+}
+
+@-moz-keyframes spin {
+  0% { -moz-transform: rotate(0deg); }
+  100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+  0% { -o-transform: rotate(0deg); }
+  100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+  0% { -ms-transform: rotate(0deg); }
+  100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(359deg); }
+}
+
+/* Icon rotations and mirroring */
+.icon-rotate-90:before {
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  transform: rotate(90deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+}
+
+.icon-rotate-180:before {
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+  transform: rotate(180deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+}
+
+.icon-rotate-270:before {
+  -webkit-transform: rotate(270deg);
+  -moz-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  -o-transform: rotate(270deg);
+  transform: rotate(270deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+
+.icon-flip-horizontal:before {
+  -webkit-transform: scale(-1, 1);
+  -moz-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  -o-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+
+.icon-flip-vertical:before {
+  -webkit-transform: scale(1, -1);
+  -moz-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  -o-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
+
+/* ensure rotation occurs inside anchor tags */
+a {
+  .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
+    &:before { display: inline-block; }
+  }
+}