less-rails-bootswatch 0.2.11 → 0.3.0

data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less

@@ -1,10 +1,11 @@
-// Variables.less
-// Variables to customize the look and feel of Bootstrap
+//
+// Variables
 // Swatch: Spacelab
-// Version: 2.0.4
-// -----------------------------------------------------
+// Version: 2.1.0
+// --------------------------------------------------
+
 
-// GLOBAL VALUES
+// Global values
 // --------------------------------------------------
 
 
@@ -15,7 +16,7 @@
 @grayDark:              #333;
 @gray:                  #555;
 @grayLight:             #999;
-@grayLighter:           #F5F5F5;
+@grayLighter:           #ddd;
 @white:                 #fff;
 
 
@@ -49,9 +50,9 @@
 @serifFontFamily:       Georgia, "Times New Roman", Times, serif;
 @monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace;
 
-@baseFontSize:          13px;
+@baseFontSize:          14px;
 @baseFontFamily:        @sansFontFamily;
-@baseLineHeight:        18px;
+@baseLineHeight:        20px;
 @altFontFamily:         @serifFontFamily;
 
 @headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
@@ -104,12 +105,17 @@
 // -------------------------
 @dropdownBackground:            @white;
 @dropdownBorder:                rgba(0,0,0,.2);
-@dropdownLinkColor:             @textColor;
-@dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @linkColor;
 @dropdownDividerTop:            #e5e5e5;
 @dropdownDividerBottom:         @white;
 
+@dropdownLinkColor:             @textColor;
+
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
+
+@dropdownLinkColorActive:       @dropdownLinkColor;
+@dropdownLinkBackgroundActive:  @linkColor;
+
 
 
 // COMPONENT VARIABLES
@@ -121,7 +127,7 @@
 // Try to avoid customizing these :)
 @zindexDropdown:          1000;
 @zindexPopover:           1010;
-@zindexTooltip:           1020;
+@zindexTooltip:           1030;
 @zindexFixedNavbar:       1030;
 @zindexModalBackdrop:     1040;
 @zindexModal:             1050;
@@ -143,25 +149,55 @@
 @hrBorder:                @grayLighter;
 
 
+// Wells
+// -------------------------
+@wellBackground:                  #f5f5f5;
+
+
 // Navbar
 // -------------------------
+@navbarCollapseWidth:             979px;
+
 @navbarHeight:                    40px;
 @navbarBackground:                #EAEAEA;
 @navbarBackgroundHighlight:       lighten(@navbarBackground, 15%);
+@navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @textColor;
 @navbarLinkColor:                 @textColor;
 @navbarLinkColorHover:            @linkColor;
-@navbarLinkColorActive:           @linkColor;
+@navbarLinkColorActive:           @textColor;
 @navbarLinkBackgroundHover:       transparent;
 @navbarLinkBackgroundActive:      transparent;
 
-@navbarSearchBackground:          lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus:     @white;
-@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor:    #ccc;
 @navbarBrandColor:                @grayDark;
 
+// Inverted navbar
+@navbarInverseBackground:                @gray;
+@navbarInverseBackgroundHighlight:       lighten(@navbarInverseBackground, 5%);
+@navbarInverseBorder:                    #252525;
+
+@navbarInverseText:                      @grayLighter;
+@navbarInverseLinkColor:                 @grayLighter;
+@navbarInverseLinkColorHover:            @white;
+@navbarInverseLinkColorActive:           @white;
+@navbarInverseLinkBackgroundHover:       transparent;
+@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;
+
+@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
+@navbarInverseSearchBackgroundFocus:     @white;
+@navbarInverseSearchBorder:              @navbarInverseBackground;
+@navbarInverseSearchPlaceholderColor:    #ccc;
+
+@navbarInverseBrandColor:                @navbarInverseLinkColor;
+
+
+// Pagination
+// -------------------------
+@paginationBackground:                #fff;
+@paginationBorder:                    #ddd;
+@paginationActiveBackground:          #f5f5f5;
+
 
 // Hero unit
 // -------------------------
