less-rails-bootswatch 0.2.11 → 0.3.0

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

@@ -1,8 +1,9 @@
-// Variables.less
-// Variables to customize the look and feel of Bootstrap
+//
+// Variables
 // Swatch: Cerulean
-// Version: 2.0.4
-// -----------------------------------------------------
+// Version: 2.1.0
+// --------------------------------------------------
+
 
 // GLOBAL VALUES
 // --------------------------------------------------
@@ -39,7 +40,7 @@
 
 // Links
 // -------------------------
-@linkColor:             #369BD7;
+@linkColor:             #2FA4E7;
 @linkColorHover:        darken(@linkColor, 15%);
 
 
@@ -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:         @monoFontFamily;
 
 @headingsFontFamily:    'Telex', sans-serif; // empty to use BS default, @baseFontFamily
@@ -104,12 +105,17 @@
 // -------------------------
 @dropdownBackground:            @white;
 @dropdownBorder:                rgba(0,0,0,.2);
-@dropdownLinkColor:             @grayDark;
-@dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @linkColor;
 @dropdownDividerTop:            #e5e5e5;
 @dropdownDividerBottom:         @white;
 
+@dropdownLinkColor:             @grayDark;
+
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
+
+@dropdownLinkColorActive:       @dropdownLinkColor;
+@dropdownLinkBackgroundActive:  @linkColor;
+
 
 
 // COMPONENT VARIABLES
@@ -143,25 +149,55 @@
 @hrBorder:                @grayLighter;
 
 
+// Wells
+// -------------------------
+@wellBackground:                  #f5f5f5;
+
+
 // Navbar
 // -------------------------
+@navbarCollapseWidth:             979px;
+
 @navbarHeight:                    50px;
 @navbarBackground:                @linkColor;
-@navbarBackgroundHighlight:       lighten(@linkColor, 10%);
+@navbarBackgroundHighlight:       lighten(@linkColor, 8%);
+@navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @grayLighter;
-@navbarLinkColor:                 @grayLighter;
+@navbarLinkColor:                 @white;
 @navbarLinkColorHover:            @white;
 @navbarLinkColorActive:           @navbarLinkColorHover;
-@navbarLinkBackgroundHover:       transparent;
+@navbarLinkBackgroundHover:       rgba(0,0,0,.2);
 @navbarLinkBackgroundActive:      rgba(0,0,0,.2);
 
-@navbarSearchBackground:          lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus:     @white;
-@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor:    @white;
 @navbarBrandColor:                @navbarLinkColor;
 
+// Inverted navbar
+@navbarInverseBackground:                #eee;
+@navbarInverseBackgroundHighlight:       lighten(@navbarInverseBackground, 5%);
+@navbarInverseBorder:                    rgba(0, 0, 0, 0.1);
+
+@navbarInverseText:                      @textColor;
+@navbarInverseLinkColor:                 @textColor;
+@navbarInverseLinkColorHover:            @textColor;
+@navbarInverseLinkColorActive:           @textColor;
+@navbarInverseLinkBackgroundHover:       rgba(0,0,0,.05);
+@navbarInverseLinkBackgroundActive:      rgba(0,0,0,.05);
+
+@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
+@navbarInverseSearchBackgroundFocus:     @white;
+@navbarInverseSearchBorder:              @navbarInverseBackground;
+@navbarInverseSearchPlaceholderColor:    #ccc;
+
+@navbarInverseBrandColor:                @navbarInverseLinkColor;
+
+
+// Pagination
+// -------------------------
+@paginationBackground:                #fff;
+@paginationBorder:                    #ddd;
+@paginationActiveBackground:          #f5f5f5;
+
 
 // Hero unit
 // -------------------------
