bootswatch-rails 0.0.12 → 0.1.0

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

@@ -1,11 +1,9 @@
-// Variables to customize the look and feel of Bootstrap
+// Variables
 // Swatch: Simplex
-// Version: 2.0.2
-// -----------------------------------------------------
-
-
+// Version: 2.1.1
+// --------------------------------------------------
 
-// GLOBAL VALUES
+// Global values
 // --------------------------------------------------
 
 
@@ -22,40 +20,43 @@ $white:                 #fff;
 
 // Accent colors
 // -------------------------
-$blue:                  #15C;
+$blue:                  #029ACF;
 $blueDark:              #043755;
 $green:                 #3D9400;
-$red:                   #E32C3B;
+$red:                   #D9230F;
 $yellow:                #FFCA27;
-$orange:                #FF6600;
+$orange:                #D9831F;
 $pink:                  #ED2590;
 $purple:                #9B479F;
 
 
 // Scaffolding
 // -------------------------
-$bodyBackground:        $white;
-$textColor:             $black;
+$bodyBackground:        #F7F7F7;
+$textColor:             $gray;
 
 
 // Links
 // -------------------------
-$linkColor:             #366DDC;
-$linkColorHover:        darken($linkColor, 15%);
+$linkColor:             $red;
+$linkColorHover:        $linkColor;
 
 
 // Typography
 // -------------------------
-$baseFontSize:          13px;
-$baseFontFamily:        Arial, Helvetica, sans-serif;
-$baseLineHeight:        18px;
-$altFontFamily:         Georgia, "Times New Roman", Times, serif;
+$sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
+$serifFontFamily:       Georgia, "Times New Roman", Times, serif;
+$monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace;
 
-$headingsFontFamily:    inherit; // empty to use BS default, $baseFontFamily
+$baseFontSize:          14px;
+$baseFontFamily:        $sansFontFamily;
+$baseLineHeight:        20px;
+$altFontFamily:         $serifFontFamily;
+
+$headingsFontFamily:    "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; // empty to use BS default, $baseFontFamily
 $headingsFontWeight:    bold;    // instead of browser default, bold
 $headingsColor:         inherit; // empty to use BS default, $textColor
 
-
 // Tables
 // -------------------------
 $tableBackground:                   transparent; // overall background-color
@@ -63,27 +64,26 @@ $tableBackgroundAccent:             #f9f9f9; // for striping
 $tableBackgroundHover:              #f5f5f5; // for hover
 $tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 $btnBackground:                     $white;
 $btnBackgroundHighlight:            darken($white, 10%);
 $btnBorder:                         darken($white, 20%);
 
-$btnPrimaryBackground:              $linkColor;
-$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 15%);
+$btnPrimaryBackground:              lighten($linkColor, 5%);
+$btnPrimaryBackgroundHighlight:     $linkColor;
 
