bootswatch-rails 0.1.0 → 0.2.0

data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss

@@ -61,17 +61,17 @@ $headingsColor:         inherit; // empty to use BS default, $textColor
 $tableBackground:                   transparent; // overall background-color
 $tableBackgroundAccent:             #f9f9f9; // for striping
 $tableBackgroundHover:              #f5f5f5; // for hover
-$tableBorder:                       darken($grayDarker, 5%); // table and cell border
+$tableBorder:                       darken($grayDarker, .05); // table and cell border
 
 
 // Buttons
 // -------------------------
 $btnBackground:                     $white;
-$btnBackgroundHighlight:            darken($white, 10%);
-$btnBorder:                         darken($white, 20%);
+$btnBackgroundHighlight:            darken($white, .1);
+$btnBorder:                         darken($white, .2);
 
 $btnPrimaryBackground:              $grayLight;
-$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 15%);
+$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, .15);
 
 $btnInfoBackground:                 #5bc0de;
 $btnInfoBackgroundHighlight:        #2f96b4;
@@ -79,7 +79,7 @@ $btnInfoBackgroundHighlight:        #2f96b4;
 $btnSuccessBackground:              #62c462;
 $btnSuccessBackgroundHighlight:     #51a351;
 
-$btnWarningBackground:              lighten($orange, 15%);
+$btnWarningBackground:              lighten($orange, .15);
 $btnWarningBackgroundHighlight:     $orange;
 
 $btnDangerBackground:               #ee5f5b;
@@ -145,9 +145,9 @@ $navbarLinkColorActive:           $navbarLinkColorHover;
 $navbarLinkBackgroundHover:       transparent;
 $navbarLinkBackgroundActive:      $navbarBackground;
 
-$navbarSearchBackground:          lighten($navbarBackground, 25%);
+$navbarSearchBackground:          lighten($navbarBackground, .25);
 $navbarSearchBackgroundFocus:     $white;
-$navbarSearchBorder:              darken($navbarSearchBackground, 30%);
+$navbarSearchBorder:              darken($navbarSearchBackground, .3);
 $navbarSearchPlaceholderColor:    #ccc;
 
 
@@ -162,19 +162,19 @@ $heroUnitLeadColor:               inherit;
 // -------------------------
 $warningText:             #c09853;
 $warningBackground:       #fcf8e3;
-$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
+$warningBorder:           darken(adjust-hue($warningBackground, -10), .03);
 
 $errorText:               #b94a48;
 $errorBackground:         #f2dede;
-$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
+$errorBorder:             darken(adjust-hue($errorBackground, -10), .03);
 
 $successText:             #468847;
 $successBackground:       #dff0d8;
-$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
+$successBorder:           darken(adjust-hue($successBackground, -10), .05);
 
 $infoText:                #3a87ad;
 $infoBackground:          #d9edf7;
-$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
+$infoBorder:              darken(adjust-hue($infoBackground, -10), .07);
 
 
 

data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss

