bootswatch-rails 0.0.12 → 0.1.0

data/.gitignore

@@ -15,3 +15,4 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+.rvmrc

data/lib/bootswatch-rails/version.rb

@@ -1,5 +1,5 @@
 module Bootswatch
   module Rails
-    VERSION = "0.0.12"
+    VERSION = "0.1.0"
   end
 end

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

@@ -15,7 +15,7 @@
 // -----------------------------------------------------
 
 .navbar-inner {
-  @include gradient-vertical-three-colors($navbarBackground, $navbarBackground, 90%, $navbarBackgroundHighlight);
+  @include gradient-vertical-three-colors($navbarBackground, $navbarBackground, .9, $navbarBackgroundHighlight);
 }
 
 .navbar .nav .active > a,
@@ -54,7 +54,7 @@
 // -----------------------------------------------------
 
 .btn {
-  @include gradient-vertical-three-colors($white, $white, 5%, darken($white, 0%));
+  @include gradient-vertical-three-colors($white, $white, .05, darken($white, 0%));
   $shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   @include box-shadow($shadow);
 

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

@@ -40,7 +40,12 @@ blockquote {
 // SCAFFOLDING
 // -----------------------------------------------------
 
+html {
+	min-height: 100%;
+}
+
 body {
+	min-height: 100%;
 	@include gradient-vertical ($bodyBackground, #252A30);
 }
 

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

@@ -1,90 +1,437 @@
+// Bootswatch.less
 // Swatch: Simplex
-// Version: 2.0.2
+// Version: 2.1.1
 // -----------------------------------------------------
 
+$boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+
 // TYPOGRAPHY
 // -----------------------------------------------------
 
-h6 {
-	color: $black;
+@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
+
+// SCAFFOLDING
+// -----------------------------------------------------
+
+hr {
+	border-bottom: none;
 }
 
 // NAVBAR
 // -----------------------------------------------------
 
-.navbar .brand, .subnav a {
-	color: $navbarText;
-}
+.navbar {
+
+	.navbar-inner {
+		@include box-shadow(none);
+	}
+
+	.brand {
+		padding: 12px 20px 8px;
+		font-family: $headingsFontFamily;
+		font-weight: bold;
+
+		&:hover {
+			color: $linkColor;
+		}
+	}
+
+	.nav > li > a {
+		padding: 13px 15px 6px;
+		font-family: $headingsFontFamily;
+		font-weight: bold;
+		text-shadow: none;
+
+		&:hover {
+			text-decoration: none;
+		}
+	}
+
+	.nav .active > a,
+	.nav .active > a:hover {
+		background-color: transparent;
+	}
+
+	.navbar-text {
+		padding: 13px 15px 7px;
+		line-height: 19px;
+		font-family: $headingsFontFamily;
+		color: $grayLight;
+	}
 
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
-	background-color: $grayDarker;
-	color: $white;
+	.divider-vertical {
+		height: $navbarHeight - 1;
+		background-color: $hrBorder;
+	}
+
+	.navbar-search {
+		margin-top: 5px;
+
+		input[type="text"] {
+			margin-bottom: 5px;
+		}
+	}
+
+	.dropdown-menu a {
+		font-family: $headingsFontFamily;
+	}
 }
 
-.navbar .nav > li > a {
-	text-shadow: none;
-	&:hover {
+.navbar-inverse {
+
+	.navbar-inner {
+		@include box-shadow(none);
+	}
+
+	.brand:hover {
 		color: $white;
-		background-color: rgba(255, 255, 255, 0.2);
 	}
 }
 
-.subnav .nav > li > a {
-	border-left: 0px solid white !important;
-	border-right: 0px solid white !important;
-	color: $grayDark;
+
+@media (max-width: $navbarCollapseWidth) {
+
+	.navbar .nav-collapse {
+
+		.nav li > a {
+			color: $textColor;
+
+			&:hover {
+				background-image: none;
+				background-color: $dropdownLinkBackgroundHover;
+			}
+		}
+
+		.nav .active > a {
+			@include box-shadow(none);
+		}
+
+		.navbar-form,
+		.navbar-search {
+			border-top: 1px solid rgba(128, 128, 128, 0.3);
+			border-bottom: 1px solid rgba(128, 128, 128, 0.3);
+		}
+	}
+
+	.navbar-inverse .nav-collapse {
+
+		.nav li > a {
+			color: $white;
+
+			&:hover {
+				background-color: rgba(255, 255, 255, 0.1) !important;
+			}
+		}
+
+		.nav-header {
+			color: rgba(255, 255, 255, 0.7);
+		}
+	}
 }
 
-.btn-navbar:hover {
-    background-color: darken($white, 20%);
-    background-position: 0 0;
+div.subnav {
+
+	background-image: none;
+	background-color: $navbarBackground;
+	border-bottom: 1px solid transparent;
+	@include box-shadow($boxShadow);
+	font-family: $headingsFontFamily;
+
+	&.subnav-fixed {
+		@include box-shadow(#{inset 0 5px #fff, $boxShadow});
+	}
+
+	.nav > li > a {
+		padding: 14px 12px 10px;
+		border-left-color: transparent;
+		border-right-color: transparent;
+		color: $navbarText;
+		font-weight: bold;
+
+		&:hover {
+			background-color: transparent;
+			color: $linkColor;
+		}
+	}
+
+	.nav > li.active > a,
+	.nav > li.active > a:hover {
+		border-left-color: transparent;
+		border-right-color: transparent;
+		background-color: transparent;
+		@include box-shadow(none);
+		color: $linkColor;
+	}
 }
 
-// FORMS
+// NAV
 // -----------------------------------------------------
 
-.search-query {
-	border: 1px solid #CCC;
-	@include border-radius(2px);
+.nav .nav-header {
+	font-size: 13px;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.nav-tabs {
+
+	& > li > a {
+		background-color: darken($bodyBackground, 3%);
+		border: 1px solid #ccc;
+		color: $textColor;
+
+		&:hover {
+			border: 1px solid #ccc;
+			background-color: $dropdownLinkBackgroundHover;
+			color: $linkColor;
+		}
+	}
+
+	& > li.active > a,
+	& > li.active > a:hover {
+		background-color: $bodyBackground;
+	}
+
+	.dropdown {
+
+		.dropdown-toggle .caret {
+			border-top-color: $textColor;
+			border-bottom-color: $textColor;
+			opacity: 1;
+		}
+
+		&:hover .dropdown-toggle .caret {
+			border-top-color: $linkColor;
+			border-bottom-color: $linkColor;
+		}
+	}
+
+	.dropdown.open .dropdown-toggle {
+
+		background-color: $dropdownLinkBackgroundHover;
+		border-color: #ccc;
+		color: $linkColor;
+
+		.caret,
+		&:hover .caret {
+			border-top-color: $linkColor;
+			border-bottom-color: $linkColor;
+			opacity: 1;
+		}
+	}
+
+	.dropdown-menu {
+
+		@include border-radius(0);
+
+		a {
+			padding: 8px 15px 3px;
+		}
+	}
+}
+
+.tabbable {
+
+	.nav-tabs > li > a,
+	.nav-tabs > li > a:hover {
+		border: 1px solid #ccc;
+	}
+
+	.nav-tabs > li.active > a {
+		border-bottom: 1px solid transparent;
+	}
+
+	&.tabs-below > .nav-tabs > li.active > a,
+	&.tabs-left > .nav-tabs > li.active > a,
+	&.tabs-right > .nav-tabs > li.active > a {
+		border-bottom: 1px solid #ccc;
+	}
+}
+
+.nav-pills {
+
+	li > a {
+		color: $textColor;
+
+		&:hover {
+			background-color: $dropdownLinkBackgroundHover;
+			color: $linkColor;
+		}
+	}
+
+	li.active > a,
+	li.active > a:hover {
+		background-color: $dropdownLinkBackgroundHover;
+		color: $linkColor;
+	}
+
+	.dropdown .dropdown-toggle .caret {
+		border-top-color: $textColor;
+		border-bottom-color: $textColor;
+		opacity: 1;
+	}
+
+	.dropdown .dropdown-toggle:hover .caret {
+		border-top-color: $linkColor;
+		border-bottom-color: $linkColor;
+	}
+
+	.dropdown.open .dropdown-toggle,
+	.dropdown.open:hover .dropdown-toggle {
+		background-color: $dropdownLinkBackgroundHover;
+		color: $linkColor;
+
+		.caret {
+			border-top-color: $linkColor;
+			border-bottom-color: $linkColor;
+		}
+	}
+}
+
+.nav-list {
+
+	li > a {
+		color: $textColor;
+
+		&:hover {
+			background-color: $dropdownLinkBackgroundHover;
+			color: $linkColor;
+		}
+	}
+
+	li.active > a,
+	li.active > a:hover {
+		background-color: $dropdownLinkBackgroundHover;
+		color: $linkColor;
+	}
+}
+
+.breadcrumb {
+	@include box-shadow(#{$boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)});
+	border: 0px solid transparent;
+
+	li {
+		padding-top: 5px;
+		text-shadow: none;
+	}
+
+	a {
+		text-shadow: none;
+	}
+
+	a:hover {
+		text-decoration: none;
+	}
 }
 
+.pagination {
+
+	li > a {
+		padding: 4px 14px 0;
+		color: $textColor;
+
+		&:hover {
+			background-color: $dropdownLinkBackgroundHover;
+			color: $linkColor;
+		}
+	}
+
+	li.active > a {
+		background-color: $dropdownLinkBackgroundHover;
+		color: $linkColor;
+	}
+}
+
+
 // BUTTONS
 // -----------------------------------------------------
 
 .btn {
-  @include border-radius(2px);
-  @include gradient-vertical-three-colors($white, $white, 25%, darken($white, 10%));
+	padding-top: .6em;
+	font-family: $headingsFontFamily;
+	font-weight: bold;
 }
 
-.btn-primary {
-  @include buttonBackground(lighten($btnPrimaryBackground, 5%), $btnPrimaryBackground);
-}
+// TABLES
+// -----------------------------------------------------
+
+// FORMS
+// -----------------------------------------------------
 
-.btn-warning {
-  @include buttonBackground(lighten($orange, 5%), $orange);
+legend {
+	border-bottom: 1px solid #ddd;
+	font-family: $headingsFontFamily;
 }
 
-.btn-danger {
-  @include buttonBackground(lighten($red, 5%), $red);
+.navbar-search .search-query {
+	border: 1px solid #ddd;
+	@include border-radius(0);
+	background-color: $bodyBackground;
+	color: $gray;
 }
 
-.btn-success {
-  @include buttonBackground(lighten($green, 5%), $green);
+.help-inline, .help-block {
+	font-size: 13px;
 }
 
-.btn-info {
-  @include buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
+.input-append .btn,
+.input-prepend .btn {
+	line-height: 16px;
 }
 
-.btn-inverse {
-  @include buttonBackground(lighten($purple, 5%), $purple);
+// DROPDOWNS
+// -----------------------------------------------------
+
+// ALERTS, LABELS, BADGES
+// -----------------------------------------------------
+
+.label {
+	padding: 4px 4px 3px;
+	margin-left: 1px;
+	margin-right: 1px;
+	line-height: 26px;
+	font-weight: normal;
 }
 
 // MISCELLANEOUS
 // -----------------------------------------------------
 
-// Make icons gray
 i[class^="icon-"]{
-	opacity: 0.6;
+	opacity: 0.5;
+	vertical-align: -2px;
+}
+
+.well {
+	@include box-shadow(#{$boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)});
+	border: none;
+}
+
+.hero-unit {
+	background-color: $navbarBackground;
+	@include box-shadow(#{$boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)});
+}
+
+.thumbnail {
+	padding: 10px;
+	background-color: $white;
+}
+
+.progress {
+    @include gradient-vertical(#e0e0e0, #e8e8e8);
 }
+
+.modal-header {
+	border-bottom: none;
+}
+
+.modal-header,
+.modal-body {
+	background-color: $navbarBackground;
+}
+
+.modal-footer {
+	background-color: $bodyBackground;
+}
+
+// MEDIA QUERIES
+// -----------------------------------------------------