less-rails-bootswatch 0.2.11 → 0.3.0

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

@@ -1,10 +1,11 @@
-// Variables.less
-// Variables to customize the look and feel of Bootstrap
+//
+// Variables
 // Swatch: Spruce
-// Version: 2.0.4
-// -----------------------------------------------------
+// Version: 2.1.0
+// --------------------------------------------------
+
 
-// GLOBAL VALUES
+// Global values
 // --------------------------------------------------
 
 
@@ -26,20 +27,20 @@
 @green:                 #015B4E;
 @red:                   #D14432;
 @yellow:                #EBD90B;
-@orange:                #FCB46B;
+@orange:                #EE7026;
 @pink:                  #A15B66;
 @purple:                #7073CF;
 
 
 // Scaffolding
 // -------------------------
-@bodyBackground:        #AEAD8E;
+@bodyBackground:        #90A38F;
 @textColor:             @blueDark;
 
 
 // Links
 // -------------------------
-@linkColor:             #F5F3DC;
+@linkColor:             @yellow;
 @linkColorHover:        @yellow;
 
 
@@ -56,7 +57,7 @@
 
 @headingsFontFamily:    'Josefin Slab', serif; // empty to use BS default, @baseFontFamily
 @headingsFontWeight:    700;    // instead of browser default, bold
-@headingsColor:         inherit; // empty to use BS default, @textColor
+@headingsColor:         #F5F3DC; // empty to use BS default, @textColor
 
 
 // Tables
