bootswatch-rails 0.0.9 → 0.0.10

data/README.md

@@ -50,6 +50,7 @@ I'm converting/updating them as time permits. Here's what's included at this poi
 * [Simplex](http://bootswatch.com/simplex/)
 * [Slate](http://bootswatch.com/slate/)
 * [Spacelab](http://bootswatch.com/spacelab/)
+* [Spruce](http://bootswatch.com/spruce/)
 * [United](http://bootswatch.com/united/)
 
 ## Contributing

data/lib/bootswatch-rails/version.rb

@@ -1,5 +1,5 @@
 module Bootswatch
   module Rails
-    VERSION = "0.0.9"
+    VERSION = "0.0.10"
   end
 end

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

@@ -0,0 +1,483 @@
+// Swatch: Spruce
+// Version: 2.0.2
+// -----------------------------------------------------
+
+// TYPOGRAPHY
+// --------------------------------------------------
+
+@import url("https://fonts.googleapis.com/css?family=Josefin+Slab:400,700");
+
+.navbar .brand, legend, .btn,
+.navbar .nav > li > a,
+div.subnav li > a  {
+	font-family: $headingsFontFamily;
+	font-weight: $headingsFontWeight;
+}
+
+h3 { font-size: 20px; }
+h4 { font-size: 16px; }
+h5 { font-size: 14px; }
+
+h1, h2, h3, h4, h5, h6 {
+	color: $yellow;
+}
+
+h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
+	color: $linkColor;
+	font-family: $baseFontFamily;
+}
+
+.alert-heading {
+	font-family: $baseFontFamily;
+}
+
+// SCAFFOLDING
+// --------------------------------------------------
+
+body {
+	@include gradient-vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
+	background-size: 100% 1400px;
+	background-repeat: repeat-y !important;
+}
+
+blockquote {
+	border-left: 2px solid $linkColor;
+
+	&.pull-right {
+		border-right: 2px solid $linkColor;
+	}
+
+	small {
+		color: $blueDark;
+	}
+}
+
+code, pre {
+	color: lighten($blueDark, 10%);
+	background-color: $linkColor;
+}
+
+// NAVBAR
+// --------------------------------------------------
+
+.navbar-inner {
+	background-image: none;
+	@include box-shadow(none);
+}
+
+.navbar .brand {
+	font-size: 26px;
+	padding: 18px 20px 12px;
+	color: $linkColor;
+}
+
+.navbar .nav > li > a, {
+	font-size: 20px;
+	padding: 22px 10px 11px;
+	color: $linkColor;
+
+	&:hover {
+		color: $yellow;
+	}
+}
+
+.navbar .nav .active > a,
+.navbar .nav .active > a:hover {
+	color: $yellow;
+}
+
+.navbar-search {
+	margin-top: 12px;
+}
+
+.navbar-search .search-query {
+	border-color: transparent;
+	padding: 6px 9px 2px 9px;
+	background-color: rgba(255, 255, 255, 0.4);
+}
+
+.navbar .nav > .dropdown.open > a {
+	color: $yellow;
+}
+
+.navbar .nav > .dropdown.open > .dropdown-menu {
+	background-color: $linkColor;
+	color: $textColor;
+	border-color: transparent;
+}
+
+.navbar .nav > .dropdown.open > .dropdown-menu a:hover {
+	background-color: darken(#90A38F, 10%);
+	color: $linkColor;
+}
+
+.dropdown-menu .divider {
+	background-color: transparent;
+	border-bottom: 1px solid #AEAD8E;
+}
+
+div.subnav {
+	background-color: $green;
+	background-image: none;
+	border-color: transparent;
+	@include box-shadow(0 1px 5px rgba(0,0,0,.1));
+	font-size: 18px;
+}
+
+div.subnav .nav > li > a {
+	color: $linkColor;
+	border-color: transparent;
+	background-color: transparent;
+}
+
+div.subnav .nav > li.active > a,
+div.subnav .nav > li > a:hover,
+div.subnav .nav > li.active > a:hover,
+div.subnav .dropdown.open .dropdown-toggle {
+	background-color: transparent;
+	border-color: transparent;
+	color: $yellow;
+}
+
+div.subnav .nav > li + li > a {
+	border-color: transparent;
+}
+
+div.subnav .dropdown.open > .dropdown-menu {
+	background-color: $linkColor;
+	color: $textColor;
+	border-color: transparent;
+}
+
+div.subnav .dropdown.open > .dropdown-menu a:hover {
+	background-color: darken(#90A38F, 10%);
+	color: $linkColor;
+}
+
+div.subnav-fixed {
+	top: 54px;
+}
+
+.navbar .btn-navbar {
+	margin-top: 14px;
+}
+
+.navbar .nav-collapse.in .nav li > a {
+	color: $linkColor;
+
+	&:hover {
+		color: $yellow;
+		background-color: $blue;
+	}
+}
+
+.navbar .navbar-form, .navbar .navbar-search {
+	border-color: transparent;
+	@include box-shadow(none);
+}
+
+// TABLES
+// --------------------------------------------------
+
+.table,
+.table.table-bordered,
+.table.table-striped {
+	@include border-radius(0 0 8px 8px);
+}
+
+.table-bordered thead:first-child tr:first-child th:first-child,
+.table-bordered tbody:first-child tr:first-child td:first-child,
+.table-bordered thead:first-child tr:first-child th:last-child,
+.table-bordered tbody:first-child tr:first-child td:last-child {
+	@include border-radius(0);
+}
+
+.table-striped tbody:last-child tr:last-child td:first-child {
+	@include border-radius(0 0 0 8px);
+}
+
+.table-striped tbody:last-child tr:last-child td:last-child {
+	@include border-radius(0 0 8px 0);
+}
+
+.table-bordered {
+	border: none;
+}
+
+.table thead tr th:first-child,
+.table tbody tr td:first-child {
+	border-left: none;
+}
+
+.table th,
+.table-striped tbody tr:nth-child(odd) th {
+	background-color: darken(#90A38F, 10%);
+	color: $linkColor;
+}
+
+// BUTTONS
+// --------------------------------------------------
+
+.btn {
+  @include buttonBackground(lighten($blueDark, 5%), $blueDark);
+    text-shadow: none;
+    color: $white;
+	border-color: transparent;
+	@include box-shadow(none);
+
+	&:hover {
+		color: $grayLighter;
+	}
+}
+
+.btn-large {
+	font-size: 18px;
+}
+
+.btn-primary {
+	@include buttonBackground(lighten($blue, 10%), lighten($blue, 5%));
+}
+
+.btn-warning {
+  @include buttonBackground($orange, darken($orange, 5%));
+}
+
+.btn-danger {
+  @include buttonBackground(lighten($red, 5%), $red);
+}
+
+.btn-success {
+  @include buttonBackground(#62c462, #51a351);
+}
+
+.btn-info {
+  @include buttonBackground(#5bc0de, #2f96b4);
+}
+
+.btn-inverse {
+  @include buttonBackground($yellow, darken($yellow, 5%));
+}
+
+.btn-group .dropdown-toggle {
+	@include box-shadow(none);
+}
+
+// NAVIGATION
+// --------------------------------------------------
+
+.breadcrumb, .pagination > ul {
+	background-color: darken(#90A38F, 10%);
+	background-image: none;
+	border-color: transparent;
+	@include box-shadow(none);
+}
+
+.breadcrumb li {
+	color: $yellow;
+	text-shadow: none;
+
+	a {
+		color: $linkColor;
+	}
+
+	a:hover {
+		color: $yellow;
+	}
+
+	.divider {
+		color: $blue;
+	}
+}
+
+.pagination a {
+	color: $linkColor;
+	border-color: transparent;
+
+	&:hover {
+		color: $yellow;
+		background-color: #748C73;
+	}
+}
+
+.pagination .active a {
+	color: $blue;
+	background-color: #A2CDB5;
+}
+
+.pagination .disabled a,
+.pagination .disabled a:hover {
+	color: $blue;
+}
+
+.nav-list > li > a, .nav-list .nav-header {
+	text-shadow: none;
+}
+
+.nav-list .active > a, .nav-list .active > a:hover {
+	background-color: #A2CDB5;
+	text-shadow: none;
+}
+
+.nav-list li > a:hover {
+	background-color: transparent;
+}
+
+.nav-tabs {
+	border-color: transparent;
+}
+
+.nav-tabs > li > a,
+.nav-pills > li > a {
+	background-color: #748C73;
+
+	&:hover {
+		background-color: #748C73;
+		border-color: transparent;
+	}
+}
+
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-pills .active > a,
+.nav-pills .active > a:hover {
+	background-color: #A2CDB5;
+	border-color: transparent;
+	color: $blue;
+}
+
+.nav-tabs.nav-stacked > li > a {
+	border-color: transparent;
+
+	&:hover {
+		border-color: transparent;
+	}
+}
+
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle  {
+	background-color: #748C73;
+	border-color: transparent;
+	color: $yellow;
+}
+
+.nav-tabs .active.open .dropdown-toggle,
+.nav-pills .active.open .dropdown-toggle {
+	background-color: #A2CDB5;
+}
+
+.nav-tabs .dropdown-menu,
+.nav-pills .dropdown-menu {
+	background-color: $linkColor;
+	color: $textColor;
+	border-color: transparent;
+
+	a:hover {
+		background-color: #A2CDB5;
+		color: $linkColor;
+	}
+}
+
+.nav .nav-header {
+	color: $blue;
+}
+
+.tabbable > .nav-tabs,
+.tabbable > .nav-tabs > li > a,
+.tabbable > .nav-tabs > li > a:hover,
+.tabbable > .nav-tabs > li.active > a,
+.tabbable > .nav-tabs > li.active > a:hover  {
+	border-color: transparent;
+}
+
+.pager a {
+	border: none;
+	background-color: #748C73;
+
+	&:hover {
+		background-color: transparent;
+		background-color: #748C73;
+	}
+}
+
+// FORMS
+// --------------------------------------------------
+
+legend {
+	color: $yellow;
+}
+
+label, .help-block, input[type="file"] {
+	color: $linkColor;
+}
+
+input, textarea, select {
+	color: $textColor;
+}
+
+.uneditable-input {
+	color: $gray;
+}
+
+legend {
+	border-bottom: 2px solid $white;
+}
+
+.form-actions {
+	background-color: transparent;
+	border-top: none;
+	@include border-radius(4px);
+}
+
+// MISCELLANEOUS
+// --------------------------------------------------
+
+.alert {
+	text-shadow: none;
+	border: none;
+}
+
+.label {
+	color: $linkColor;
+	opacity: 1;
+	text-shadow: none;
+}
+
+.progress {
+	background-color: darken(#90A38F, 10%);
+	background-image: none;
+	@include box-shadow(none);
+
+	.bar {
+		background-image: none;
+		background-color: #A2CDB5;
+	}
+}
+
+.well {
+	background-color: darken(#90A38F, 10%);
+	border: none;
+	@include box-shadow(none);
+}
+
+.thumbnail {
+	border: none;
+	@include box-shadow(none);
+
+	img {
+		@include border-radius(4px);
+	}
+}
+
+hr {
+	border-top: none;
+	border-bottom: 2px solid $linkColor;
+}
+
+.page-header {
+	border-bottom: 2px solid $linkColor;
+	padding-bottom: 5px;
+}
+
+footer.footer {
+	border-top: 2px solid $linkColor;
+}

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

@@ -0,0 +1,202 @@
+// Variables to customize the look and feel of Bootstrap
+// Swatch: Spruce
+// Version: 2.0.2
+// -----------------------------------------------------
+
+
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+
+// Grays
+// -------------------------
+$black:                 #000;
+$grayDarker:            #222;
+$grayDark:              #333;
+$gray:                  #555;
+$grayLight:             #999;
+$grayLighter:           #eee;
+$white:                 #fff;
+
+
+// Accent colors
+// -------------------------
+$blue:                  #01584C;
+$blueDark:              #013435;
+$green:                 #015B4E;
+$red:                   #D14432;
+$yellow:                #EBD90B;
+$orange:                #FCB46B;
+$pink:                  #A15B66;
+$purple:                #7073CF;
+
+
+// Scaffolding
+// -------------------------
+$bodyBackground:        #AEAD8E;
+$textColor:             $blueDark;
+
+
+// Links
+// -------------------------
+$linkColor:             #F5F3DC;
+$linkColorHover:        $yellow;
+
+
+// Typography
+// -------------------------
+$baseFontSize:          14px;
+$baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
+$baseLineHeight:        21px;
+$altFontFamily:         Georgia, "Times New Roman", Times, serif;
+
+$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
+
+
+// Tables
+// -------------------------
+$tableBackground:                   #C3C7AE; // overall background-color
+$tableBackgroundAccent:             darken(#C3C7AE, 5%); // for striping
+$tableBackgroundHover:              darken(#C3C7AE, 10%); // for hover
+$tableBorder:                       $linkColor; // table and cell border
+
+
+// Buttons
+// -------------------------
+$btnBackground:                     $white;
+$btnBackgroundHighlight:            darken($white, 10%);
+$btnBorder:                         darken($white, 20%);
+
+$btnPrimaryBackground:              $linkColor;
+$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 15%);
+
+$btnInfoBackground:                 #5bc0de;
+$btnInfoBackgroundHighlight:        #2f96b4;
+
+$btnSuccessBackground:              #62c462;
+$btnSuccessBackgroundHighlight:     #51a351;
+
+$btnWarningBackground:              lighten($orange, 15%);
+$btnWarningBackgroundHighlight:     $orange;
+
+$btnDangerBackground:               #ee5f5b;
+$btnDangerBackgroundHighlight:      #bd362f;
+
+$btnInverseBackground:              $gray;
+$btnInverseBackgroundHighlight:     $grayDarker;
+
+
+// Forms
+// -------------------------
+$inputBackground:               $white;
+$inputBorder:                   #ccc;
+$inputDisabledBackground:       $grayLighter;
+
+
+// Dropdowns
+// -------------------------
+$dropdownBackground:            $white;
+$dropdownBorder:                rgba(0,0,0,.2);
+$dropdownLinkColor:             $grayDark;
+$dropdownLinkColorHover:        $white;
+$dropdownLinkBackgroundHover:   $linkColor;
+
+
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// Z-index master list
+// -------------------------
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+$zindexDropdown:          1000;
+$zindexPopover:           1010;
+$zindexTooltip:           1020;
+$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;
+
+
+// Hr border color
+// -------------------------
+$hrBorder:                $linkColor;
+
+
+// Navbar
+// -------------------------
+$navbarHeight:                    40px;
+$navbarBackground:                $blueDark;
+$navbarBackgroundHighlight:       $navbarBackground;
+
+$navbarText:                      $grayLight;
+$navbarLinkColor:                 $grayLight;
+$navbarLinkColorHover:            $white;
+$navbarLinkColorActive:           $navbarLinkColorHover;
+$navbarLinkBackgroundHover:       transparent;
+$navbarLinkBackgroundActive:      $navbarBackground;
+
+$navbarSearchBackground:          lighten($navbarBackground, 25%);
+$navbarSearchBackgroundFocus:     $white;
+$navbarSearchBorder:              darken($navbarSearchBackground, 30%);
+$navbarSearchPlaceholderColor:    #ccc;
+
+
+// Hero unit
+// -------------------------
+$heroUnitBackground:              $grayLighter;
+$heroUnitHeadingColor:            inherit;
+$heroUnitLeadColor:               inherit;
+
+
+// Form states and alerts
+// -------------------------
+$warningText:             $orange;
+$warningBackground:       darken(#90A38F, 10%);
+$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
+
+$errorText:               lighten($red, 25%);
+$errorBackground:         darken(#90A38F, 10%);
+$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
+
+$successText:             #9ED99C;
+$successBackground:       darken(#90A38F, 10%);
+$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
+
+$infoText:                #9BCACD;
+$infoBackground:          darken(#90A38F, 10%);
+$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
+
+
+
+
+// GRID
+// --------------------------------------------------
+
+// Default 940px grid
+// -------------------------
+$gridColumns:             12;
+$gridColumnWidth:         60px;
+$gridGutterWidth:         20px;
+$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
+
+
+// Fluid grid
+// -------------------------
+$fluidGridColumnWidth:    6.382978723%;
+$fluidGridGutterWidth:    2.127659574%;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bootswatch-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 0.0.10
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: &70217166556280 !ruby/object:Gem::Requirement
+  requirement: &70212338911200 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70217166556280
+  version_requirements: *70212338911200
 description: Bootswatches converted to SCSS ready to use in Rails 3 asset pipeline.
 email:
 - max@bitsonnet.com
@@ -53,6 +53,8 @@ files:
 - vendor/assets/stylesheets/bootswatch/slate/_variables.scss
 - vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
 - vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
+- vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss
+- vendor/assets/stylesheets/bootswatch/spruce/_variables.scss
 - vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
 - vendor/assets/stylesheets/bootswatch/united/_variables.scss
 homepage: http://github.com/maxim/bootswatch-rails