-$btnInfoBackground:                 #5bc0de;
-$btnInfoBackgroundHighlight:        #2f96b4;
+$btnInfoBackground:                 lighten(#5bc0de, 5%);
+$btnInfoBackgroundHighlight:        #5bc0de;
 
-$btnSuccessBackground:              #62c462;
-$btnSuccessBackgroundHighlight:     #51a351;
+$btnSuccessBackground:              lighten($green, 5%);
+$btnSuccessBackgroundHighlight:     $green;
 
-$btnWarningBackground:              lighten($orange, 15%);
-$btnWarningBackgroundHighlight:     $orange;
+$btnWarningBackground:              lighten($yellow, 5%);
+$btnWarningBackgroundHighlight:     $yellow;
 
-$btnDangerBackground:               #ee5f5b;
-$btnDangerBackgroundHighlight:      #bd362f;
+$btnDangerBackground:               lighten($red, 5%);
+$btnDangerBackgroundHighlight:      $red;
 
 $btnInverseBackground:              $gray;
 $btnInverseBackgroundHighlight:     $grayDarker;
@@ -93,17 +93,23 @@ $btnInverseBackgroundHighlight:     $grayDarker;
 // -------------------------
 $inputBackground:               $white;
 $inputBorder:                   #ccc;
+$inputBorderRadius:             0;
 $inputDisabledBackground:       $grayLighter;
-
+$formActionsBackground:         #f5f5f5;
 
 // Dropdowns
 // -------------------------
 $dropdownBackground:            $white;
 $dropdownBorder:                rgba(0,0,0,.2);
-$dropdownLinkColor:             $grayDark;
-$dropdownLinkColorHover:        $white;
-$dropdownLinkBackgroundHover:   $linkColor;
+$dropdownDividerTop:            #e5e5e5;
+$dropdownDividerBottom:         $white;
 
+$dropdownLinkColor:             $textColor;
+$dropdownLinkColorHover:        $textColor;
+$dropdownLinkColorActive:       $dropdownLinkColor;
+
+$dropdownLinkBackgroundActive:  $linkColor;
+$dropdownLinkBackgroundHover:   #FBEBE9;
 
 
 
@@ -116,12 +122,18 @@ $dropdownLinkBackgroundHover:   $linkColor;
 // Try to avoid customizing these :)
 $zindexDropdown:          1000;
 $zindexPopover:           1010;
-$zindexTooltip:           1020;
+$zindexTooltip:           1030;
 $zindexFixedNavbar:       1030;
 $zindexModalBackdrop:     1040;
 $zindexModal:             1050;
 
 
+// Sprite icons path
+// -------------------------
+$iconSpritePath:          "../img/glyphicons-halflings.png";
+$iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";
+
+
 // Input placeholder text color
 // -------------------------
 $placeholderText:         $grayLight;
@@ -132,23 +144,59 @@ $placeholderText:         $grayLight;
 $hrBorder:                $grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+$horizontalComponentOffset:       180px;
+
+
+// Wells
+// -------------------------
+$wellBackground:                  $white;
+
+
 // Navbar
 // -------------------------
-$navbarHeight:                    40px;
-$navbarBackground:                $grayDarker;
-$navbarBackgroundHighlight:       $grayDarker;
+$navbarCollapseWidth:             979px;
 
-$navbarText:                      #AAA;
-$navbarLinkColor:                 $navbarText;
-$navbarLinkColorHover:            $gray;
-$navbarLinkColorActive:           $navbarLinkColorHover;
+$navbarHeight:                    40px;
+$navbarBackground:                #fefefe;
+$navbarBackgroundHighlight:       $navbarBackground;
+$navbarBorder:                    darken($navbarBackground, 12%);
+
+$navbarText:                      $gray;
+$navbarLinkColor:                 $gray;
+$navbarLinkColorHover:            $linkColor;
+$navbarLinkColorActive:           $linkColor;
 $navbarLinkBackgroundHover:       transparent;
 $navbarLinkBackgroundActive:      $navbarBackground;
 
-$navbarSearchBackground:          lighten($navbarBackground, 25%);
-$navbarSearchBackgroundFocus:     $white;
-$navbarSearchBorder:              darken($navbarSearchBackground, 30%);
-$navbarSearchPlaceholderColor:    #ccc;
+$navbarBrandColor:                $headingsColor;
+
+// Inverted navbar
+$navbarInverseBackground:                $red;
+$navbarInverseBackgroundHighlight:       lighten($red, 6%);
+$navbarInverseBorder:                    lighten($navbarInverseBackground, 8%);
+
+$navbarInverseText:                      $white;
+$navbarInverseLinkColor:                 $white;
+$navbarInverseLinkColorHover:            $white;
+$navbarInverseLinkColorActive:           $navbarInverseLinkColorHover;
+$navbarInverseLinkBackgroundHover:       transparent;
+$navbarInverseLinkBackgroundActive:      $navbarInverseBackground;
+
+$navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%);
+$navbarInverseSearchBackgroundFocus:     $white;
+$navbarInverseSearchBorder:              $navbarInverseBackground;
+$navbarInverseSearchPlaceholderColor:    $white;
+
+$navbarInverseBrandColor:                $navbarInverseLinkColor;
+
+
+// Pagination
+// -------------------------
+$paginationBackground:                #fff;
+$paginationBorder:                    #ddd;
+$paginationActiveBackground:          #FBEBE9;
 
 
 // Hero unit