@@ -210,11 +210,11 @@ div.subnav {
 }
 
 .btn-warning {
-  .buttonBackground(adjust-hue($yellow, 15%), $yellow);
+  .buttonBackground(adjust-hue($yellow, .15), $yellow);
 }
 
 .btn-danger {
-  .buttonBackground(adjust-hue(#DA2D2D, 15%), #DA2D2D);
+  .buttonBackground(adjust-hue(#DA2D2D, .15), #DA2D2D);
 }
 
 .btn-success {
@@ -222,11 +222,11 @@ div.subnav {
 }
 
 .btn-info {
-  .buttonBackground(adjust-hue(#4488BB, 15%), #4488BB);
+  .buttonBackground(adjust-hue(#4488BB, .15), #4488BB);
 }
 
 .btn-inverse {
-  .buttonBackground(adjust-hue($purple, 5%), $purple);
+  .buttonBackground(adjust-hue($purple, .05), $purple);
 }*/
 
 // TABLES

data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss

@@ -70,27 +70,27 @@ $tableBorder:                       #ddd; // table and cell border
 // -------------------------
 $btnBackground:                     $white;
 $btnBackgroundHighlight:            $grayLighter;
-$btnBorder:                         darken($btnBackground, 20%);
+$btnBorder:                         darken($btnBackground, .2);
 
-$btnPrimaryBackground:              lighten($linkColor, 15%);
+$btnPrimaryBackground:              lighten($linkColor, .15);
 $btnPrimaryBackgroundHighlight:     $linkColor;
 
-$btnInfoBackground:                 lighten($grayLight, 15%);
+$btnInfoBackground:                 lighten($grayLight, .15);
 $btnInfoBackgroundHighlight:        $grayLight;
 
-$btnSuccessBackground:              lighten($green, 15%);
+$btnSuccessBackground:              lighten($green, .15);
 $btnSuccessBackgroundHighlight:     $green;
 
-$btnWarningBackground:              lighten($orange, 15%);
+$btnWarningBackground:              lighten($orange, .15);
 $btnWarningBackgroundHighlight:     $orange;
 
-$btnDangerBackground:               lighten($red, 15%);
+$btnDangerBackground:               lighten($red, .15);
 $btnDangerBackgroundHighlight:      $red;
 
 // To avoid use variable not defined yet
 $navbarInverseBackground:           #6C737E;
 
-$btnInverseBackground:              lighten($navbarInverseBackground, 15%);
+$btnInverseBackground:              lighten($navbarInverseBackground, .15);
 $btnInverseBackgroundHighlight:     $navbarInverseBackground;
 
 
@@ -161,7 +161,7 @@ $navbarCollapseWidth:             979px;
 $navbarHeight:                    40px;
 $navbarBackgroundHighlight:       #eee;
 $navbarBackground:                $grayLight;
-$navbarBorder:                    darken($navbarBackground, 5%);
+$navbarBorder:                    darken($navbarBackground, .05);
 
 $navbarText:                      $textColor;
 $navbarLinkColor:                 $textColor;
@@ -174,8 +174,8 @@ $navbarBrandColor:                $grayDark;
 
 // Inverted navbar
 $navbarInverseBackground:                #6C737E;
-$navbarInverseBackgroundHighlight:       lighten($navbarInverseBackground, 25%);
-$navbarInverseBorder:                    darken($navbarInverseBackground, 5%);
+$navbarInverseBackgroundHighlight:       lighten($navbarInverseBackground, .25);
+$navbarInverseBorder:                    darken($navbarInverseBackground, .05);
 
 $navbarInverseText:                      $grayLighter;
 $navbarInverseLinkColor:                 $grayLighter;
@@ -184,7 +184,7 @@ $navbarInverseLinkColorActive:           $white;
 $navbarInverseLinkBackgroundHover:       transparent;
 $navbarInverseLinkBackgroundActive:      $navbarInverseBackground;
 
-$navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%);
+$navbarInverseSearchBackground:          lighten($navbarInverseBackground, .25);
 $navbarInverseSearchBackgroundFocus:     $white;
 $navbarInverseSearchBorder:              $navbarInverseBackground;
 $navbarInverseSearchPlaceholderColor:    $grayLighter;
@@ -210,19 +210,19 @@ $heroUnitLeadColor:               inherit;
 // -------------------------
 $warningText:             $white;
 $warningBackground:       $orange;
-$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
+$warningBorder:           darken(adjust-hue($warningBackground, -10), .03);
 
 $errorText:               $white;
 $errorBackground:         $red;
-$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
+$errorBorder:             darken(adjust-hue($errorBackground, -10), .03);
 
 $successText:             $white;
 $successBackground:       $green;
-$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
+$successBorder:           darken(adjust-hue($successBackground, -10), .05);
 
 $infoText:                $white;
 $infoBackground:          $blue;
-$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
+$infoBorder:              darken(adjust-hue($infoBackground, -10), .07);
 
 // Tooltips and popovers
 // -------------------------
@@ -234,7 +234,7 @@ $tooltipArrowColor:       $tooltipBackground;
 $popoverBackground:       #fff;
 $popoverArrowWidth:       10px;
 $popoverArrowColor:       #fff;
-$popoverTitleBackground:  darken($popoverBackground, 3%);
+$popoverTitleBackground:  darken($popoverBackground, .03);
 
 // Special enhancement for popovers
 $popoverArrowOuterWidth:  $popoverArrowWidth + 1;

data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss

@@ -35,7 +35,7 @@ h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
 // --------------------------------------------------
 
 body {
-	@include gradient-vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
+	@include gradient-vertical-three-colors (#90A38F, #AEAD8E, .6, #90A38F);
 	background-size: 100% 1400px;
 	background-repeat: repeat-y !important;
 }
@@ -53,7 +53,7 @@ blockquote {
 }
 
 code, pre {
-	color: lighten($blueDark, 10%);
+	color: lighten($blueDark, .1);
 	background-color: $linkColor;
 }
 
@@ -107,7 +107,7 @@ code, pre {
 }
 
 .navbar .nav > .dropdown.open > .dropdown-menu a:hover {
-	background-color: darken(#90A38F, 10%);
+	background-color: darken(#90A38F, .1);
 	color: $linkColor;
 }
 
@@ -150,7 +150,7 @@ div.subnav .dropdown.open > .dropdown-menu {
 }
 
 div.subnav .dropdown.open > .dropdown-menu a:hover {
-	background-color: darken(#90A38F, 10%);
+	background-color: darken(#90A38F, .1);
 	color: $linkColor;
 }
 
@@ -211,7 +211,7 @@ div.subnav-fixed {
 
 .table th,
 .table-striped tbody tr:nth-child(odd) th {
-	background-color: darken(#90A38F, 10%);
+	background-color: darken(#90A38F, .1);
 	color: $linkColor;
 }
 
@@ -219,7 +219,7 @@ div.subnav-fixed {
 // --------------------------------------------------
 
 .btn {
-  @include buttonBackground(lighten($blueDark, 5%), $blueDark);
+  @include buttonBackground(lighten($blueDark, .05), $blueDark);
     text-shadow: none;
     color: $white;
 	border-color: transparent;
@@ -235,15 +235,15 @@ div.subnav-fixed {
 }
 
 .btn-primary {
-	@include buttonBackground(lighten($blue, 10%), lighten($blue, 5%));
+	@include buttonBackground(lighten($blue, .1), lighten($blue, .05));
 }
 
 .btn-warning {
-  @include buttonBackground($orange, darken($orange, 5%));
+  @include buttonBackground($orange, darken($orange, .05));
 }
 
 .btn-danger {
-  @include buttonBackground(lighten($red, 5%), $red);
+  @include buttonBackground(lighten($red, .05), $red);
 }
 
 .btn-success {
@@ -255,7 +255,7 @@ div.subnav-fixed {
 }
 
 .btn-inverse {
-  @include buttonBackground($yellow, darken($yellow, 5%));
+  @include buttonBackground($yellow, darken($yellow, .05));
 }
 
 .btn-group .dropdown-toggle {
@@ -266,7 +266,7 @@ div.subnav-fixed {
 // --------------------------------------------------
 
 .breadcrumb, .pagination > ul {
-	background-color: darken(#90A38F, 10%);
+	background-color: darken(#90A38F, .1);
 	background-image: none;
 	border-color: transparent;
 	@include box-shadow(none);
@@ -443,7 +443,7 @@ legend {
 }
 
 .progress {
-	background-color: darken(#90A38F, 10%);
+	background-color: darken(#90A38F, .1);
 	background-image: none;
 	@include box-shadow(none);
 
@@ -454,7 +454,7 @@ legend {
 }
 
 .well {
-	background-color: darken(#90A38F, 10%);
+	background-color: darken(#90A38F, .1);
 	border: none;
 	@include box-shadow(none);
 }

data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss

@@ -59,19 +59,19 @@ $headingsColor:         inherit; // empty to use BS default, $textColor
 // Tables
 // -------------------------
 $tableBackground:                   #C3C7AE; // overall background-color
-$tableBackgroundAccent:             darken(#C3C7AE, 5%); // for striping
-$tableBackgroundHover:              darken(#C3C7AE, 10%); // for hover
+$tableBackgroundAccent:             darken(#C3C7AE, .05); // for striping
+$tableBackgroundHover:              darken(#C3C7AE, .1); // for hover
 $tableBorder:                       $linkColor; // table and cell border
 
 
 // Buttons
 // -------------------------
 $btnBackground:                     $white;
-$btnBackgroundHighlight:            darken($white, 10%);
-$btnBorder:                         darken($white, 20%);
+$btnBackgroundHighlight:            darken($white, .1);
+$btnBorder:                         darken($white, .2);
 
 $btnPrimaryBackground:              $linkColor;
-$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 15%);
+$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, .15);
 
 $btnInfoBackground:                 #5bc0de;
 $btnInfoBackgroundHighlight:        #2f96b4;
@@ -79,7 +79,7 @@ $btnInfoBackgroundHighlight:        #2f96b4;
 $btnSuccessBackground:              #62c462;
 $btnSuccessBackgroundHighlight:     #51a351;
 
-$btnWarningBackground:              lighten($orange, 15%);
+$btnWarningBackground:              lighten($orange, .15);
 $btnWarningBackgroundHighlight:     $orange;
 
 $btnDangerBackground:               #ee5f5b;
@@ -145,9 +145,9 @@ $navbarLinkColorActive:           $navbarLinkColorHover;
 $navbarLinkBackgroundHover:       transparent;
 $navbarLinkBackgroundActive:      $navbarBackground;
 
-$navbarSearchBackground:          lighten($navbarBackground, 25%);
+$navbarSearchBackground:          lighten($navbarBackground, .25);
 $navbarSearchBackgroundFocus:     $white;
-$navbarSearchBorder:              darken($navbarSearchBackground, 30%);
+$navbarSearchBorder:              darken($navbarSearchBackground, .3);
 $navbarSearchPlaceholderColor:    #ccc;
 
 
@@ -161,20 +161,20 @@ $heroUnitLeadColor:               inherit;
 // Form states and alerts
 // -------------------------
 $warningText:             $orange;
-$warningBackground:       darken(#90A38F, 10%);
-$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
+$warningBackground:       darken(#90A38F, .1);
+$warningBorder:           darken(adjust-hue($warningBackground, -10), .03);
 
-$errorText:               lighten($red, 25%);
-$errorBackground:         darken(#90A38F, 10%);
-$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
+$errorText:               lighten($red, .25);
+$errorBackground:         darken(#90A38F, .1);
+$errorBorder:             darken(adjust-hue($errorBackground, -10), .03);
 
 $successText:             #9ED99C;
-$successBackground:       darken(#90A38F, 10%);
-$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
+$successBackground:       darken(#90A38F, .1);
+$successBorder:           darken(adjust-hue($successBackground, -10), .05);
 
 $infoText:                #9BCACD;
-$infoBackground:          darken(#90A38F, 10%);
-$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
+$infoBackground:          darken(#90A38F, .1);
+$infoBorder:              darken(adjust-hue($infoBackground, -10), .07);
 
 
 

data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss

@@ -12,11 +12,11 @@ h6, legend,
 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
 	font-family: $headingsFontFamily;
 	color: $orange;
-	text-shadow: -1px 1px 0 darken($orange, 30%);
+	text-shadow: -1px 1px 0 darken($orange, .3);
 }
 
 h1, h2, legend {
-	text-shadow: -2px 2px 0 darken($orange, 30%);
+	text-shadow: -2px 2px 0 darken($orange, .3);
 }
 
 h1 {
@@ -27,7 +27,7 @@ h1 {
 // --------------------------------------------------
 
 code, pre {
-	background-color: lighten($blue, 8%);
+	background-color: lighten($blue, .08);
 	border: none;
 	color: $textColor;
 }
@@ -59,7 +59,7 @@ blockquote.pull-right {
 		padding: 25px 20px 15px;
 		font-family: $headingsFontFamily;
 		font-size: 30px;
-		text-shadow: -2px 2px 0 darken($orange, 30%);
+		text-shadow: -2px 2px 0 darken($orange, .3);
 	}
 
 	.nav > li > a {
@@ -67,7 +67,7 @@ blockquote.pull-right {
 		line-height: 30px;
 		font-family: $headingsFontFamily;
 		font-size: 22px;
-		text-shadow: -2px 2px 0 darken($orange, 30%);
+		text-shadow: -2px 2px 0 darken($orange, .3);
 	}
 
 	.navbar-text {
@@ -91,7 +91,7 @@ blockquote.pull-right {
 		top: 1px;
 		left: -1px;
 		color: $orange;
-		text-shadow: -1px 1px 0 darken($orange, 30%);
+		text-shadow: -1px 1px 0 darken($orange, .3);
 	}
 
 	.navbar-search {
@@ -125,7 +125,7 @@ blockquote.pull-right {
 		left: 20px;
 		border-left: 7px solid transparent;
 		border-right: 7px solid transparent;
-		border-bottom: 7px solid lighten($blue, 10%);
+		border-bottom: 7px solid lighten($blue, .1);
 	}
 
 	.btn-navbar {
@@ -143,7 +143,7 @@ blockquote.pull-right {
 
 		li > a:hover {
 			color: $textColor;
-			background-color: lighten($blue, 10%);
+			background-color: lighten($blue, .1);
 		}
 	}
 
@@ -151,7 +151,7 @@ blockquote.pull-right {
 		color: $orange;
 
 		&:hover {
-			background-color: lighten($blue, 10%);
+			background-color: lighten($blue, .1);
 		}
 	}
 }
@@ -161,7 +161,7 @@ blockquote.pull-right {
 	opacity: 1;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
-	border-top: 6px solid lighten($blue, 10%);
+	border-top: 6px solid lighten($blue, .1);
 }
 
 div.subnav {
@@ -178,7 +178,7 @@ div.subnav {
 
 	.nav > li > a:hover,
 	.nav > li.active > a:hover {
-		background-color: lighten($blue, 10%);
+		background-color: lighten($blue, .1);
 	}
 
 	.nav > li + li > a {
@@ -259,7 +259,7 @@ div.subnav {
 .btn:hover {
 	text-shadow: none;
 	background-image: none;
-	@include box-shadow(-2px 2px 0 darken($white, 80%));
+	@include box-shadow(-2px 2px 0 darken($white, .8));
 	border: none;
 }
 
@@ -268,55 +268,55 @@ div.subnav {
 }
 
 .btn-primary, .btn-primary:hover {
-	@include box-shadow(-2px 2px 0 darken($btnPrimaryBackground, 30%));
+	@include box-shadow(-2px 2px 0 darken($btnPrimaryBackground, .3));
 }
 
 .btn-warning, .btn-warning:hover {
-	@include box-shadow(-2px 2px 0 darken($yellow, 30%));
+	@include box-shadow(-2px 2px 0 darken($yellow, .3));
 }
 
 .btn-danger, .btn-danger:hover {
-	@include box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
+	@include box-shadow(-2px 2px 0 darken(#ee5f5b, .3));
 }
 
 .btn-success, .btn-success:hover {
-	@include box-shadow(-2px 2px 0 darken(#62c462, 30%));
+	@include box-shadow(-2px 2px 0 darken(#62c462, .3));
 }
 
 .btn-info, .btn-info:hover {
-	@include box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
+	@include box-shadow(-2px 2px 0 darken(#5bc0de, .4));
 }
 
 .btn-inverse, .btn-inverse:hover {
-	@include box-shadow(-2px 2px 0 darken(#454545, 20%));
+	@include box-shadow(-2px 2px 0 darken(#454545, .2));
 }
 
 .btn.dropdown-toggle, .btn.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken($white, 80%));
+	@include box-shadow(0 2px 0 darken($white, .8));
 }
 
 .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken($btnPrimaryBackground, 30%));
+	@include box-shadow(0 2px 0 darken($btnPrimaryBackground, .3));
 }
 
 .btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken($yellow, 30%));
+	@include box-shadow(0 2px 0 darken($yellow, .3));
 }
 
 .btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken(#ee5f5b, 30%));
+	@include box-shadow(0 2px 0 darken(#ee5f5b, .3));
 }
 
 .btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken(#62c462, 30%));
+	@include box-shadow(0 2px 0 darken(#62c462, .3));
 }
 
 .btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken(#5bc0de, 40%));
+	@include box-shadow(0 2px 0 darken(#5bc0de, .4));
 }
 
 .btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
-	@include box-shadow(0 2px 0 darken(#454545, 20%));
+	@include box-shadow(0 2px 0 darken(#454545, .2));
 }
 
 .btn.active,
@@ -324,7 +324,7 @@ div.subnav {
 	position: relative;
 	top: 1px;
 	left: -1px;
-	@include box-shadow(-1px 1px 0 darken($white, 80%))
+	@include box-shadow(-1px 1px 0 darken($white, .8))
 }
 
 .btn.disabled,
@@ -364,7 +364,7 @@ div.subnav {
 }
 
 .nav-list li > a:hover {
-	background-color: lighten($blue, 10%);
+	background-color: lighten($blue, .1);
 }
 
 .nav-tabs, .nav-tabs.nav-stacked > li > a {
@@ -387,7 +387,7 @@ div.subnav {
 
 	li > a:hover,
 	&.nav-stacked > li > a:hover {
-		background-color: lighten($blue, 10%);
+		background-color: lighten($blue, .1);
 		border-color: transparent;
 	}
 }
@@ -398,14 +398,14 @@ div.subnav {
 }
 
 .nav-pills > li:hover > a {
-	background-color: lighten($blue, 10%);
+	background-color: lighten($blue, .1);
 	border-color: transparent;
 }
 
 .nav-tabs .open .dropdown-toggle,
 .nav-pills .open .dropdown-toggle,
 .nav > .open.active > a:hover {
-	background-color: lighten($blue, 10%);
+	background-color: lighten($blue, .1);
 	border-color: transparent;
 }
 
@@ -460,12 +460,12 @@ div.subnav {
 	}
 
 	li > a:hover {
-		background: lighten($blue, 10%);
+		background: lighten($blue, .1);
 	}
 
 	li.disabled > a,
 	li.disabled > a:hover {
-		background: darken($blue, 5%);
+		background: darken($blue, .05);
 	}
 }
 
@@ -475,7 +475,7 @@ div.subnav {
 	border-color: transparent;
 
 	&:hover {
-		background: lighten($blue, 10%);
+		background: lighten($blue, .1);
 	}
 }
 
@@ -505,15 +505,15 @@ label {
 }
 
 .control-group.warning {
-  @include formFieldState(lighten($warningText, 10%), lighten($warningText, 10%), $warningBackground);
+  @include formFieldState(lighten($warningText, .1), lighten($warningText, .1), $warningBackground);
 }
 
 .control-group.error {
-  @include formFieldState(lighten($errorText, 10%), lighten($errorText, 10%), $errorBackground);
+  @include formFieldState(lighten($errorText, .1), lighten($errorText, .1), $errorBackground);
 }
 
 .control-group.success {
-  @include formFieldState(lighten($successText, 10%), lighten($successText, 10%), $successBackground);
+  @include formFieldState(lighten($successText, .1), lighten($successText, .1), $successBackground);
 }
 
 // MODALS
@@ -547,7 +547,7 @@ label {
 }
 
 footer.footer {
-	border-top: 1px solid darken($blueDark, 5%);
+	border-top: 1px solid darken($blueDark, .05);
 }
 
 .well, .hero-unit {
@@ -562,7 +562,7 @@ footer.footer {
 }
 
 .progress {
-	background-color: darken($blueDark, 5%);
+	background-color: darken($blueDark, .05);
 	background-image: none;
 	@include box-shadow(none);
 
@@ -605,7 +605,7 @@ footer.footer {
   text-shadow: none;
 
   a {
-  	color: lighten($orange, 12%);
+  	color: lighten($orange, .12);
   }
 }