stipe 0.0.2

data/stylesheets/stipe/toadstool/ui_patterns/_emBox.scss

@@ -0,0 +1,16 @@
+// UI pattern to support the visual em value of the view
+
+.emBox {
+	position: fixed;
+	padding: em(5) em(10);
+	background: $bravo_gray; 
+	color: $white; 
+	font-weight: bold;
+	font-size: 1em;
+	bottom: 0;
+	left: 0;
+	border-radius: 0 em(5) 0 0;
+	.screen-width {
+		@extend %icon-fullscreen;
+	}
+}

data/stylesheets/stipe/toadstool/ui_patterns/_prettify.scss

@@ -0,0 +1,118 @@
+///////////// prettify styles //////////////////
+// ----------------------------------------
+// *
+// * Derived from einaros's Sons of Obsidian theme at
+// * http://studiostyl.es/schemes/son-of-obsidian by
+// * Alex Ford of CodeTunnel:
+// * http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
+// *
+
+.str
+{
+    color: #EC7600;
+}
+.kwd
+{
+    color: #9763C7;
+}
+.com
+{
+    color: #93C763;
+}
+.typ
+{
+    color: #678CB1;
+}
+.lit
+{
+    color: #FACD22;
+}
+.pun
+{
+    color: #F1F2F3;
+}
+.pln
+{
+    color: #F1F2F3;
+}
+.tag
+{
+    color: #8AC763;
+}
+.atn
+{
+    color: #E0E2E4;
+}
+.atv
+{
+    color: #EC7600;
+}
+.dec
+{
+    color: purple;
+}
+pre.prettyprint
+{
+    font-size: em(14);
+    @media #{$mobile} {
+	    font-size: em(14);
+    }
+}
+ol.linenums
+{
+    margin-top: 0;
+    margin-bottom: 0;
+}
+.example_code {
+    background: $bravo_gray;
+    @include border_radius(em(5));
+    padding: em(10) em(10) 0 em(20);
+    margin-bottom: em(20);
+    @include grid(6.125);
+    line-height: 1.5em;
+    
+    
+    
+    @media #{$desktop} {
+			&:nth-of-type(odd) {
+			  margin-left: 0;
+			}
+			&:nth-of-type(even) {
+			  margin-right: 0;
+			}
+    }
+    
+    @media #{$tablet_portrait} {
+	    @include grid(10, $grid_context: 10);
+	    padding-right: em(10);
+    }
+    
+    @media #{$mobile} {
+	    @include grid(4, $grid_context: 4);
+	    padding-right: em(10);
+    }
+    
+    
+    
+    p {
+	    color: $fox_gray;
+	    float: right;
+	    margin: em(10) em(10) em(5) 0;
+	    @media #{$mobile} {
+		    margin-right: 0;
+	    }
+    }
+}
+
+.instructional_example {
+	@extend .example_code;
+	background: transparent;
+}
+
+li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
+{
+    color: #555;
+}
+li.L1, li.L3, li.L5, li.L7, li.L9 {
+    background: #3F3F3F;
+}

data/stylesheets/stipe/typography/_default.scss

@@ -0,0 +1,66 @@
+/* typography defauts */
+
+html {
+	font: em($font_size, 16) $primary_font_family;
+	line-height: baseline($font_size);
+	color: $primary_text;
+}
+
+h1 {
+	//font-size: 2em;  // user agent default
+	@extend %headings_1;
+}
+
+h2 {
+	//font-size: 1.5em;  // user agent default
+	@extend %headings_2;
+}
+
+h3 {
+	//font-size:  1.17em;  // user agent default
+	@extend %headings_3;
+}
+
+h4 {
+	//font-size:  1em;  // user agent default
+	@extend %headings_4;
+}
+
+h5 {
+	//font-size:  0.83em;  // user agent default
+	@extend %headings_5;
+}
+
+h6 {
+	 //font-size:  0.75em;  // user agent default
+	 @extend %headings_6;
+}
+
+// Standard body text support
+// --------------------------------
+p {
+	margin-bottom: baseline-margin($font_size);
+	text-indent: 0;
+}
+
+b {
+	&:after {
+		content: " ";
+	}
+}
+
+
+// :link Pseudo-class is totally not necessary as I can tell
+// code here to combat legacy code
+a {
+	&:link {
+		color: $href_color;
+		text-decoration: none;
+	}
+	&:hover, &:active {
+		text-decoration: underline;
+	}
+	&:visited {
+		color: $href_color;
+	}
+}