@@ -177,11 +225,28 @@ $infoBackground:          #d9edf7;
 $infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
 
 
+// Tooltips and popovers
+// -------------------------
+$tooltipColor:            #fff;
+$tooltipBackground:       #000;
+$tooltipArrowWidth:       5px;
+$tooltipArrowColor:       $tooltipBackground;
+
+$popoverBackground:       #fff;
+$popoverArrowWidth:       10px;
+$popoverArrowColor:       #fff;
+$popoverTitleBackground:  darken($popoverBackground, 3%);
+
+// Special enhancement for popovers
+$popoverArrowOuterWidth:  $popoverArrowWidth + 1;
+$popoverArrowOuterColor:  rgba(0,0,0,.25);
+
 
 
 // GRID
 // --------------------------------------------------
 
+
 // Default 940px grid
 // -------------------------
 $gridColumns:             12;
@@ -189,8 +254,26 @@ $gridColumnWidth:         60px;
 $gridGutterWidth:         20px;
 $gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
 
+// 1200px min
+$gridColumnWidth1200:     70px;
+$gridGutterWidth1200:     30px;
+$gridRowWidth1200:        ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
+
+// 768px-979px
+$gridColumnWidth768:      42px;
+$gridGutterWidth768:      20px;
+$gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
+
 
 // Fluid grid
 // -------------------------
-$fluidGridColumnWidth:    6.382978723%;
-$fluidGridGutterWidth:    2.127659574%;
+$fluidGridColumnWidth:    percentage($gridColumnWidth/$gridRowWidth);
+$fluidGridGutterWidth:    percentage($gridGutterWidth/$gridRowWidth);
+
+// 1200px min
+$fluidGridColumnWidth1200:     percentage($gridColumnWidth1200/$gridRowWidth1200);
+$fluidGridGutterWidth1200:     percentage($gridGutterWidth1200/$gridRowWidth1200);
+
+// 768px-979px
+$fluidGridColumnWidth768:      percentage($gridColumnWidth768/$gridRowWidth768);
+$fluidGridGutterWidth768:      percentage($gridGutterWidth768/$gridRowWidth768);

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

@@ -1,169 +1,294 @@
+// Bootswatch.less
 // Swatch: Spacelab
-// Version: 2.0.2
+// Version: 2.1.1
+// -----------------------------------------------------
+
+// TYPOGRAPHY
+// -----------------------------------------------------
+
+@import url('http://fonts.googleapis.com/css?family=Muli');
+
+// SCAFFOLDING
 // -----------------------------------------------------
 
 // NAVBAR
 // -----------------------------------------------------
 
-// navbar style
 .navbar {
-	border-bottom: 1px solid #CACACA;
+
+	.navbar-inner {
+		border-bottom: 1px solid #CACACA;
+		@include box-shadow(0 1px 0 rgba(255,255,255,0.4));
+	}
 
 	.brand {
-		font-size: 20px;
-		font-weight: bold;
-		color: $textColor;
+
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
 
 		&:hover {
 			color: $linkColor;
 		}
 	}
-}
 
-// navbar dropshadow
-.navbar .navbar-inner {
-	@include box-shadow(0 1px 0 rgba(255,255,255,0.4));
-	@include box-shadow(0 0 10px rgba(0,0,0,0.1));
-}
+	.nav > li > a {
+		padding: 11px 10px 9px;
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
+	}
 
-// nav item typography
-.navbar .nav > li > a {
-	font-weight: bold;
-	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-}
+	.navbar-text {
+		margin-top: 2px;
+		padding: 0 10px;
+		line-height: 38px;
+	}
 
