bootswatch-rails 0.1.0 → 0.2.0

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

@@ -23,7 +23,7 @@ $white:                 #fff;
 // Accent colors
 // -------------------------
 $blue:                  #369;
-$blueDark:              darken($blue, 15%);
+$blueDark:              darken($blue, .15);
 $green:                 #22B24C;
 $red:                   #C00;
 $yellow:                #FCFADB;
@@ -67,11 +67,11 @@ $tableBorder:                       #ddd; // 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;
 
 
@@ -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/readable/_bootswatch.scss

@@ -306,7 +306,7 @@ div.subnav-fixed {
 // -----------------------------------------------------
 
 .btn-primary {
-  @include buttonBackground(lighten($btnPrimaryBackground, 10%), $btnPrimaryBackground);
+  @include buttonBackground(lighten($btnPrimaryBackground, .1), $btnPrimaryBackground);
 }
 
 .btn [class^="icon-"],

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

@@ -41,7 +41,7 @@ $textColor:             #090000;
 // Links
 // -------------------------
 $linkColor:             $red;
-$linkColorHover:        lighten($linkColor, 8%);
+$linkColorHover:        lighten($linkColor, .08);
 
 
 // Typography
@@ -59,19 +59,19 @@ $headingsColor:         inherit; // empty to use BS default, $textColor
 // Tables
 // -------------------------
 $tableBackground:                   transparent; // overall background-color
-$tableBackgroundAccent:             darken($bodyBackground, 2%); // for striping
-$tableBackgroundHover:              darken($bodyBackground, 4%); // for hover
+$tableBackgroundAccent:             darken($bodyBackground, .02); // for striping
+$tableBackgroundHover:              darken($bodyBackground, .04); // for hover
 $tableBorder:                       #ddd; // 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:           $linkColorHover;
 $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/simplex/_bootswatch.scss

@@ -176,7 +176,7 @@ div.subnav {
 .nav-tabs {
 
 	& > li > a {
-		background-color: darken($bodyBackground, 3%);
+		background-color: darken($bodyBackground, .03);
 		border: 1px solid #ccc;
 		color: $textColor;
 

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

@@ -67,22 +67,22 @@ $tableBorder:                       #ddd; // table and cell border
 // Buttons
 // -------------------------
 $btnBackground:                     $white;
-$btnBackgroundHighlight:            darken($white, 10%);
-$btnBorder:                         darken($white, 20%);
+$btnBackgroundHighlight:            darken($white, .1);
+$btnBorder:                         darken($white, .2);
 
-$btnPrimaryBackground:              lighten($linkColor, 5%);
+$btnPrimaryBackground:              lighten($linkColor, .05);
 $btnPrimaryBackgroundHighlight:     $linkColor;
 
-$btnInfoBackground:                 lighten(#5bc0de, 5%);
+$btnInfoBackground:                 lighten(#5bc0de, .05);
 $btnInfoBackgroundHighlight:        #5bc0de;
 
-$btnSuccessBackground:              lighten($green, 5%);
+$btnSuccessBackground:              lighten($green, .05);
 $btnSuccessBackgroundHighlight:     $green;
 
-$btnWarningBackground:              lighten($yellow, 5%);
+$btnWarningBackground:              lighten($yellow, .05);
 $btnWarningBackgroundHighlight:     $yellow;
 
-$btnDangerBackground:               lighten($red, 5%);
+$btnDangerBackground:               lighten($red, .05);
 $btnDangerBackgroundHighlight:      $red;
 
 $btnInverseBackground:              $gray;
@@ -161,7 +161,7 @@ $navbarCollapseWidth:             979px;
 $navbarHeight:                    40px;
 $navbarBackground:                #fefefe;
 $navbarBackgroundHighlight:       $navbarBackground;
-$navbarBorder:                    darken($navbarBackground, 12%);
+$navbarBorder:                    darken($navbarBackground, .12);
 
 $navbarText:                      $gray;
 $navbarLinkColor:                 $gray;
@@ -174,8 +174,8 @@ $navbarBrandColor:                $headingsColor;
 
 // Inverted navbar
 $navbarInverseBackground:                $red;
-$navbarInverseBackgroundHighlight:       lighten($red, 6%);
-$navbarInverseBorder:                    lighten($navbarInverseBackground, 8%);
+$navbarInverseBackgroundHighlight:       lighten($red, .06);
+$navbarInverseBorder:                    lighten($navbarInverseBackground, .08);
 
 $navbarInverseText:                      $white;
 $navbarInverseLinkColor:                 $white;
@@ -184,7 +184,7 @@ $navbarInverseLinkColorActive:           $navbarInverseLinkColorHover;
 $navbarInverseLinkBackgroundHover:       transparent;
 $navbarInverseLinkBackgroundActive:      $navbarInverseBackground;
 
-$navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%);
+$navbarInverseSearchBackground:          lighten($navbarInverseBackground, .25);
 $navbarInverseSearchBackgroundFocus:     $white;
 $navbarInverseSearchBorder:              $navbarInverseBackground;
 $navbarInverseSearchPlaceholderColor:    $white;
@@ -210,19 +210,19 @@ $heroUnitLeadColor:               inherit;
 // -------------------------
 $warningText:             $orange;
 $warningBackground:       #fcf8e3;
-$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
+$warningBorder:           darken(adjust-hue($warningBackground, -10), .03);
 
 $errorText:               $red;
 $errorBackground:         #f2dede;
-$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
+$errorBorder:             darken(adjust-hue($errorBackground, -10), .03);
 
 $successText:             $green;
 $successBackground:       #dff0d8;
-$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
+$successBorder:           darken(adjust-hue($successBackground, -10), .05);
 
 $infoText:                $blue;
 $infoBackground:          #d9edf7;
-$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
+$infoBorder:              darken(adjust-hue($infoBackground, -10), .07);
 
 
 // Tooltips and popovers
@@ -235,7 +235,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/slate/_bootswatch.scss

@@ -18,7 +18,7 @@ h1, h2, h3, h4, h5, h6, body, legend, label {
 
 .navbar .navbar-inner,
 div.subnav {
-	@include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
+	@include gradient-vertical-three-colors($gray, $grayDark, .7, $grayDark);
 }
 
 .navbar .divider-vertical {
@@ -31,7 +31,7 @@ div.subnav {
 div.subnav .nav > li > a {
 	color: $grayLighter;
 	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-	border-right: 1px solid darken($gray, 15%);
+	border-right: 1px solid darken($gray, .15);
 }
 
 .navbar .nav > li > a,
@@ -53,8 +53,8 @@ div.subnav .nav > li.active > a,
 div.subnav .nav > li.active > a:hover {
 	color: $grayLighter;
 	background-color: $grayDark;
-	@include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
-	border-right: 1px solid darken($gray, 15%);
+	@include gradient-directional(lighten($grayDarker, .04), lighten($grayDark, .04), 280deg);
+	border-right: 1px solid darken($gray, .15);
 }
 
 div.subnav .nav > li:first-child > a,
@@ -64,12 +64,12 @@ div.subnav .nav > li:first-child > a:hover {
 
 div.subnav.subnav-fixed .nav > li.active:first-child > a,
 div.subnav.subnav-fixed .nav > li:first-child > a:hover {
-	border-left: 1px solid darken($gray, 15%);
+	border-left: 1px solid darken($gray, .15);
 }
 
 div.subnav .nav > li.active:last-child > a,
 div.subnav .nav > li:last-child > a:hover {
-	border-right: 1px solid darken($gray, 15%);
+	border-right: 1px solid darken($gray, .15);
 }
 
 div.subnav {
@@ -82,7 +82,7 @@ div.subnav-fixed {
 }
 
 .navbar-search .search-query {
-	border: 1px solid darken($gray, 15%);
+	border: 1px solid darken($gray, .15);
 }
 
 .nav .nav-header {
@@ -120,7 +120,7 @@ div.subnav-fixed {
 // -----------------------------------------------------
 
 .btn {
-  @include buttonBackground($gray, darken($gray, 10%));
+  @include buttonBackground($gray, darken($gray, .1));
 	@include border-radius(3px);
 	border: 1px solid $grayDarker;
 }
@@ -135,7 +135,7 @@ div.subnav-fixed {
   @include buttonBackground($btnPrimaryBackground, adjust-hue($btnPrimaryBackground, 20));
 }
 .btn-warning {
-  @include buttonBackground(lighten($orange, 15%), $orange);
+  @include buttonBackground(lighten($orange, .15), $orange);
 }
 
 .btn-danger {
@@ -162,16 +162,16 @@ div.subnav-fixed {
 // -----------------------------------------------------
 
 .table th, .table td, .table tbody + tbody {
-	border-top: 1px solid darken($grayDarker, 5%);
+	border-top: 1px solid darken($grayDarker, .05);
 }
 
 .table-bordered {
-  border: 1px solid darken($grayDarker, 5%);
+  border: 1px solid darken($grayDarker, .05);
   th + th,
   td + td,
   th + td,
   td + th {
-    border-left: 1px solid darken($grayDarker, 5%);
+    border-left: 1px solid darken($grayDarker, .05);
   }
   // Prevent a double border
   thead:first-child tr:first-child th,
@@ -185,7 +185,7 @@ div.subnav-fixed {
   tbody {
     tr:nth-child(odd) td,
     tr:nth-child(odd) th {
-      background-color: darken($grayDark, 5%);
+      background-color: darken($grayDark, .05);
     }
   }
 }
@@ -211,7 +211,7 @@ div.subnav-fixed {
 .breadcrumb, .pagination > ul a, .pager a {
 	border: 1px solid transparent;
 	@include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
-	@include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
+	@include gradient-vertical-three-colors($gray, $grayDark, .7, $grayDark);
 }
 
 .breadcrumb li, .breadcrumb a, .pagination > ul a {
@@ -227,13 +227,13 @@ div.subnav-fixed {
 .pagination li > a,
 .pagination li.disabled > a {
 	border-left: 1px solid $gray;
-	border-right: 1px solid darken($gray, 15%);
+	border-right: 1px solid darken($gray, .15);
 	border-top: none;
 	border-bottom: none;
 }
 
 .pagination li.disabled > a {
-	@include gradient-vertical-three-colors($grayLight, $gray, 70%, $gray);
+	@include gradient-vertical-three-colors($grayLight, $gray, .7, $gray);
 }
 
 .pagination > ul > li:not(.disabled) a:hover,
@@ -246,7 +246,7 @@ div.subnav-fixed {
 .pagination > ul > li.active > a:hover {
 	color: $grayLighter;
 	background-color: $grayDark;
-	@include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
+	@include gradient-directional(lighten($grayDarker, .04), lighten($grayDark, .04), 280deg);
 	border-left: 1px solid transparent;
 }
 
@@ -298,7 +298,7 @@ div.subnav-fixed {
 .nav > li > a {
 	border: none;
 	@include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
-	@include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
+	@include gradient-vertical-three-colors($gray, $grayDark, .7, $grayDark);
 
 }
 
@@ -308,7 +308,7 @@ div.subnav-fixed {
 }
 
 .nav.nav-list .divider {
-	border-bottom: 1px solid darken($grayDarker, 5%);
+	border-bottom: 1px solid darken($grayDarker, .05);
 	background-color: transparent;
 }
 
@@ -336,7 +336,7 @@ label, input, button, select, textarea, legend {
 }
 
 .form-actions {
-	background-color: darken($grayDarker, 3%);
+	background-color: darken($grayDarker, .03);
 	border-top: none;
 }
 
@@ -396,18 +396,18 @@ label, input, button, select, textarea, legend {
 
 code, pre {
 	background-color: #F7F7F7;
-	border: 1px solid darken($grayDarker, 5%);
+	border: 1px solid darken($grayDarker, .05);
 	text-shadow: none;
 }
 
 hr, legend, .page-header, .dropdown-menu .divider {
 	border-top: none;
-	border-bottom: 1px solid darken($grayDarker, 5%);
+	border-bottom: 1px solid darken($grayDarker, .05);
 	background-color: transparent;
 }
 
 footer.footer {
-	border-top: 1px solid darken($grayDarker, 5%);
+	border-top: 1px solid darken($grayDarker, .05);
 
 	p {
 		color: $textColor;
@@ -415,14 +415,14 @@ footer.footer {
 }
 
 .well, .progress {
-	background-color: darken($grayDarker, 3%);
+	background-color: darken($grayDarker, .03);
 	@include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
 }
 
 .progress {
-	@include gradient-vertical(darken($grayDarker, 3%), darken($grayDarker, 3%));
+	@include gradient-vertical(darken($grayDarker, .03), darken($grayDarker, .03));
 }
 
 .thumbnail, a.thumbnail:hover {
-  border: 1px solid darken($grayDarker, 5%);
+  border: 1px solid darken($grayDarker, .05);
 }