bootswatch-rails 0.0.10 → 0.0.11

data/README.md

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

data/lib/bootswatch-rails/version.rb

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

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

@@ -0,0 +1,596 @@
+// Swatch: Superhero
+// Version: 2.0.2
+// -----------------------------------------------------
+
+// TYPOGRAPHY
+// --------------------------------------------------
+
+@import url(https://fonts.googleapis.com/css?family=Oswald);
+@import url(https://fonts.googleapis.com/css?family=Noticia+Text);
+
+h1, h2, h3, h4, h5, h6, legend, .navbar .brand,
+.navbar .nav > li > a,
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+	font-family: 'Oswald', sans-serif;
+	color: $orange;
+	text-shadow: -1px 1px 0 darken($orange, 30%);
+}
+
+h1, h2, legend, .navbar .brand,
+.navbar .nav > li > a {
+	text-shadow: -2px 2px 0 darken($orange, 30%);
+}
+
+h1 {
+	line-height: 55px;
+}
+
+// SCAFFOLDING
+// --------------------------------------------------
+
+code, pre {
+	background-color: lighten($blue, 8%);
+	border: none;
+	color: $textColor;
+}
+
+.prettyprint {
+	border: none;
+	text-decoration: none;
+}
+
+blockquote {
+	border-left: 5px solid $blue;
+}
+
+blockquote.pull-right {
+	border-right: 5px solid $blue;
+}
+
+// NAVBAR
+// --------------------------------------------------
+
+.navbar .nav > li.active > a {
+	color: $orange;
+}
+
+.navbar .brand:hover,
+.navbar .nav > li > a:hover,
+.navbar .nav > li.active > a:hover,
+.navbar .nav > li.dropdown.open > a,
+.navbar .nav > li.dropdown.open > a:hover {
+	position: relative;
+	top: 1px;
+	left: -1px;
+	color: $orange;
+	text-shadow: -1px 1px 0 darken($orange, 30%);
+}
+
+.navbar .navbar-inner {
+	@include box-shadow(none);
+	background-image: none;
+}
+
+.navbar .brand {
+	padding: 25px 20px 15px;
+	font-size: 30px;
+}
+
+.navbar .nav > li > a {
+	padding: 27px 20px 13px;
+	line-height: 30px;
+	font-size: 22px;
+}
+
+.navbar-search {
+	padding-top: 20px;
+}
+
+.navbar-search .search-query {
+	font-family: $baseFontFamily;
+	font-size: $baseFontSize;
+	line-height: $baseLineHeight;
+	color: $textColor;
+	background-color: $blue;
+	@include box-shadow(none);
+	border: none;
+}
+
+.navbar .divider-vertical {
+	height: 70px;
+}
+
+.dropdown .caret {
+	margin-top: 14px;
+	opacity: 1;
+	border-left: 6px solid transparent;
+	border-right: 6px solid transparent;
+	border-top: 6px solid lighten($blue, 10%);
+}
+
+.navbar .nav .dropdown-toggle .caret,
+.navbar .nav .open.dropdown .caret,
+.nav-pills .dropdown .caret,
+.nav-pills .dropdown:hover .caret {
+	border-top-color: $textColor;
+}
+
+.navbar .dropdown-menu::before {
+	border: none;
+}
+
+.navbar .dropdown-menu::after {
+	left: 20px;
+	border-left: 7px solid transparent;
+	border-right: 7px solid transparent;
+	border-bottom: 7px solid lighten($blue, 10%);
+}
+
+.navbar [class^="icon-"], .navbar [class*=" icon-"] {
+	vertical-align: 20%;
+}
+
+.navbar .btn-navbar {
+	background-color: $blue;
+	border-color: transparent;
+}
+
+.navbar .nav-collapse.in {
+	background-color: $blue;
+	@include border-radius(4px);
+
+	li > a {
+		color: $textColor;
+	}
+
+	li > a:hover {
+		color: $textColor;
+		background-color: lighten($blue, 10%);
+	}
+}
+
+.navbar .nav-collapse.in > .nav > li > a {
+	color: $orange;
+
+	&:hover {
+		background-color: lighten($blue, 10%);
+	}
+}
+
+.subnav.subnav-fixed {
+	top: 70px;
+}
+
+div.subnav {
+	background-color: $blue;
+	background-image: none;
+	border: none;
+
+	.nav > li > a,
+	.nav > li.active > a {
+		border-left: none;
+		border-right: none;
+		color: $textColor;
+	}
+
+	.nav > li > a:hover,
+	.nav > li.active > a:hover {
+		background-color: lighten($blue, 10%);
+	}
+}
+
+div.subnav .nav > li + li > a {
+	border-top: 0px solid transparent;
+}
+
+div.subnav .nav > li:first-child > a,
+div.subnav .nav > li:first-child > a:hover,
+div.subnav .nav > li.active:first-child > a,
+div.subnav .nav > li.active:first-child > a:hover {
+	@include border-radius(4px 0 0 4px);
+}
+
+div.subnav .nav > li.active > a,
+div.subnav .nav > li.active > a:hover {
+	color: $white;
+	background-color: $orange;
+	background-image: none;
+	@include box-shadow(none);
+}
+
+div.subnav.subnav-fixed {
+	@include box-shadow(none);
+
+	.nav > li > a,
+	.nav > li.active > a,
+	.nav > li > a:hover,
+	.nav > li.active > a:hover {
+		border-color: transparent;
+		padding-left: 12px;
+		padding-right: 12px;
+		@include border-radius(0);
+	}
+
+
+	.nav > li > a:hover,
+	.nav > li.active > a:hover {
+		color: $white;
+	}
+}
+
+.dropdown-menu {
+
+	.divider {
+		border-bottom: none;
+		background-color: $blue;
+	}
+}
+
+@media (max-width: 768px) {
+	div.subnav .nav > li:first-child > a,
+	div.subnav .nav > li:first-child > a:hover,
+	div.subnav .nav > li.active:first-child > a,
+	div.subnav .nav > li.active:first-child > a:hover {
+		@include border-radius(4px 4px 0 0);
+	}
+
+	div.subnav .nav > li:last-child > a,
+	div.subnav .nav > li:last-child > a:hover,
+	div.subnav .nav > li.active:last-child > a,
+	div.subnav .nav > li.active:last-child > a:hover {
+		@include border-radius(0 0 4px 4px);
+	}
+
+}
+
+// TABLES
+// -----------------------------------------------------
+
+.table,
+.table-striped tbody > tr > td:first-child,
+.table-striped tbody > tr > td:last-child, {
+	@include border-radius(4px);
+}
+
+// BUTTONS
+// --------------------------------------------------
+
+.btn,
+.btn:hover {
+	text-shadow: none;
+	background-image: none;
+	@include box-shadow(-2px 2px 0 darken($white, 80%));
+	border: none;
+}
+
+.btn-warning {
+	background-color: $yellow;
+}
+
+.btn-primary, .btn-primary:hover {
+	@include box-shadow(-2px 2px 0 darken($btnPrimaryBackground, 30%));
+}
+
+.btn-warning, .btn-warning:hover {
+	@include box-shadow(-2px 2px 0 darken($yellow, 30%));
+}
+
+.btn-danger, .btn-danger:hover {
+	@include box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
+}
+
+.btn-success, .btn-success:hover {
+	@include box-shadow(-2px 2px 0 darken(#62c462, 30%));
+}
+
+.btn-info, .btn-info:hover {
+	@include box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
+}
+
+.btn-inverse, .btn-inverse:hover {
+	@include box-shadow(-2px 2px 0 darken(#454545, 20%));
+}
+
+.btn.dropdown-toggle, .btn.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken($white, 80%));
+}
+
+.btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken($btnPrimaryBackground, 30%));
+}
+
+.btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken($yellow, 30%));
+}
+
+.btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken(#ee5f5b, 30%));
+}
+
+.btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken(#62c462, 30%));
+}
+
+.btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken(#5bc0de, 40%));
+}
+
+.btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
+	@include box-shadow(0 2px 0 darken(#454545, 20%));
+}
+
+.btn.active,
+.btn:active {
+	position: relative;
+	top: 1px;
+	left: -1px;
+	@include box-shadow(-1px 1px 0 darken($white, 80%))
+}
+
+.btn.disabled,
+.btn.disabled.active,
+.btn.disabled:active,
+.btn[disabled] {
+	@include box-shadow(none);
+	text-shadow: none;
+	top: 0;
+	left: 0;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	vertical-align: -13%;
+}
+
+// NAVIGATION
+// --------------------------------------------------
+
+.nav .nav-header {
+	color: $linkColor;
+	text-shadow:none;
+}
+
+.nav-list {
+	padding: 0 15px;
+}
+
+.nav-list > li > a, .nav-list .nav-header {
+	text-shadow: none;
+	color: $textColor;
+}
+
+.nav-list .active > a, .nav-list .active > a:hover {
+	text-shadow: none;
+	color: $white;
+}
+
+.nav-list li > a:hover {
+	background-color: lighten($blue, 10%);
+}
+
+.nav-tabs, .nav-tabs.nav-stacked > li > a {
+	border-color: transparent;
+}
+
+.nav-tabs {
+	> li > a {
+		background-color: $blue;
+		color: $textColor;
+	}
+
+	li.active > a,
+	li.active > a:hover,
+	&.nav-stacked > li.active > a:hover {
+		color: $white;
+		background-color: $orange;
+		border-color: transparent;
+	}
+
+	li > a:hover,
+	&.nav-stacked > li > a:hover {
+		background-color: lighten($blue, 10%);
+		border-color: transparent;
+	}
+}
+
+.nav-pills > li > a {
+	color: $textColor;
+	background-color: $blue;
+}
+
+.nav-pills > li:hover > a {
+	background-color: lighten($blue, 10%);
+	border-color: transparent;
+}
+
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > .open.active > a:hover {
+	background-color: lighten($blue, 10%);
+	border-color: transparent;
+}
+
+.dropdown.open .dropdown-menu > li > a:hover,
+.dropdown.open .dropdown-menu > li.active > a:hover {
+	background-color: $orange;
+	color: $white;
+}
+
+.tabbable .nav-tabs,
+.tabbable .nav-tabs > li.active > a,
+.tabbable .nav-tabs > li > a:hover,
+.tabbable .nav-tabs > li.active > a:hover {
+	border-color: transparent;
+}
+
+.breadcrumb {
+	background-color: $blue;
+	background-image: none;
+	border: none;
+	@include box-shadow(none);
+
+	li {
+		text-shadow: none;
+	}
+
+	.divider {
+		color: $textColor;
+	}
+}
+
+.pagination ul {
+
+	background-color: $blue;
+	background-image: none;
+	border-color: transparent;
+
+	li > a {
+		border: none;
+		color: $textColor;
+	}
+
+	li.active > a,
+	li.active > a:hover {
+		background: $orange;
+		color: $white;
+	}
+
+	li > a:hover {
+		background: lighten($blue, 10%);
+	}
+
+	li.disabled > a,
+	li.disabled > a:hover {
+		background: darken($blue, 5%);
+	}
+}
+
+.pager a {
+	color: $textColor;
+	background-color: $blue;
+	border-color: transparent;
+
+	&:hover {
+		background: lighten($blue, 10%);
+	}
+}
+
+// FORMS
+// --------------------------------------------------
+
+input, button, select, textarea {
+	font-family: 'Noticia Text', serif;
+}
+
+legend {
+	border-bottom: none;
+}
+
+label {
+	color: $textColor;
+	line-height: 15px;
+}
+
+.help-block {
+	color: $textColor;
+	opacity: 0.6;
+}
+
+.form-actions {
+	background-color: transparent;
+	border-top: none;
+}
+
+.control-group.warning {
+  @include formFieldState(lighten($warningText, 10%), lighten($warningText, 10%), $warningBackground);
+}
+
+.control-group.error {
+  @include formFieldState(lighten($errorText, 10%), lighten($errorText, 10%), $errorBackground);
+}
+
+.control-group.success {
+  @include formFieldState(lighten($successText, 10%), lighten($successText, 10%), $successBackground);
+}
+
+// MISCELLANEOUS
+// --------------------------------------------------
+
+.page-header {
+	border-bottom: none;
+}
+
+footer.footer {
+	border-top: 1px solid darken($blueDark, 5%);
+}
+
+.well {
+	background-color: $blue;
+	border: none;
+	@include box-shadow(none);
+}
+
+.progress {
+	background-color: darken($blueDark, 5%);
+	background-image: none;
+	@include box-shadow(none);
+
+	.bar {
+		@include box-shadow(none);
+	}
+}
+
+.thumbnail {
+	border: none;
+	background: $blue;
+	@include border-radius(3px);
+}
+
+.label {
+	background-color: $blue;
+  	color: $textColor;
+}
+
+.label-important {
+	background-color: $errorText;
+}
+
+.label-warning {
+	background-color: $orange;
+}
+
+.label-success {
+	background-color: $successText;
+}
+
+.label-info {
+	background-color: $infoText;
+}
+
+.alert {
+  background-color: $blue;
+  border: none;
+  color: $textColor;
+  text-shadow: none;
+
+  a {
+  	color: lighten($orange, 12%);
+  }
+}
+
+.alert .alert-heading {
+	color: $orange;
+}
+
+.alert-success {
+  background-color: $successText;
+}
+
+.alert-danger,
+.alert-error {
+  background-color: $errorText;
+}
+
+.alert-info {
+  background-color: $infoText;
+}
+

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

@@ -0,0 +1,202 @@
+// Variables to customize the look and feel of Bootstrap
+// Swatch: Superhero
+// Version: 2.0.2
+// -----------------------------------------------------
+
+
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+
+// Grays
+// -------------------------
+$black:                 #000;
+$grayDarker:            #222;
+$grayDark:              #333;
+$gray:                  #555;
+$grayLight:             #999;
+$grayLighter:           #eee;
+$white:                 #fff;
+
+
+// Accent colors
+// -------------------------
+$blue:                  #45515F;
+$blueDark:              #2A333C;
+$green:                 #5DA028;
+$red:                   #A12932;
+$yellow:                #E6C92E;
+$orange:                #E36B23;
+$pink:                  #C74871;
+$purple:                #7073CF;
+
+
+// Scaffolding
+// -------------------------
+$bodyBackground:        $blueDark;
+$textColor:             #ECE9D7;
+
+
+// Links
+// -------------------------
+$linkColor:             $orange;
+$linkColorHover:        $linkColor;
+
+
+// Typography
+// -------------------------
+$baseFontSize:          15px;
+$baseFontFamily:        Georgia, Utopia, Palatino, 'Palatino Linotype', serif;
+$baseLineHeight:        20px;
+$altFontFamily:         Georgia, "Times New Roman", Times, serif;
+
+$headingsFontFamily:    'Oswald', sans-serif; // empty to use BS default, $baseFontFamily
+$headingsFontWeight:    bold;    // instead of browser default, bold
+$headingsColor:         $orange; // empty to use BS default, $textColor
+
+
+// Tables
+// -------------------------
+$tableBackground:                   darken($blue, 3%); // overall background-color
+$tableBackgroundAccent:             $blue; // for striping
+$tableBackgroundHover:              lighten($blue, 5%); // for hover
+$tableBorder:                       transparent; // 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:            lighten($blue, 10%);
+$dropdownBorder:                rgba(0,0,0,0);
+$dropdownLinkColor:             $textColor;
+$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:                transparent;
+
+
+// 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:             #c09853;
+$warningBackground:       #fcf8e3;
+$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
+
+$errorText:               #b94a48;
+$errorBackground:         #f2dede;
+$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
+
+$successText:             #468847;
+$successBackground:       #dff0d8;
+$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
+
+$infoText:                #3a87ad;
+$infoBackground:          #d9edf7;
+$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.10
+  version: 0.0.11
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-03-18 00:00:00.000000000 Z
+date: 2012-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: &70212338911200 !ruby/object:Gem::Requirement
+  requirement: &70276339761440 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70212338911200
+  version_requirements: *70276339761440
 description: Bootswatches converted to SCSS ready to use in Rails 3 asset pipeline.
 email:
 - max@bitsonnet.com
@@ -55,6 +55,8 @@ files:
 - 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/superhero/_bootswatch.scss
+- vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
 - vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
 - vendor/assets/stylesheets/bootswatch/united/_variables.scss
 homepage: http://github.com/maxim/bootswatch-rails