@@ -64,7 +65,7 @@
 @tableBackground:                   #C3C7AE; // overall background-color
 @tableBackgroundAccent:             darken(#C3C7AE, 5%); // for striping
 @tableBackgroundHover:              darken(#C3C7AE, 10%); // for hover
-@tableBorder:                       @linkColor; // table and cell border
+@tableBorder:                       @headingsColor; // table and cell border
 
 
 // Buttons
@@ -104,12 +105,17 @@
 // -------------------------
 @dropdownBackground:            @white;
 @dropdownBorder:                rgba(0,0,0,.2);
-@dropdownLinkColor:             @grayDark;
-@dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @linkColor;
 @dropdownDividerTop:            transparent;
 @dropdownDividerBottom:         @bodyBackground;
 
+@dropdownLinkColor:             @grayDark;
+
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   rgba(0, 0, 0, 0.1);
+
+@dropdownLinkColorActive:       @dropdownLinkColorHover;
+@dropdownLinkBackgroundActive:  @dropdownLinkBackgroundHover;
+
 
 
 // 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;
@@ -135,7 +141,7 @@
 
 // Input placeholder text color
 // -------------------------
-@placeholderText:         @grayLight;
+@placeholderText:         #ccc;
 
 
 // Hr border color
@@ -143,56 +149,104 @@
 @hrBorder:                @linkColor;
 
 
+// Wells
+// -------------------------
+@wellBackground:                  darken(#90A38F, 10%);
+
+
 // Navbar
 // -------------------------
-@navbarHeight:                    40px;
+@navbarCollapseWidth:             979px;
+
+@navbarHeight:                    50px;
 @navbarBackground:                @blueDark;
 @navbarBackgroundHighlight:       @navbarBackground;
+@navbarBorder:                    darken(@navbarBackground, 5%);
 
 @navbarText:                      @grayLight;
-@navbarLinkColor:                 @linkColor;
+@navbarLinkColor:                 @headingsColor;
 @navbarLinkColorHover:            @yellow;
 @navbarLinkColorActive:           @navbarLinkColorHover;
 @navbarLinkBackgroundHover:       transparent;
 @navbarLinkBackgroundActive:      @navbarBackground;
 
-@navbarSearchBackground:          lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus:     @white;
-@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor:    #ccc;
-@navbarBrandColor:                @linkColor;
+@navbarBrandColor:                @headingsColor;
+
+// Inverted navbar
+@navbarInverseBackground:                @wellBackground;
+@navbarInverseBackgroundHighlight:       lighten(@wellBackground, 5%);
+@navbarInverseBorder:                    darken(@navbarInverseBackground, 5%);
+
+@navbarInverseText:                      @grayLight;
+@navbarInverseLinkColor:                 @headingsColor;
+@navbarInverseLinkColorHover:            @yellow;
+@navbarInverseLinkColorActive:           @yellow;
+@navbarInverseLinkBackgroundHover:       transparent;
+@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;
+
+@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
+@navbarInverseSearchBackgroundFocus:     @white;
+@navbarInverseSearchBorder:              @navbarInverseBackground;
+@navbarInverseSearchPlaceholderColor:    @white;
+
+@navbarInverseBrandColor:                @navbarInverseLinkColor;
+
+
+// Pagination
+// -------------------------
+@paginationBackground:                darken(#90A38F, 10%);
+@paginationBorder:                    transparent;
+@paginationActiveBackground:          #A2CDB5;
 
 
 // Hero unit
 // -------------------------
 @heroUnitBackground:              darken(#90A38F, 10%);
-@heroUnitHeadingColor:            inherit;
+@heroUnitHeadingColor:            @headingsColor;
 @heroUnitLeadColor:               inherit;
 
 
 // Form states and alerts
 // -------------------------
-@warningText:             @orange;
-@warningBackground:       darken(#90A38F, 10%);
+@warningText:             @white;
+@warningBackground:       @orange;
 @warningBorder:           darken(spin(@warningBackground, -10), 3%);
 
-@errorText:               lighten(@red, 25%);
-@errorBackground:         darken(#90A38F, 10%);
+@errorText:               @white;
+@errorBackground:         @red;
 @errorBorder:             darken(spin(@errorBackground, -10), 3%);
 
-@successText:             #9ED99C;
-@successBackground:       darken(#90A38F, 10%);
+@successText:             @white;
+@successBackground:       #24C00B;
 @successBorder:           darken(spin(@successBackground, -10), 5%);
 
-@infoText:                #9BCACD;
-@infoBackground:          darken(#90A38F, 10%);
+@infoText:                @white;
+@infoBackground:          #185AF9;
 @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/superhero/bootswatch.less

@@ -1,6 +1,6 @@
 // Bootswatch.less
 // Swatch: Superhero
-// Version: 2.0.4
+// Version: 2.1.0
 // -----------------------------------------------------
 
 // TYPOGRAPHY
@@ -64,25 +64,13 @@ blockquote.pull-right {
 	}
 
 	.nav > li > a {
-		padding: 27px 20px 13px;
+		padding: 23px 20px 13px;
 		line-height: 30px;
 		font-family: @headingsFontFamily;
 		font-size: 22px;
 		text-shadow: -2px 2px 0 darken(@orange, 30%);
 	}
 
-	.navbar-text {
-		padding: 27px 20px 13px;
-		line-height: 30px;
-		font-family: @headingsFontFamily;
-		font-size: 22px;
-		text-shadow: -2px 2px 0 @gray;
-	}
-
-	.nav > li.active > a {
-		color: @orange;
-	}
-
 	.brand:hover,
 	.nav > li > a:hover,
 	.nav > li.active > a:hover,
@@ -95,18 +83,33 @@ blockquote.pull-right {
 		text-shadow: -1px 1px 0 darken(@orange, 30%);
 	}
 
+	.nav > .active > a,
+	.nav > .active > a:hover,
+	.nav > .active > a:focus {
+		.box-shadow(none);
+	}
+
+	.navbar-text {
+		padding: 23px 20px 13px;
+		line-height: 30px;
+		font-family: @headingsFontFamily;
+		font-size: 22px;
+		text-shadow: -2px 2px 0 @gray;
+	}
+
 	.navbar-search {
-		padding-top: 20px;
+		margin-top: 24px;
 	}
 
 	.navbar-search .search-query {
 		font-family: @baseFontFamily;
 		font-size: @baseFontSize;
 		line-height: @baseLineHeight;
-		color: @textColor;
-		background-color: @blue;
 		.box-shadow(none);
-		border: none;
+	}
+
+	&.navbar-inverse .navbar-search .search-query {
+		color: @blueDark;
 	}
 
 	.divider-vertical {
@@ -115,6 +118,7 @@ blockquote.pull-right {
 
 	.nav .dropdown-toggle .caret,
 	.nav .open.dropdown .caret {
+		margin-top: 14px;
 		border-top-color: @textColor;
 	}
 
@@ -138,25 +142,28 @@ blockquote.pull-right {
 		border-color: transparent;
 	}
 
-	.nav-collapse.in {
-		background-color: @blue;
+	.nav-collapse.collapse {
+
 		.border-radius(4px);
 
-		li > a {
-			color: @textColor;
+		.navbar-form,
+		.navbar-search {
+			border-top: none;
+			border-bottom: none;
+			.box-shadow(none);
 		}
 
-		li > a:hover {
+		.nav-header {
 			color: @textColor;
-			background-color: lighten(@blue, 10%);
 		}
-	}
 
-	.nav-collapse.in > .nav > li > a {
-		color: @orange;
+		.nav li > a {
+			color: @orange;
 
-		&:hover {
-			background-color: lighten(@blue, 10%);
+			&:hover {
+				background-color: lighten(@blue, 10%);
+				background-image: none;
+			}
 		}
 	}
 }
@@ -264,7 +271,7 @@ div.subnav {
 .btn:hover {
 	text-shadow: none;
 	background-image: none;
-	.box-shadow(-2px 2px 0 darken(@white, 80%));
+	.box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
 	border: none;
 }
 
@@ -350,8 +357,8 @@ div.subnav {
 // --------------------------------------------------
 
 .nav .nav-header {
-	color: @linkColor;
-	text-shadow:none;
+	color: @textColor;
+	text-shadow: none;
 }
 
 .nav-list {
@@ -447,11 +454,12 @@ div.subnav {
 	}
 }
 
-.pagination ul {
+.pagination {
 
-	background-color: @blue;
-	background-image: none;
-	border-color: transparent;
+	ul {
+		background-image: none;
+		border-color: transparent;
+	}
 
 	li > a {
 		border: none;
@@ -460,7 +468,7 @@ div.subnav {
 
 	li.active > a,
 	li.active > a:hover {
-		background: @orange;
+		background-color: @orange;
 		color: @white;
 	}
 
@@ -474,13 +482,21 @@ div.subnav {
 	}
 }
 
-.pager a {
-	color: @textColor;
-	background-color: @blue;
-	border-color: transparent;
+.pager {
 
-	&:hover {
-		background: lighten(@blue, 10%);
+	a {
+		color: @textColor;
+		background-color: @blue;
+		border-color: transparent;
+
+		&:hover {
+			background: lighten(@blue, 10%);
+		}
+	}
+
+	.disabled a,
+	.disabled a:hover {
+		background-color: @blue;
 	}
 }
 
@@ -521,6 +537,13 @@ label {
   .formFieldState(lighten(@successText, 10%), lighten(@successText, 10%), @successBackground);
 }
 
+.input-append .add-on,
+.input-prepend .add-on,
+.input-append .btn,
+.input-prepend .btn {
+	color: @bodyBackground;
+}
+
 // MODALS
 // --------------------------------------------------
 
@@ -551,12 +574,7 @@ label {
 	border-bottom: none;
 }
 
-footer.footer {
-	border-top: 1px solid darken(@blueDark, 5%);
-}
-
 .well, .hero-unit {
-	background-color: @blue;
 	border: none;
 	.box-shadow(none);
 }

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

@@ -1,10 +1,7 @@
-// Variables.less
-// Variables to customize the look and feel of Bootstrap
+//
+// Variables
 // Swatch: Superhero
-// Version: 2.0.4
-// -----------------------------------------------------
-
-// GLOBAL VALUES
+// Version: 2.1.0
 // --------------------------------------------------
 
 
@@ -103,13 +100,18 @@
 // Dropdowns
 // -------------------------
 @dropdownBackground:            lighten(@blue, 10%);
-@dropdownBorder:                rgba(0,0,0,0);
-@dropdownLinkColor:             @textColor;
-@dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @linkColor;
+@dropdownBorder:                transparent;
 @dropdownDividerTop:            transparent;
 @dropdownDividerBottom:         @blue;
 
+@dropdownLinkColor:             @textColor;
+
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
+
+@dropdownLinkColorActive:       @dropdownLinkColor;
+@dropdownLinkBackgroundActive:  @linkColor;
+
 
 
 // COMPONENT VARIABLES
@@ -121,7 +123,7 @@
 // Try to avoid customizing these :)
 @zindexDropdown:          1000;
 @zindexPopover:           1010;
-@zindexTooltip:           1020;
+@zindexTooltip:           1030;
 @zindexFixedNavbar:       1030;
 @zindexModalBackdrop:     1040;
 @zindexModal:             1050;
@@ -143,11 +145,19 @@
 @hrBorder:                transparent;
 
 
+// Wells
+// -------------------------
+@wellBackground:                  @blue;
+
+
 // Navbar
 // -------------------------
-@navbarHeight:                    40px;
+@navbarCollapseWidth:             979px;
+
+@navbarHeight:                    70px;
 @navbarBackground:                @blueDark;
 @navbarBackgroundHighlight:       @navbarBackground;
+@navbarBorder:                    darken(@navbarBackground, 5%);
 
 @navbarText:                      @grayLight;
 @navbarLinkColor:                 @orange;
@@ -156,12 +166,34 @@
 @navbarLinkBackgroundHover:       transparent;
 @navbarLinkBackgroundActive:      @navbarBackground;
 
-@navbarSearchBackground:          lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus:     @white;
-@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor:    #ccc;
 @navbarBrandColor:                @navbarLinkColor;
 
+// Inverted navbar
+@navbarInverseBackground:                @blue;
+@navbarInverseBackgroundHighlight:       @navbarInverseBackground;
+@navbarInverseBorder:                    darken(@navbarBackground, 5%);
+
+@navbarInverseText:                      @grayLight;
+@navbarInverseLinkColor:                 @orange;
+@navbarInverseLinkColorHover:            @orange;
+@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
+@navbarInverseLinkBackgroundHover:       transparent;
+@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;
+
+@navbarInverseSearchBackground:          @white;
+@navbarInverseSearchBackgroundFocus:     @white;
+@navbarInverseSearchBorder:              @navbarInverseBackground;
+@navbarInverseSearchPlaceholderColor:    @grayLight;
+
+@navbarInverseBrandColor:                @navbarInverseLinkColor;
+
+
+// Pagination
+// -------------------------
+@paginationBackground:                @blue;
+@paginationBorder:                    transparent;
+@paginationActiveBackground:          @orange;
+
 
 // Hero unit
 // -------------------------
@@ -189,10 +221,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 +250,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);