-.navbar .nav .active > a {
-	background-color: transparent;
-	color: $textColor;
+	.navbar-search .search-query,
+	.navbar-search .search-query:hover {
+		margin-bottom: 0;
+		line-height: normal;
+		color: $grayLight;
+		@include placeholder($grayLight);
+		@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
 
-	&:hover {
-		background-color: transparent;
-		color: $linkColor;
+	    &:focus,
+	    &.focused {
+			@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
+			color: $textColor;
+		}
 	}
 }
 
-.navbar .nav > li > a:hover,
-.navbar .nav .open.dropdown .dropdown-toggle {
-	color: $linkColor !important;
-}
+.navbar-inverse {
+	.brand {
+		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
 
-.navbar .nav .dropdown-toggle .caret {
-	border-top-color: $textColor;
-	opacity: 1;
-}
+		&:hover {
+			color: $white;
+		}
+	}
 
-.nav .open.dropdown .caret,
-.nav .dropdown-toggle:hover .caret {
-	border-top-color: $linkColor !important;
-}
+	.nav > li > a {
+		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+	}
 
-div.subnav .nav > li > a {
-	font-weight: bold;
-	color: #777;
+	.nav li.dropdown.open > .dropdown-toggle .caret,
+	.nav li.dropdown:hover > .dropdown-toggle .caret,
+	.nav li.dropdown.open:hover > .dropdown-toggle .caret {
+		border-top-color: $white;
+	}
+
+	.navbar-search .search-query,
+	.navbar-search .search-query:hover {
 
-	&:hover {
-		color: $linkColor;
+		color: $white;
+
+		@include placeholder($grayLighter);
 	}
 }
 
-div.subnav .nav > li.active > a {
-	color: $textColor;
+@media (max-width: $navbarCollapseWidth) {
 
-	&:hover {
-		color: $grayDark;
+	.navbar .nav-collapse {
+
+		.nav li > a:hover {
+			background-color: $linkColor;
+			color: $white;
+			text-shadow: none;
+		}
+
+		.navbar-search {
+			border-top: none;
+			border-bottom: none;
+		}
 	}
-}
 
-div.subnav .nav > li > .dropdown-toggle {
-	background-color: transparent;
-	color: $linkColor;
+	.navbar-inverse .nav-collapse {
+
+		.nav li > a {
+			color: $grayLighter;
+
+			&:hover {
+				background-color: $linkColor !important;
+			}
+		}
+
+		.nav-header {
+			color: $grayLighter;
+		}
+	}
 }
 
-.navbar-search .search-query,
-.navbar-search .search-query:hover {
-	border: none;
-	color: $grayLight;
-	@include placeholder($grayLight);
-	@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
+div.subnav {
+
+	.nav > li > a {
 
-    &:focus,
-    &.focused {
-		@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
 		color: $textColor;
+
+		&:hover {
+			color: $linkColor;
+		}
 	}
-}
 
-.navbar .nav-collapse.in > .nav li > a {
+	.nav > li.active > a {
 
-	color: $textColor;
+		color: $textColor;
 
-	.caret {
-		border-top-color: $grayLight;
+		&:hover {
+			color: $textColor;
+		}
+	}
+
+	.nav > li.dropdown > .dropdown-toggle {
+		background-color: transparent;
+	}
+
+	.nav > li.dropdown.open > .dropdown-toggle {
+
+		border-left: 1px solid whiteSmoke;
+		border-right: 1px solid #E5E5E5;
+		color: $textColor;
+
+		&:hover {
+			color: $linkColor;
+		}
 	}
 }
 
+// NAV
+// -----------------------------------------------------
 
-.navbar .nav-collapse.in > .nav li > a:hover {
-	text-shadow: none;
-	color: $linkColor;
-	background-color: transparent;
+.nav > li.dropdown > .dropdown-toggle,
+.nav > li.dropdown.active > .dropdown-toggle,
+.nav > li.dropdown.open > .dropdown-toggle,
+.nav > li.dropdown.open.active > .dropdown-toggle  {
 
 	.caret {
-		border-top-color: $white;
+		border-top: 4px solid $textColor;
+		border-top-color: $textColor;
+		opacity: 1;
+	}
+
+	&:hover .caret {
+		border-top: 4px solid $linkColorHover;
+		border-top-color: $linkColorHover;
 	}
 }
 
-// BUTTON
+// BUTTONS
 // -----------------------------------------------------
 
-.btn {
-	@include buttonBackground(#F4F4F4, #ECECEC);
+.btn-info {
+	&:hover,
+	&.disabled {
+		
+		color: $textColor;
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
+
+		.caret {
+			border-top-color: $textColor;
+			border-bottom-color: $textColor;
+		}
+	}
+}
+
+/*.btn {
+	.buttonBackground(#F4F4F4, #ECECEC);
+	color: $textColor;
+	text-shadow: none;
+
+
+	&:hover,
+	&:active,
+	&.active,
+	&.disabled,
+	&[disabled] {
+		color: $grayDark;
+	}
 }
 
 .btn-primary {
-	@include buttonBackground(#909090, #3F3F3F);
+	.buttonBackground(#909090, #3F3F3F);
 }
 
 .btn-warning {
-  @include buttonBackground(lighten($yellow, 15%), $yellow);
+  .buttonBackground(adjust-hue($yellow, 15%), $yellow);
 }
 
 .btn-danger {
-  @include buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
+  .buttonBackground(adjust-hue(#DA2D2D, 15%), #DA2D2D);
 }
 
 .btn-success {
-  @include buttonBackground(#8ADD6D, #60B044);
+  .buttonBackground(#8ADD6D, #60B044);
 }
 
 .btn-info {
-  @include buttonBackground(lighten(#4488BB, 15%), #4488BB);
+  .buttonBackground(adjust-hue(#4488BB, 15%), #4488BB);
 }
 
 .btn-inverse {
-  @include buttonBackground(lighten($purple, 5%), $purple);
-}
+  .buttonBackground(adjust-hue($purple, 5%), $purple);
+}*/
+
+// TABLES
+// -----------------------------------------------------
 
 // FORMS
 // -----------------------------------------------------
 
 .control-group.warning {
-  @include formFieldState(#E29235, #E29235, $warningBackground);
+	@include formFieldState(#E29235, #E29235, $warningBackground);
 }
 
 .control-group.error {
-  @include formFieldState(#C00, #C00, $errorBackground);
+	@include formFieldState(#C00, #C00, $errorBackground);
 }
 
 .control-group.success {
-  @include formFieldState(#2BA949, #2BA949, $successBackground);
+	@include formFieldState(#2BA949, #2BA949, $successBackground);
+}
+
+// DROPDOWNS
+// -----------------------------------------------------
+
+// ALERTS, LABELS, BADGES
+// -----------------------------------------------------
+
+.alert {
+	color: $white;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 
+.label, .badge {
+	padding-top: 4px;
 
-// LABELS
+}
+.label-important, .badge-important{
+	background-color: $red;
+}
+
+.label-warning, .badge-warning {
+	background-color: $orange;
+}
+
+.label-success, .badge-success {
+	background-color: $green;
+}
+
+.label-info, .badge-info {
+	background-color: $blue;
+}
+
+// MISC
 // -----------------------------------------------------
 
-.label-important { background-color: #BD2C00; }
-.label-warning   { background-color: #E3E84D; }
-.label-success   { background-color: #6CC644; }
-.label-info      { background-color: #4183C4; }
+.well {
+	background-color: $grayLighter;
+}
+
+.hero-unit {
+    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+    border: 1px solid rgba(0,0,0,.05);
+}
+
+// MEDIA QUERIES
+// -----------------------------------------------------