@@ -189,10 +225,28 @@
 @infoBorder:              darken(spin(@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;
@@ -200,7 +254,26 @@
 @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/frameworks/stylesheets/bootswatch/spruce/bootswatch.less

@@ -1,6 +1,6 @@
 // Bootswatch.less
 // Swatch: Spruce
-// Version: 2.0.4
+// Version: 2.1.0
 // -----------------------------------------------------
 
 // TYPOGRAPHY
@@ -16,37 +16,41 @@ div.subnav li > a,
 	font-weight: @headingsFontWeight;
 }
 
-h3 { font-size: 20px; }
-h4 { font-size: 16px; }
-h5 { font-size: 14px; }
-
-h1, h2, h3, h4, h5, h6 {
+h1 {
+	font-size: 54px;
+	line-height: 1.2em;
 	color: @yellow;
 }
 
+h2 { font-size: 48px; }
+h3 { font-size: 36px; }
+h4 { font-size: 24px; }
+h5 { font-size: 20px; }
+
 h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
-	color: @linkColor;
+	color: @headingsColor;
 	font-family: @baseFontFamily;
 }
 
 .alert-heading {
 	font-family: @baseFontFamily;
+	color: inherit;
 }
 
 // SCAFFOLDING
 // --------------------------------------------------
 
 body {
-	#gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
+	// #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
 	background-size: 100% 1400px;
 	background-repeat: repeat-y;
 }
 
 blockquote {
-	border-left: 2px solid @linkColor;
+	border-left: 2px solid @headingsColor;
 
 	&.pull-right {
-		border-right: 2px solid @linkColor;
+		border-right: 2px solid @headingsColor;
 	}
 
 	small {
@@ -56,7 +60,7 @@ blockquote {
 
 code, pre {
 	color: lighten(@blueDark, 10%);
-	background-color: @linkColor;
+	background-color: @headingsColor;
 }
 
 // NAVBAR
@@ -76,7 +80,7 @@ code, pre {
 
 	.nav > li > a {
 		font-size: 20px;
-		padding: 22px 10px 11px;
+		padding: 20px 20px 10px;
 	}
 
 	.nav .active > a,
@@ -84,9 +88,20 @@ code, pre {
 		color: @yellow;
 	}
 
+	.nav > .active > a,
+	.nav > .active > a:hover,
+	.nav > .active > a:focus {
+		.box-shadow(none);
+	}
+
 	.navbar-text {
+		margin: 19px 20px 0;
 		font-size: 20px;
-		padding: 11px 10px 0;
+		line-height: inherit;
+	}
+
+	.divider-vertical {
+		border-color: rgba(0, 0, 0, 0.2);
 	}
 
 	.navbar-search {
@@ -95,8 +110,8 @@ code, pre {
 
 	.navbar-search .search-query {
 		border-color: transparent;
-		padding: 6px 9px 2px 9px;
 		background-color: rgba(255, 255, 255, 0.4);
+		color: @white;
 	}
 
 	.nav > .open > a {
@@ -104,14 +119,14 @@ code, pre {
 	}
 
 	.nav > .open > .dropdown-menu {
-		background-color: @linkColor;
+		background-color: @headingsColor;
 		color: @textColor;
 		border-color: transparent;
 	}
 
 	.nav > .open > .dropdown-menu a:hover {
 		background-color: darken(#90A38F, 10%);
-		color: @linkColor;
+		color: @headingsColor;
 	}
 
 	.btn-navbar {
@@ -119,7 +134,7 @@ code, pre {
 	}
 
 	.nav-collapse.in .nav li > a {
-		color: @linkColor;
+		color: @headingsColor;
 
 		&:hover {
 			color: @yellow;
@@ -144,7 +159,7 @@ div.subnav {
 		padding: 13px 12px 9px;
 		border-color: transparent;
 		background-color: transparent;
-		color: @linkColor;
+		color: @headingsColor;
 	}
 
 	.nav > li + li > a {
@@ -163,18 +178,18 @@ div.subnav {
 	}
 
 	.dropdown.open > .dropdown-menu {
-		background-color: @linkColor;
+		background-color: @headingsColor;
 		color: @textColor;
 		border-color: transparent;
 	}
 
 	.dropdown.open > .dropdown-menu a:hover {
 		background-color: darken(#90A38F, 10%);
-		color: @linkColor;
+		color: @headingsColor;
 	}
 
 	&.subnav-fixed {
-		top: 54px;
+		top: @navbarHeight;
 	}
 }
 
@@ -214,7 +229,7 @@ div.subnav {
 .table th,
 .table-striped tbody tr:nth-child(odd) th {
 	background-color: darken(#90A38F, 10%);
-	color: @linkColor;
+	color: @headingsColor;
 }
 
 // BUTTONS
@@ -267,6 +282,17 @@ div.subnav {
 // NAVIGATION
 // --------------------------------------------------
 
+.nav {
+	.disabled > a {
+
+		color: #ccc;
+
+		&:hover {
+			background-color: #748C73;
+		}
+	}
+}
+
 .breadcrumb {
 	background-color: darken(#90A38F, 10%);
 	background-image: none;
@@ -278,7 +304,7 @@ div.subnav {
 		text-shadow: none;
 
 		a {
-			color: @linkColor;
+			color: @yellow;
 		}
 
 		a:hover {
@@ -286,36 +312,43 @@ div.subnav {
 		}
 
 		.divider {
-			color: @blue;
+			color: @headingsColor;
 		}
 	}
-}
 
-.pagination > ul {
-	background-color: darken(#90A38F, 10%);
-	background-image: none;
-	border-color: transparent;
-	.box-shadow(none);
+	.active {
+		color: @headingsColor;
+	}
 }
 
-.pagination a {
-	color: @linkColor;
-	border-color: transparent;
+.pagination {
 
-	&:hover {
+	& > ul {
+		background-color: darken(#90A38F, 10%);
+		background-image: none;
+		border-color: transparent;
+		.box-shadow(none);
+	}
+
+	a {
 		color: @yellow;
-		background-color: #748C73;
+		border-color: transparent;
+
+		&:hover {
+			color: @yellow;
+			background-color: rgba(0, 0, 0, 0.1);
+		}
 	}
-}
 
-.pagination .active a {
-	color: @blue;
-	background-color: #A2CDB5;
-}
+	.active a {
+		color: @headingsColor;
+		background-color: rgba(0, 0, 0, 0.1);
+	}
 
-.pagination .disabled a,
-.pagination .disabled a:hover {
-	color: @blue;
+	.disabled a,
+	.disabled a:hover {
+		color: @blue;
+	}
 }
 
 .nav-list {
@@ -337,7 +370,7 @@ div.subnav {
 
 	.divider {
 		background-color: transparent;
-		border-bottom: 1px solid @linkColor;
+		border-bottom: 1px solid @headingsColor;
 	}
 }
 
@@ -386,13 +419,13 @@ div.subnav {
 
 .nav-tabs .dropdown-menu,
 .nav-pills .dropdown-menu {
-	background-color: @linkColor;
+	background-color: @headingsColor;
 	color: @textColor;
 	border-color: transparent;
 
 	a:hover {
 		background-color: #A2CDB5;
-		color: @linkColor;
+		color: @headingsColor;
 	}
 }
 
@@ -410,13 +443,21 @@ div.subnav {
 	}
 }
 
-.pager a {
-	border: none;
-	background-color: #748C73;
+.pager {
 
-	&:hover {
-		background-color: transparent;
+	a {
+		border: none;
 		background-color: #748C73;
+
+		&:hover {
+			background-color: #687D67;
+		}
+	}
+
+	.disabled a,
+	.disabled a:hover {
+		background-color: #748C73;
+		color: @textColor;
 	}
 }
 
@@ -424,11 +465,11 @@ div.subnav {
 // --------------------------------------------------
 
 legend {
-	color: @yellow;
+	color: @headingsColor;
 }
 
 label, .help-block, input[type="file"] {
-	color: @linkColor;
+	color: @headingsColor;
 }
 
 input, textarea, select {
@@ -458,7 +499,7 @@ legend {
 
 .modal-body,
 .modal-footer {
-	background-color: @linkColor;
+	background-color: @headingsColor;
 	border: none;
 	.box-shadow(none);
 
@@ -479,25 +520,39 @@ legend {
 	border: none;
 }
 
+.badge,
 .label {
-	color: @linkColor;
-	opacity: 1;
+
+	background-color: @blue;
 	text-shadow: none;
+
+	&-success {
+		background-color: @successBackground;
+	}
+
+	&-warning {
+		background-color: @warningBackground;
+	}
+
+	&-important {
+		background-color: @errorBackground;
+	}
+
+	&-info {
+		background-color: @infoBackground;
+	}
+
+	&-inverse {
+		background-color: @yellow;
+	}
 }
 
 .progress {
 	background-color: darken(#90A38F, 10%);
 	background-image: none;
-	.box-shadow(none);
-
-	.bar {
-		background-image: none;
-		background-color: #A2CDB5;
-	}
 }
 
 .well {
-	background-color: darken(#90A38F, 10%);
 	border: none;
 	.box-shadow(none);
 }
@@ -513,14 +568,10 @@ legend {
 
 hr {
 	border-top: none;
-	border-bottom: 2px solid @linkColor;
+	border-bottom: 2px solid @headingsColor;
 }
 
 .page-header {
-	border-bottom: 2px solid @linkColor;
+	border-bottom: 2px solid @headingsColor;
 	padding-bottom: 5px;
 }
-
-footer.footer {
-	border-top: 2px solid @linkColor;
-}