data/stylesheets/stipe/typography/_extends.scss

@@ -0,0 +1,86 @@
+// Default silent classes. To use in your final CSS, use the following syntax:
+// .foo {
+//   @extend %silent_class;
+// }
+
+
+/* Text classes */
+%headings_1 {
+	@include heading();
+}
+
+%headings_2 {
+	@include heading($heading_2);
+}
+
+%headings_3 {
+	@include heading($heading_3);
+}
+
+%headings_4 {
+	@include heading($heading_4);
+}
+
+%headings_5 {
+	@include heading($heading_5);
+}
+
+%headings_6 {
+	@include heading($heading_6);
+}
+
+
+%small {
+	@include small;
+}
+
+%medium {
+	@include medium;
+}
+
+%large {
+	@include large;
+}
+
+
+
+
+
+/* Font family classes */
+%primary_font_family {
+	font-family: $primary_font_family;
+}
+
+%secondary_font_family {
+	font-family: $secondary_font_family;
+}
+
+%heading_font_family {
+	font-family: $heading_font_family;
+}
+
+
+
+
+
+/* Hide Text, Kellum Method */
+%hide_text {
+	@include hide_text;
+}
+
+
+
+
+/* Standard content block styling */
+%bulleted_list {
+	@include bulleted_list;
+}
+
+%content_block {
+	@extend %standard_block_spacing;
+	float: left;
+	@extend %bulleted_list;
+}
+
+
+

data/stylesheets/stipe/typography/_functions.scss

@@ -0,0 +1,22 @@
+
+// General font size function that will convert intigers into em values
+// font-size: em(12);
+@function em($target, $context: $font_size) {
+    @return ($target / $context) * 1em;
+}
+
+@function rem($target, $context: $font_size) {
+    @return ($target / $context) * 1rem;
+}
+
+// Baseline height calculations 
+// line-height: baseline($baseline_size);
+@function baseline($baseline_size) {
+	@return ($line / $baseline_size) * ceil($baseline_size / $line) * 1em;
+}
+
+// Baseline margin calculations 
+// margin-bottom: baseline-margin($baseline_size);
+@function baseline-margin($baseline_size) {
+	@return ($line / $baseline_size) * 1em;
+}

data/stylesheets/stipe/typography/_mixins.scss

