less-rails-bootswatch 0.2.11 → 0.3.0

data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less

@@ -1,12 +1,12 @@
 // Bootswatch.less
 // Swatch: Slate
-// Version: 2.0.4
+// Version: 2.1.0
 // -----------------------------------------------------
 
 // SCAFFOLDING
 // -----------------------------------------------------
 
-h1, h2, h3, h4, h5, h6, body, legend, label {
+h1, h2, h3, h4, h5, h6, legend, label {
 	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
 }
 
@@ -26,14 +26,14 @@ h1, h2, h3, h4, h5, h6, body, legend, label {
 	}
 
 	.navbar-text {
-		padding: 0 10px;
-		line-height: 38px;
+		padding: 0 15px;
+		font-weight: bold;
 	}
 
 	.nav > li > a  {
 		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-		border-right: 1px solid darken(@gray, 15%);
-		border-left: 1px solid @gray;
+		border-right: 1px solid rgba(0, 0, 0, 0.2);
+		border-left: 1px solid rgba(255, 255, 255, 0.1);
 
 		&:hover {
 			#gradient > .directional(@grayDarker, @grayDark, 280deg);
@@ -63,20 +63,51 @@ h1, h2, h3, h4, h5, h6, body, legend, label {
 		border-bottom: 6px solid @grayDark;
 	}
 
-	.nav-collapse.in > .nav > li > a,
-	.nav-collapse.in > .nav > li.active > a,
-	.nav-collapse.in > .nav > li > a:hover,
-	.nav-collapse.in > .nav > li.active > a:hover {
-		.box-shadow(none);
-		color: @grayLighter;
-		border: 1px solid transparent;
-		background-color: transparent;
-		background-image: none;
+	.nav-collapse.collapse {
+
+		.nav li > a,
+		.nav li.active > a,
+		.nav li > a:hover,
+		.nav li.active > a:hover {
+			.box-shadow(none);
+			color: @grayLighter;
+			border: 1px solid transparent;
+			background-color: transparent;
+			background-image: none;
+		}
+
+		.nav li > a:hover,
+		.nav li.active > a:hover {
+			background-color: @grayDarker;
+		}
+
+		.navbar-form,
+		.navbar-search {
+			border-color: transparent;
+			.box-shadow(none);
+		}
+
+		.nav-header {
+			color: @grayLight;
+		}
 	}
 
-	.nav-collapse.in > .nav > li > a:hover,
-	.nav-collapse.in > .nav > li.active > a:hover {
-		background-color: @grayDarker;
+	&-inverse {
+
+		.navbar-inner {
+			#gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
+		}
+
+		.nav li > a {
+			background-image: none;
+			background-color: transparent;
+		}
+
+		.nav li > a:hover,
+		.nav li.active > a,
+		.nav li.active > a:hover {
+			#gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
+		}
 	}
 }
 
@@ -196,10 +227,6 @@ div.subnav {
 // NAVIGATION
 // -----------------------------------------------------
 
-.pagination > ul {
-	.box-shadow(none);
-}
-
 .breadcrumb {
 	.box-shadow(none);
 }
@@ -220,35 +247,50 @@ div.subnav {
 	color: @white;
 }
 
-.pagination li > a,
-.pagination li.disabled > a {
-	border-left: 1px solid @gray;
-	border-right: 1px solid darken(@gray, 15%);
-	border-top: none;
-	border-bottom: none;
-}
+.pagination {
 
-.pagination li.disabled > a {
-	#gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
-}
+	& > ul {
+		.box-shadow(none);
+	}
 
-.pagination > ul > li:not(.disabled) a:hover,
-  {
-	#gradient > .directional(@grayDarker, @grayDark, 280deg);
-	border-left: 1px solid transparent;
-}
+	& li > a,
+	& li.disabled > a {
+		border-left: 1px solid @gray;
+		border-right: 1px solid darken(@gray, 15%);
+		border-top: none;
+		border-bottom: none;
+	}
 
-.pagination > ul > li.active > a,
-.pagination > ul > li.active > a:hover {
-	color: @grayLighter;
-	background-color: @grayDark;
-	#gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
-	border-left: 1px solid transparent;
+	li.disabled > a {
+		#gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
+	}
+
+	& > ul > li:not(.disabled) a:hover,
+	  {
+		#gradient > .directional(@grayDarker, @grayDark, 280deg);
+		border-left: 1px solid transparent;
+	}
+
+	& > ul > li.active > a,
+	& > ul > li.active > a:hover {
+		color: @grayLighter;
+		background-color: @grayDark;
+		#gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
+		border-left: 1px solid transparent;
+	}
 }
 
-.pager a:hover {
-	#gradient > .directional(@grayDarker, @grayDark, 280deg);
-	border: 1px solid transparent;
+.pager {
+
+	a:hover {
+		#gradient > .directional(@grayDarker, @grayDark, 280deg);
+		border: 1px solid transparent;
+	}
+
+	.disabled a,
+	.disabled a:hover {
+		background-color: transparent;
+	}
 }
 
 .nav .nav-header {
@@ -342,9 +384,9 @@ label, input, button, select, textarea, legend {
 	border-top: none;
 }
 
-.input-prepend .add-on, .input-append .add-on {
+.input-prepend .add-on,
+.input-append .add-on {
 	vertical-align: top;
-	height: 19px;
 	background-color: @gray;
 	border-top: 1px solid @grayLight;
 	border-left: 1px solid @grayLight;
@@ -353,8 +395,19 @@ label, input, button, select, textarea, legend {
 	text-shadow: none;
 }
 
-.uneditable-input, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
-	text-shadow: none;
+.input-append .btn,
+.input-prepend .btn {
+	margin-top: -1px;
+	padding: 5px 14px;
+}
+
+.uneditable-input,
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
 	color: @grayLighter;
 }
 
@@ -437,11 +490,11 @@ footer.footer {
 }
 
 .well, .progress, .hero-unit {
-	background-color: darken(@grayDarker, 3%);
 	.box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
 }
 
 .progress {
+	background-color: darken(@grayDarker, 3%);
 	#gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
 }
 

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

@@ -1,10 +1,11 @@
-// Variables.less
-// Variables to customize the look and feel of Bootstrap
+//
+// Variables
 // Swatch: Slate
-// Version: 2.0.4
-// -----------------------------------------------------
+// Version: 2.1.0
+// --------------------------------------------------
+
 
-// GLOBAL VALUES
+// Global values
 // --------------------------------------------------
 
 
@@ -104,11 +105,16 @@
 // -------------------------
 @dropdownBackground:            @grayDark;
 @dropdownBorder:                rgba(0,0,0,.2);
+@dropdownDividerTop:            #e5e5e5;
+@dropdownDividerBottom:         darken(@grayDarker, 5%);
+
 @dropdownLinkColor:             @grayLight;
+
 @dropdownLinkColorHover:        @grayLighter;
 @dropdownLinkBackgroundHover:   @grayDarker;
-@dropdownDividerTop:            #e5e5e5;
-@dropdownDividerBottom:         darken(@grayDarker, 5%);
+
+@dropdownLinkColorActive:       @dropdownLinkColor;
+@dropdownLinkBackgroundActive:  @grayDarker;
 
 
 
@@ -121,7 +127,7 @@
 // Try to avoid customizing these :)
 @zindexDropdown:          1000;
 @zindexPopover:           1010;
-@zindexTooltip:           1020;
+@zindexTooltip:           1030;
 @zindexFixedNavbar:       1030;
 @zindexModalBackdrop:     1040;
 @zindexModal:             1050;
@@ -143,11 +149,19 @@
 @hrBorder:                @grayLighter;
 
 
+// Wells
+// -------------------------
+@wellBackground:                  darken(@grayDarker, 3%);
+
+
 // Navbar
 // -------------------------
+@navbarCollapseWidth:             979px;
+
 @navbarHeight:                    40px;
 @navbarBackground:                @grayDarker;
 @navbarBackgroundHighlight:       @grayDark;
+@navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @grayLight;
 @navbarLinkColor:                 @grayLighter;
@@ -156,16 +170,38 @@
 @navbarLinkBackgroundHover:       @grayDark;
 @navbarLinkBackgroundActive:      @navbarBackground;
 
-@navbarSearchBackground:          lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus:     @white;
-@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor:    #ccc;
 @navbarBrandColor:                @grayLighter;
 
+// Inverted navbar
+@navbarInverseBackground:                darken(@grayDarker, 10%);
+@navbarInverseBackgroundHighlight:       @grayDarker;
+@navbarInverseBorder:                    #252525;
+
+@navbarInverseText:                      @grayLight;
+@navbarInverseLinkColor:                 @grayLight;
+@navbarInverseLinkColorHover:            @white;
+@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
+@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
 // -------------------------
-@heroUnitBackground:              @grayLighter;
+@heroUnitBackground:              darken(@grayDarker, 3%);
 @heroUnitHeadingColor:            inherit;
 @heroUnitLeadColor:               inherit;
 
@@ -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/spacelab/bootswatch.less

@@ -1,6 +1,6 @@
 // Bootswatch.less
 // Swatch: Spacelab
-// Version: 2.0.4
+// Version: 2.1.0
 // -----------------------------------------------------
 
 // NAVBAR
@@ -21,21 +21,10 @@
 		}
 	}
 
-	.nav > li.active > a,
-	.nav > li.dropdown > .dropdown-toggle,
-	.nav > li.dropdown.active > .dropdown-toggle,
-	.nav > li.dropdown.open > .dropdown-toggle,
-	.nav > li.dropdown.open.active > .dropdown-toggle  {
-
-		color: @textColor;
-
-		&:hover {
-			color: @linkColor;
-		}
-
-		.caret {
-			border-top-color: @textColor;
-		}
+	.nav > li > a {
+		padding: 11px 10px 9px;
+		font-weight: bold;
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 	}
 
 	.navbar-text {
@@ -44,15 +33,9 @@
 		line-height: 38px;
 	}
 
-	.nav > li > a {
-		padding: 11px 10px 9px;
-		font-weight: bold;
-		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-	}
-
 	.navbar-search .search-query,
 	.navbar-search .search-query:hover {
-		border: none;
+		margin-bottom: 0;
 		color: @grayLight;
 		.placeholder(@grayLight);
 		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
@@ -64,21 +47,46 @@
 		}
 	}
 
-	.nav-collapse.in .navbar-search {
-		border-top: none;
-		border-bottom: none;
-	}
+	.nav-collapse.collapse {
 
-	.nav-collapse.in > .nav li > a {
+		.navbar-search {
+			border-top: none;
+			border-bottom: none;
+		}
 
-		color: @textColor;
+		& > .nav li > a:hover {
+			background-color: @linkColor;
+			color: @white;
+			text-shadow: none;
+		}
 
 	}
 
-	.nav-collapse.in > .nav li > a:hover {
-		text-shadow: none;
-		color: @linkColor;
-		background-color: transparent;
+	&-inverse {
+		.brand {
+			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+
+			&:hover {
+				color: @white;
+			}
+		}
+
+		.nav > li > a {
+			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+		}
+
+		.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;
+		}
+
+		.nav-collapse.collapse {
+			.nav li > a,
+			.nav-header {
+				color: @grayLighter;
+			}
+		}
 	}
 }
 
@@ -138,6 +146,17 @@ div.subnav {
 
 .btn {
 	.buttonBackground(#F4F4F4, #ECECEC);
+	color: @textColor;
+	text-shadow: none;
+
+
+	&:hover,
+	&:active,
+	&.active,
+	&.disabled,
+	&[disabled] {
+		color: @grayDark;
+	}
 }
 
 .btn-primary {
@@ -164,6 +183,7 @@ div.subnav {
   .buttonBackground(lighten(@purple, 5%), @purple);
 }
 
+
 // FORMS
 // -----------------------------------------------------