@@ -185,14 +221,32 @@
 @successBorder:           darken(spin(@successBackground, -10), 5%);
 
 @infoText:                darken(#908A62, 5%);
-@infoBackground:          #EDEBE1;
+@infoBackground:          #A7DFF1;
 @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/cyborg/bootswatch.less

@@ -1,6 +1,6 @@
 // Bootswatch.less
 // Swatch: Cyborg
-// Version: 2.0.4
+// Version: 2.1.0
 // -----------------------------------------------------
 
 // TYPOGRAPHY
@@ -8,17 +8,6 @@
 
 @import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
 
-.navbar {
-	font-size: 16px;
-}
-
-.navbar .brand,
-.navbar .nav-collapse.in .nav li > a {
-	color: @grayLighter;
-	font-weight: normal;
-	text-shadow: none;
-}
-
 label, input, button, select, textarea,
 .navbar .search-query:-moz-placeholder,
 .navbar .search-query::-webkit-input-placeholder {
@@ -51,36 +40,60 @@ body {
 
 .navbar {
 
+	font-size: 16px;
+
 	.navbar-inner {
-	  .border-radius(0);
-	  .box-shadow(none);
-	  border-bottom: 2px solid @blue
+		.border-radius(0);
+		.box-shadow(none);
+		border-bottom: 2px solid @blue
 	}
 
 	.brand {
-		padding: 12px 20px 8px;
-
-		&:hover {
-				border-bottom: 3px solid @blue
-		}
+		padding: 12px 20px 11px;
+		color: @grayLighter;
+		font-weight: normal;
+		text-shadow: none;
 	}
 
-	.navbar-text {
-		line-height: 43px;
+	li {
+		line-height: 19px;
 	}
 
-	.nav li > a {
+	.nav > li > a {
 		padding: 13px 10px 8px;
-		border-bottom: 3px solid rgba(0, 0, 0, 0);
-		border-left: 1px solid #222;
+		border-bottom: 3px solid transparent;
+		border-left: 1px solid rgba(255, 255, 255, 0.1);
 
 		&:hover {
 			border-bottom: 3px solid @blue
 		}
 	}
 
-	.nav .active > a {
-		border-bottom: 3px solid @blue
+	.nav > .active > a {
+		border-bottom: 3px solid @blue;
+	}
+
+	.nav .active > a,
+	.nav .active > a:hover,
+	.nav .active > a:focus {
+		.box-shadow(none);
+	}
+
+	.nav > li > .dropdown-menu::before,
+	.nav > li > .dropdown-menu::after {
+		display: none;
+	}
+
+	.dropdown-menu li > a:hover,
+	.dropdown-menu li > a:focus,
+	.dropdown-submenu:hover > a {
+		background-image: none;
+	}
+
+	.navbar-text {
+		margin-left: 15px;
+		margin-right: 15px;
+		line-height: 43px;
 	}
 
 	.search-query,
@@ -93,35 +106,65 @@ body {
 		.placeholder(@gray);
 	}
 
-	.nav li.dropdown.active.open .dropdown-toggle:hover {
-		border-bottom: 3px solid @blue;
-		border-left: 1px solid #222;
-	}
+	.nav-collapse.collapse {
 
-	.dropdown-menu::before,
-	.dropdown-menu::after {
-		display: none;
-	}
+		.nav li > a {
+			border-left: 0;
+			color: @grayLighter;
+			font-weight: normal;
+			text-shadow: none;
 
-	.nav-collapse.in .nav > li > a {
-		border-left: 0;
-	}
+			&:hover {
+				background-color: @blue;
+			}
+		}
 
-	.nav-collapse.in .nav a:hover {
-		background-color: @blue;
+		.nav .active > a {
+			background-color: @blue;
+		}
+
+		.navbar-form,
+		.navbar-search {
+			border-top: none;
+			border-bottom: none;
+		}
+
+		.nav-header {
+			color: rgba(128, 128, 128, 0.6);
+		}
 	}
 
+	&-inverse {
+
+		.navbar-inner {
+			border: none;
+			border-bottom: 3px solid @black;
+		}
+
+		.brand:hover {
+			border-bottom: none;
+			background-color: @black;
+		}
+
+		.nav li > a:hover {
+			border-bottom-color: transparent;
+		}
+
+		.nav .active > a {
+			border-bottom-color: transparent;
+		}
+	}
 }
 
 .dropdown-menu {
 	background-color: #191A1A;
-	border-left: solid 1px rgba(255, 255, 255, 0.1);
+	// border-left: solid 1px rgba(255, 255, 255, 0.1);
 	.box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
 }
 
 .dropdown-menu li > a:hover {
 	background-color: @blue;
-	border-bottom: 3px solid transparent;
+	// border-bottom: 3px solid transparent;
 }
 
 div.subnav {
@@ -303,6 +346,30 @@ div.subnav {
 		background-color: @blue;
 		color: @white;
 	}
+
+	.disabled span,
+	.disabled a,
+	.disabled a:hover {
+		background-color: rgba(0, 0, 0, 0.2);
+	}
+}
+
+.pager {
+
+	a {
+		background-color: @bodyBackground;
+		border: none;
+
+		&:hover {
+			background-color: @blue;
+		}
+	}
+
+	.disabled a,
+	.disabled a:hover {
+		background-color: @bodyBackground;
+	}
+
 }
 
 // BUTTONS
@@ -422,7 +489,31 @@ select:focus {
 // MISCELLANEOUS
 // -----------------------------------------------------
 
-.table, .well, .hero-unit, .prettyprint, input, textarea, select {
+.table {
+
+	.border-radius(1px);
+
+	tbody tr.success td {
+		background-color: @green;
+		color: @white;
+	}
+
+	tbody tr.error td {
+		background-color: @red;
+		color: @white;
+	}
+
+	tbody tr.info td {
+		background-color: @blue;
+		color: @white;
+	}
+
+
+}
+
+
+
+.well, .hero-unit, .prettyprint, input, textarea, select {
 	.border-radius(1px);
 }
 
@@ -431,7 +522,6 @@ code, pre {
 }
 
 .well, .hero-unit {
-	background-color: #131517;
 	border-top: solid 1px lighten(@grayDark, 5%);
 	.box-shadow(0 2px 4px rgba(0,0,0,.8));
 }

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

@@ -1,10 +1,11 @@
-// Variables.less
-// Variables to customize the look and feel of Bootstrap
+//
+// Variables
 // Swatch: Cyborg
-// Version: 2.0.4
-// -----------------------------------------------------
+// Version: 2.1.0
+// --------------------------------------------------
+
 
-// GLOBAL VALUES
+// Global values
 // --------------------------------------------------
 
 
@@ -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,11 +105,16 @@
 // -------------------------
 @dropdownBackground:            @white;
 @dropdownBorder:                rgba(0,0,0,.2);
+@dropdownDividerTop:            transparent;
+@dropdownDividerBottom:         #222;
+
 @dropdownLinkColor:             @textColor;
+
 @dropdownLinkColorHover:        @white;
 @dropdownLinkBackgroundHover:   @linkColor;
-@dropdownDividerTop:            transparent;
-@dropdownDividerBottom:         #222;
+
+@dropdownLinkColorActive:       @dropdownLinkColor;
+@dropdownLinkBackgroundActive:  @linkColor;
 
 
 
@@ -143,11 +149,19 @@
 @hrBorder:                @gray;
 
 
+// Wells
+// -------------------------
+@wellBackground:                  #131517;
+
+
 // Navbar
 // -------------------------
+@navbarCollapseWidth:             979px;
+
 @navbarHeight:                    40px;
 @navbarBackground:                @grayDarker;
 @navbarBackgroundHighlight:       @grayDarker;
+@navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @grayLight;
 @navbarLinkColor:                 @grayLight;
@@ -156,12 +170,34 @@
 @navbarLinkBackgroundHover:       transparent;
 @navbarLinkBackgroundActive:      @navbarBackground;
 
-@navbarSearchBackground:          lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus:     @white;
-@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor:    #ccc;
 @navbarBrandColor:                @navbarLinkColor;
 
+// Inverted navbar
+@navbarInverseBackground:                #252A30;
+@navbarInverseBackgroundHighlight:       #252A30;
+@navbarInverseBorder:                    transparent;
+
+@navbarInverseText:                      @grayLighter;
+@navbarInverseLinkColor:                 @grayLighter;
+@navbarInverseLinkColorHover:            @white;
+@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
+@navbarInverseLinkBackgroundHover:       @black;
+@navbarInverseLinkBackgroundActive:      @navbarInverseLinkBackgroundHover;
+
+@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
+@navbarInverseSearchBackgroundFocus:     @white;
+@navbarInverseSearchBorder:              @navbarInverseBackground;
+@navbarInverseSearchPlaceholderColor:    @white;
+
+@navbarInverseBrandColor:                @navbarInverseLinkColor;
+
+
+// Pagination
+// -------------------------
+@paginationBackground:                @bodyBackground;
+@paginationBorder:                    #ddd;
+@paginationActiveBackground:          @blue;
+
 
 // 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);