Fixed #123 -- Changed footer hosting link to in-kind donors.

Author: felixxm

scss/_utils.scss

@@ -15,162 +15,136 @@ $white: #F1FFF7;
 $warning-yellow: #FFFDF1;
 $warning-dark-yellow: #F5F1C7;
 $red: #BA2121;
+$red-light: #FFBABA;
 $red-dark: #6A0E0E;
 $font-path: "../fonts/fira-mono";
 
 // @font-face declarations
 
 @font-face {
-	font-family: 'Fira Mono';
-	src: url('#{$font-path}/FiraMono-Regular.eot');
-	src: url('#{$font-path}/FiraMono-Regular.eot') format('embedded-opentype'),
-		 url('#{$font-path}/FiraMono-Regular.woff') format('woff'),
-		 url('#{$font-path}/FiraMono-Regular.ttf') format('truetype');
-	font-weight: 400;
-	font-style: normal;
+    font-family: 'Fira Mono';
+    src: url('#{$font-path}/FiraMono-Regular.eot');
+    src: url('#{$font-path}/FiraMono-Regular.eot') format('embedded-opentype'),
+         url('#{$font-path}/FiraMono-Regular.woff') format('woff'),
+         url('#{$font-path}/FiraMono-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
 }
 
 @font-face {
-	font-family: 'Fira Mono';
-	src: url('#{$font-path}/FiraMono-Bold.eot');
-	src: url('#{$font-path}/FiraMono-Bold.eot') format('embedded-opentype'),
-		 url('#{$font-path}/FiraMono-Bold.woff') format('woff'),
-		 url('#{$font-path}/FiraMono-Bold.ttf') format('truetype');
-	font-weight: 700;
-	font-style: normal;
+    font-family: 'Fira Mono';
+    src: url('#{$font-path}/FiraMono-Bold.eot');
+    src: url('#{$font-path}/FiraMono-Bold.eot') format('embedded-opentype'),
+         url('#{$font-path}/FiraMono-Bold.woff') format('woff'),
+         url('#{$font-path}/FiraMono-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
 }
 
 // Media Queries Mixin (http://jakearchibald.github.com/sass-ie/)
-$fix-mqs: false !default;
 @mixin respond-min($width) {
-	@if $fix-mqs {
-		@if $fix-mqs >= $width {
-			@content;
-		}
-	}
-	@else {
-		@media screen and (min-width: $width) {
-			@content;
-		}
-	}
+    @media screen and (min-width: $width) {
+        @content;
+    }
 }
 
 @mixin device-min($width) {
-	@if $fix-mqs {
-		@if $fix-mqs >= $width {
-			@content;
-		}
-	}
-	@else {
-		@media screen and (min-device-width: $width) {
-			@content;
-		}
-	}
-}
-
-// OLD IE Mixin (http://jakearchibald.github.com/sass-ie/)
-$old-ie: false !default;
-@mixin old-ie {
-	@if $old-ie {
-		@content;
-	}
+    @media screen and (min-device-width: $width) {
+        @content;
+    }
 }
 
 // Retina media query mixin
 @mixin retina-display {
-	@media only screen and
-	(-webkit-min-device-pixel-ratio: 2),
-	(min-resolution: 192dpi) {
-		@content;
-	}
+    @media only screen and
+    (-webkit-min-device-pixel-ratio: 2),
+    (min-resolution: 192dpi) {
+        @content;
+    }
 }
 
 // Font Family Mixins
 @mixin serif {
-	font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif;
+    font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif;
 }
 @mixin sans-serif {
-	font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
+    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
 }
 @mixin monospace {
-	font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
-	font-variant-ligatures: no-common-ligatures;  // disables the common ligatures only
-	text-rendering: optimizeSpeed;  // for Safari 7.x
+    font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
+    font-variant-ligatures: no-common-ligatures;  // disables the common ligatures only
+    text-rendering: optimizeSpeed;  // for Safari 7.x
 }
 
 // Font Sizing Mixin (http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/)
 html {
-	font-size: 62.5%;
+    font-size: 62.5%;
 }
 @mixin font-size ( $size: 16 ) {
-	font-size: $size + px;
-	font-size: $size/10 + rem;
+    font-size: $size + px;
+    font-size: $size/10 + rem;
 }
 
 // Boilerplate Helper mixins (https://github.com/h5bp/html5-boilerplate/blob/v4.1.0/doc/css.md)
 @mixin visuallyhidden {
-	border: 0;
-	clip: rect(0 0 0 0);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	width: 1px;
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
 }
 @mixin clearfix {
-	&:before,
-	&:after {
-		content: "";
-		display: table;
-	}
-	&:after {
-		clear: both;
-	}
-	@include old-ie {
-		zoom: 1;
-	}
+    &:before,
+    &:after {
+        content: "";
+        display: table;
+    }
+    &:after {
+        clear: both;
+    }
 }
 
 @mixin svg-image ( $name ) {
-	background-image: url('../img/'+$name+'.png');
-	.mdzr-svg & {
-		background-image: url('../img/'+$name+'.svg');
-	}
+    background-image: url('../img/'+$name+'.png');
+    .mdzr-svg & {
+        background-image: url('../img/'+$name+'.svg');
+    }
 }
 
 // Green Link Mixin
 @mixin link-green {
-	color: $green;
-	text-decoration: none;
-	&:visited {
-		color: $green;
-	}
-	&:hover,
-	&:active,
-	&:focus {
-		color: lighten($green, 6%);
-		text-decoration: none;
-	}
+    color: $green;
+    text-decoration: none;
+    &:visited {
+        color: $green;
+    }
+    &:hover,
+    &:active,
+    &:focus {
+        color: lighten($green, 6%);
+        text-decoration: none;
+    }
 
 }
 
 // Secondary content box-shadow:
 @mixin secondary-shadow-top {
-	-moz-box-shadow: 0 4px 8px rgba(12,60,38,0.07);
-	-webkit-box-shadow: 0 4px 8px rgba(12,60,38,0.07);
-	box-shadow: 0 4px 8px rgba(12,60,38,0.07);
+    -moz-box-shadow: 0 4px 8px rgba(12,60,38,0.07);
+    -webkit-box-shadow: 0 4px 8px rgba(12,60,38,0.07);
+    box-shadow: 0 4px 8px rgba(12,60,38,0.07);
 }
 
 @mixin secondary-shadow-bottom {
-	-moz-box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
-	-webkit-box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
-	box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
+    -moz-box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
+    -webkit-box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
+    box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
 }
 
 @mixin framed-image {
-	padding: 20px;
-	border: 1px solid $gray-line;
-	@include border-radius(4px);
-
+    padding: 20px;
+    border: 1px solid $gray-line;
+    border-radius: 4px;
 }