@@ -0,0 +1,105 @@
+// Toadstool core v0.0.0.1
+// This document is not to be edited as it will be versioned
+// -----------------------------------------------------------------
+
+
+// All google font includes are placed in the RESET.SCSS file
+// -----------------------------------------------------------
+//@import "../config_files/text";
+
+
+//////// heading text mixin //////////
+// ------------------------------------------------
+@mixin heading ($heading_size, $heading_font_family, $heading_color, $heading_font_weight) {
+	font-size: em($heading_size);
+	line-height: baseline($heading_size);
+	margin-bottom: baseline-margin($heading_size);
+	color: $heading_color;
+	font-weight: $heading_font_weight;
+	font-family: $heading_font_family;
+}
+
+
+/////// text arguments w/baseline rythem //////////
+// -----------------------------------------------------
+@mixin text ($baseline_size, $margin: auto) {
+	font-size: em($baseline_size);
+	line-height: baseline($baseline_size);
+
+	@if $margin == auto {
+		margin-bottom: baseline-margin($baseline_size);
+	}
+	@else if $margin == 0 {
+		margin-bottom: 0;
+	}
+}
+
+
+
+//////// standard text mixins //////////
+// ------------------------------------------------
+@mixin small ($baseline_size: $small_point_size) {
+	@include text($baseline_size);
+}
+
+@mixin medium ($baseline_size: $font_size) {
+	@include text($baseline_size);
+}
+
+@mixin large ($baseline_size: $large_point_size) {
+	@include text($baseline_size);
+}
+
+
+
+
+////////// Standard bulleted list //////////////
+// --------------------------------------------
+@mixin bulleted_list {
+	ul {
+		list-style: disc;
+		margin: 0 0 1.5em em(20);
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+	li {
+		float: none;
+		margin-bottom: 1em;
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+}
+
+
+////////// @font-face builder //////////////
+// --------------------------------------------
+$webfont_font_family: zocial !default;
+$webfont-file: zocial-regular-webfont !default;
+$webfont_weight: normal !default;
+$webfont_style: normal !default;
+
+
+@mixin font-face($font_family: $webfont_font_family, $font-file: $webfont-file, $font_weight: $webfont_weight, $font_style: $webfont_style ) {
+	font-family: '#{$font_family}';
+	font-style: $font_style;
+	font-weight: $font_weight;
+	src: url('#{$webfont_directory}#{$font-file}.eot');
+	src: url('#{$webfont_directory}#{$font-file}.eot?#iefix') format('embedded-opentype'),
+         url('#{$webfont_directory}#{$font-file}.woff') format('woff'),
+         url('#{$webfont_directory}#{$font-file}.ttf') format('truetype'),
+         url('#{$webfont_directory}#{$font-file}.svg#ZocialRegular') format('svg');
+}
+
+
+
+
+
+
+
+
+
+
+
+

data/stylesheets/stipe/typography/web_fonts/_font_awesome.scss

@@ -0,0 +1,4 @@
+@font-face {
+	@include font-face (FontAwesome, fontawesome-webfont);
+}
+

data/stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss

@@ -0,0 +1,231 @@
+//*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+//    readers do not read off random characters that represent icons */
+%font_awesome                     { font-family: 'FontAwesome'; }
+
+
+%icon-glass:before                { content: "\f000"; @extend %font_awesome; }
+%icon-music:before                { content: "\f001"; @extend %font_awesome; }
+%icon-search:before               { content: "\f002"; @extend %font_awesome; }
+%icon-envelope:before             { content: "\f003"; @extend %font_awesome; }
+%icon-heart:before                { content: "\f004"; @extend %font_awesome; }
+%icon-star:before                 { content: "\f005"; @extend %font_awesome; }
+%icon-star-empty:before           { content: "\f006"; @extend %font_awesome; }
+%icon-user:before                 { content: "\f007"; @extend %font_awesome; }
+%icon-film:before                 { content: "\f008"; @extend %font_awesome; }
+%icon-th-large:before             { content: "\f009"; @extend %font_awesome; }
+%icon-th:before                   { content: "\f00a"; @extend %font_awesome; }
+%icon-th-list:before              { content: "\f00b"; @extend %font_awesome; }
+%icon-ok:before                   { content: "\f00c"; @extend %font_awesome; }
+%icon-remove:before               { content: "\f00d"; @extend %font_awesome; }
+%icon-zoom-in:before              { content: "\f00e"; @extend %font_awesome; }
+
+%icon-zoom-out:before             { content: "\f010"; @extend %font_awesome; }
+%icon-off:before                  { content: "\f011"; @extend %font_awesome; }
+%icon-signal:before               { content: "\f012"; @extend %font_awesome; }
+%icon-cog:before                  { content: "\f013"; @extend %font_awesome; }
+%icon-trash:before                { content: "\f014"; @extend %font_awesome; }
+%icon-home:before                 { content: "\f015"; @extend %font_awesome; }
+%icon-file:before                 { content: "\f016"; @extend %font_awesome; }
+%icon-time:before                 { content: "\f017"; @extend %font_awesome; }
+%icon-road:before                 { content: "\f018"; @extend %font_awesome; }
+%icon-download-alt:before         { content: "\f019"; @extend %font_awesome; }
+%icon-download:before             { content: "\f01a"; @extend %font_awesome; }
+%icon-upload:before               { content: "\f01b"; @extend %font_awesome; }
+%icon-inbox:before                { content: "\f01c"; @extend %font_awesome; }
+%icon-play-circle:before          { content: "\f01d"; @extend %font_awesome; }
+%icon-repeat:before               { content: "\f01e"; @extend %font_awesome; }
+
+//* \f020 is not a valid unicode character% all shifted one down */
+%icon-refresh:before              { content: "\f021"; @extend %font_awesome; }
+%icon-list-alt:before             { content: "\f022"; @extend %font_awesome; }
+%icon-lock:before                 { content: "\f023"; @extend %font_awesome; }
+%icon-flag:before                 { content: "\f024"; @extend %font_awesome; }
+%icon-headphones:before           { content: "\f025"; @extend %font_awesome; }
+%icon-volume-off:before           { content: "\f026"; @extend %font_awesome; }
+%icon-volume-down:before          { content: "\f027"; @extend %font_awesome; }
+%icon-volume-up:before            { content: "\f028"; @extend %font_awesome; }
+%icon-qrcode:before               { content: "\f029"; @extend %font_awesome; }
+%icon-barcode:before              { content: "\f02a"; @extend %font_awesome; }
+%icon-tag:before                  { content: "\f02b"; @extend %font_awesome; }
+%icon-tags:before                 { content: "\f02c"; @extend %font_awesome; }
+%icon-book:before                 { content: "\f02d"; @extend %font_awesome; }
+%icon-bookmark:before             { content: "\f02e"; @extend %font_awesome; }
+%icon-print:before                { content: "\f02f"; @extend %font_awesome; }
+
+%icon-camera:before               { content: "\f030"; @extend %font_awesome; }
+%icon-font:before                 { content: "\f031"; @extend %font_awesome; }
+%icon-bold:before                 { content: "\f032"; @extend %font_awesome; }
+%icon-italic:before               { content: "\f033"; @extend %font_awesome; }
+%icon-text-height:before          { content: "\f034"; @extend %font_awesome; }
+%icon-text-width:before           { content: "\f035"; @extend %font_awesome; }
+%icon-align-left:before           { content: "\f036"; @extend %font_awesome; }
+%icon-align-center:before         { content: "\f037"; @extend %font_awesome; }
+%icon-align-right:before          { content: "\f038"; @extend %font_awesome; }
+%icon-align-justify:before        { content: "\f039"; @extend %font_awesome; }
+%icon-list:before                 { content: "\f03a"; @extend %font_awesome; }
+%icon-indent-left:before          { content: "\f03b"; @extend %font_awesome; }
+%icon-indent-right:before         { content: "\f03c"; @extend %font_awesome; }
+%icon-facetime-video:before       { content: "\f03d"; @extend %font_awesome; }
+%icon-picture:before              { content: "\f03e"; @extend %font_awesome; }
+
+%icon-pencil:before               { content: "\f040"; @extend %font_awesome; }
+%icon-map-marker:before           { content: "\f041"; @extend %font_awesome; }
+%icon-adjust:before               { content: "\f042"; @extend %font_awesome; }
+%icon-tint:before                 { content: "\f043"; @extend %font_awesome; }
+%icon-edit:before                 { content: "\f044"; @extend %font_awesome; }
+%icon-share:before                { content: "\f045"; @extend %font_awesome; }
+%icon-check:before                { content: "\f046"; @extend %font_awesome; }
+%icon-move:before                 { content: "\f047"; @extend %font_awesome; }
+%icon-step-backward:before        { content: "\f048"; @extend %font_awesome; }
+%icon-fast-backward:before        { content: "\f049"; @extend %font_awesome; }
+%icon-backward:before             { content: "\f04a"; @extend %font_awesome; }
+%icon-play:before                 { content: "\f04b"; @extend %font_awesome; }
+%icon-pause:before                { content: "\f04c"; @extend %font_awesome; }
+%icon-stop:before                 { content: "\f04d"; @extend %font_awesome; }
+%icon-forward:before              { content: "\f04e"; @extend %font_awesome; }
+
+%icon-fast-forward:before         { content: "\f050"; @extend %font_awesome; }
+%icon-step-forward:before         { content: "\f051"; @extend %font_awesome; }
+%icon-eject:before                { content: "\f052"; @extend %font_awesome; }
+%icon-chevron-left:before         { content: "\f053"; @extend %font_awesome; }
+%icon-chevron-right:before        { content: "\f054"; @extend %font_awesome; }
+%icon-plus-sign:before            { content: "\f055"; @extend %font_awesome; }
+%icon-minus-sign:before           { content: "\f056"; @extend %font_awesome; }
+%icon-remove-sign:before          { content: "\f057"; @extend %font_awesome; }
+%icon-ok-sign:before              { content: "\f058"; @extend %font_awesome; }
+%icon-question-sign:before        { content: "\f059"; @extend %font_awesome; }
+%icon-info-sign:before            { content: "\f05a"; @extend %font_awesome; }
+%icon-screenshot:before           { content: "\f05b"; @extend %font_awesome; }
+%icon-remove-circle:before        { content: "\f05c"; @extend %font_awesome; }
+%icon-ok-circle:before            { content: "\f05d"; @extend %font_awesome; }
+%icon-ban-circle:before           { content: "\f05e"; @extend %font_awesome; }
+
+%icon-arrow-left:before           { content: "\f060"; @extend %font_awesome; }
+%icon-arrow-right:before          { content: "\f061"; @extend %font_awesome; }
+%icon-arrow-up:before             { content: "\f062"; @extend %font_awesome; }
+%icon-arrow-down:before           { content: "\f063"; @extend %font_awesome; }
+%icon-share-alt:before            { content: "\f064"; @extend %font_awesome; }
+%icon-resize-full:before          { content: "\f065"; @extend %font_awesome; }
+%icon-resize-small:before         { content: "\f066"; @extend %font_awesome; }
+%icon-plus:before                 { content: "\f067"; @extend %font_awesome; }
+%icon-minus:before                { content: "\f068"; @extend %font_awesome; }
+%icon-asterisk:before             { content: "\f069"; @extend %font_awesome; }
+%icon-exclamation-sign:before     { content: "\f06a"; @extend %font_awesome; }
+%icon-gift:before                 { content: "\f06b"; @extend %font_awesome; }
+%icon-leaf:before                 { content: "\f06c"; @extend %font_awesome; }
+%icon-fire:before                 { content: "\f06d"; @extend %font_awesome; }
+%icon-eye-open:before             { content: "\f06e"; @extend %font_awesome; }
+
+%icon-eye-close:before            { content: "\f070"; @extend %font_awesome; }
+%icon-warning-sign:before         { content: "\f071"; @extend %font_awesome; }
+%icon-plane:before                { content: "\f072"; @extend %font_awesome; }
+%icon-calendar:before             { content: "\f073"; @extend %font_awesome; }
+%icon-random:before               { content: "\f074"; @extend %font_awesome; }
+%icon-comment:before              { content: "\f075"; @extend %font_awesome; }
+%icon-magnet:before               { content: "\f076"; @extend %font_awesome; }
+%icon-chevron-up:before           { content: "\f077"; @extend %font_awesome; }
+%icon-chevron-down:before         { content: "\f078"; @extend %font_awesome; }
+%icon-retweet:before              { content: "\f079"; @extend %font_awesome; }
+%icon-shopping-cart:before        { content: "\f07a"; @extend %font_awesome; }
+%icon-folder-close:before         { content: "\f07b"; @extend %font_awesome; }
+%icon-folder-open:before          { content: "\f07c"; @extend %font_awesome; }
+%icon-resize-vertical:before      { content: "\f07d"; @extend %font_awesome; }
+%icon-resize-horizontal:before    { content: "\f07e"; @extend %font_awesome; }
+
+%icon-bar-chart:before            { content: "\f080"; @extend %font_awesome; }
+%icon-twitter-sign:before         { content: "\f081"; @extend %font_awesome; }
+%icon-facebook-sign:before        { content: "\f082"; @extend %font_awesome; }
+%icon-camera-retro:before         { content: "\f083"; @extend %font_awesome; }
+%icon-key:before                  { content: "\f084"; @extend %font_awesome; }
+%icon-cogs:before                 { content: "\f085"; @extend %font_awesome; }
+%icon-comments:before             { content: "\f086"; @extend %font_awesome; }
+%icon-thumbs-up:before            { content: "\f087"; @extend %font_awesome; }
+%icon-thumbs-down:before          { content: "\f088"; @extend %font_awesome; }
+%icon-star-half:before            { content: "\f089"; @extend %font_awesome; }
+%icon-heart-empty:before          { content: "\f08a"; @extend %font_awesome; }
+%icon-signout:before              { content: "\f08b"; @extend %font_awesome; }
+%icon-linkedin-sign:before        { content: "\f08c"; @extend %font_awesome; }
+%icon-pushpin:before              { content: "\f08d"; @extend %font_awesome; }
+%icon-external-link:before        { content: "\f08e"; @extend %font_awesome; }
+
+%icon-signin:before               { content: "\f090"; @extend %font_awesome; }
+%icon-trophy:before               { content: "\f091"; @extend %font_awesome; }
+%icon-github-sign:before          { content: "\f092"; @extend %font_awesome; }
+%icon-upload-alt:before           { content: "\f093"; @extend %font_awesome; }
+%icon-lemon:before                { content: "\f094"; @extend %font_awesome; }
+%icon-phone:before                { content: "\f095"; @extend %font_awesome; }
+%icon-check-empty:before          { content: "\f096"; @extend %font_awesome; }
+%icon-bookmark-empty:before       { content: "\f097"; @extend %font_awesome; }
+%icon-phone-sign:before           { content: "\f098"; @extend %font_awesome; }
+%icon-twitter:before              { content: "\f099"; @extend %font_awesome; }
+%icon-facebook:before             { content: "\f09a"; @extend %font_awesome; }
+%icon-github:before               { content: "\f09b"; @extend %font_awesome; }
+%icon-unlock:before               { content: "\f09c"; @extend %font_awesome; }
+%icon-credit-card:before          { content: "\f09d"; @extend %font_awesome; }
+%icon-rss:before                  { content: "\f09e"; @extend %font_awesome; }
+
+%icon-hdd:before                  { content: "\f0a0"; @extend %font_awesome; }
+%icon-bullhorn:before             { content: "\f0a1"; @extend %font_awesome; }
+%icon-bell:before                 { content: "\f0a2"; @extend %font_awesome; }
+%icon-certificate:before          { content: "\f0a3"; @extend %font_awesome; }
+%icon-hand-right:before           { content: "\f0a4"; @extend %font_awesome; }
+%icon-hand-left:before            { content: "\f0a5"; @extend %font_awesome; }
+%icon-hand-up:before              { content: "\f0a6"; @extend %font_awesome; }
+%icon-hand-down:before            { content: "\f0a7"; @extend %font_awesome; }
+%icon-circle-arrow-left:before    { content: "\f0a8"; @extend %font_awesome; }
+%icon-circle-arrow-right:before   { content: "\f0a9"; @extend %font_awesome; }
+%icon-circle-arrow-up:before      { content: "\f0aa"; @extend %font_awesome; }
+%icon-circle-arrow-down:before    { content: "\f0ab"; @extend %font_awesome; }
+%icon-globe:before                { content: "\f0ac"; @extend %font_awesome; }
+%icon-wrench:before               { content: "\f0ad"; @extend %font_awesome; }
+%icon-tasks:before                { content: "\f0ae"; @extend %font_awesome; }
+
+%icon-filter:before               { content: "\f0b0"; @extend %font_awesome; }
+%icon-briefcase:before            { content: "\f0b1"; @extend %font_awesome; }
+%icon-fullscreen:before           { content: "\f0b2"; @extend %font_awesome; }
+
+%icon-group:before                { content: "\f0c0"; @extend %font_awesome; }
+%icon-link:before                 { content: "\f0c1"; @extend %font_awesome; }
+%icon-cloud:before                { content: "\f0c2"; @extend %font_awesome; }
+%icon-beaker:before               { content: "\f0c3"; @extend %font_awesome; }
+%icon-cut:before                  { content: "\f0c4"; @extend %font_awesome; }
+%icon-copy:before                 { content: "\f0c5"; @extend %font_awesome; }
+%icon-paper-clip:before           { content: "\f0c6"; @extend %font_awesome; }
+%icon-save:before                 { content: "\f0c7"; @extend %font_awesome; }
+%icon-sign-blank:before           { content: "\f0c8"; @extend %font_awesome; }
+%icon-reorder:before              { content: "\f0c9"; @extend %font_awesome; }
+%icon-list-ul:before              { content: "\f0ca"; @extend %font_awesome; }
+%icon-list-ol:before              { content: "\f0cb"; @extend %font_awesome; }
+%icon-strikethrough:before        { content: "\f0cc"; @extend %font_awesome; }
+%icon-underline:before            { content: "\f0cd"; @extend %font_awesome; }
+%icon-table:before                { content: "\f0ce"; @extend %font_awesome; }
+
+%icon-magic:before                { content: "\f0d0"; @extend %font_awesome; }
+%icon-truck:before                { content: "\f0d1"; @extend %font_awesome; }
+%icon-pinterest:before            { content: "\f0d2"; @extend %font_awesome; }
+%icon-pinterest-sign:before       { content: "\f0d3"; @extend %font_awesome; }
+%icon-google-plus-sign:before     { content: "\f0d4"; @extend %font_awesome; }
+%icon-google-plus:before          { content: "\f0d5"; @extend %font_awesome; }
+%icon-money:before                { content: "\f0d6"; @extend %font_awesome; }
+%icon-caret-down:before           { content: "\f0d7"; @extend %font_awesome; }
+%icon-caret-up:before             { content: "\f0d8"; @extend %font_awesome; }
+%icon-caret-left:before           { content: "\f0d9"; @extend %font_awesome; }
+%icon-caret-right:before          { content: "\f0da"; @extend %font_awesome; }
+%icon-columns:before              { content: "\f0db"; @extend %font_awesome; }
+%icon-sort:before                 { content: "\f0dc"; @extend %font_awesome; }
+%icon-sort-down:before            { content: "\f0dd"; @extend %font_awesome; }
+%icon-sort-up:before              { content: "\f0de"; @extend %font_awesome; }
+
+%icon-envelope-alt:before         { content: "\f0e0"; @extend %font_awesome; }
+%icon-linkedin:before             { content: "\f0e1"; @extend %font_awesome; }
+%icon-undo:before                 { content: "\f0e2"; @extend %font_awesome; }
+%icon-legal:before                { content: "\f0e3"; @extend %font_awesome; }
+%icon-dashboard:before            { content: "\f0e4"; @extend %font_awesome; }
+%icon-comment-alt:before          { content: "\f0e5"; @extend %font_awesome; }
+%icon-comments-alt:before         { content: "\f0e6"; @extend %font_awesome; }
+%icon-bolt:before                 { content: "\f0e7"; @extend %font_awesome; }
+%icon-sitemap:before              { content: "\f0e8"; @extend %font_awesome; }
+%icon-umbrella:before             { content: "\f0e9"; @extend %font_awesome; }
+%icon-paste:before                { content: "\f0ea"; @extend %font_awesome; }
+
+%icon-user-md:before              { content: "\f200"; @extend %font_awesome; }