bootswatch-rails 0.5.0 → 3.1.1

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

@@ -1,462 +1,133 @@
-// Simplex 2.3.2
-// Bootswatch.less
+// Simplex 3.1.1
+// Bootswatch
 // -----------------------------------------------------
 
-
-$boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-
-// TYPOGRAPHY
-// -----------------------------------------------------
-
-@import url('//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
-
-// SCAFFOLDING
-// -----------------------------------------------------
-
-hr {
-	border-bottom: none;
+@mixin btn-shadow($color) {
+  @include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
+  filter: none;
+  border: 1px solid darken($color, 10%);
 }
 
-// NAVBAR
-// -----------------------------------------------------
-
-.navbar {
-
-	.navbar-inner {
-		@include box-shadow(none);
-	}
-
-	.brand {
-		padding: 12px 20px 8px;
-		font-family: $headingsFontFamily;
-		font-weight: bold;
-
-		&:hover {
-			color: $linkColor;
-		}
-	}
+// Navbar =====================================================================
 
-	.nav > li > a {
-		padding: 13px 15px 6px;
-		font-family: $headingsFontFamily;
-		font-weight: bold;
-		text-shadow: none;
+.navbar-inverse {
 
-		&: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;
-	}
-
-	.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-inverse {
-
-		.navbar-inner {
-			@include box-shadow(none);
-		}
-
-		.brand:hover {
-			color: $white;
-		}
-	}
+  .badge {
+    background-color: #fff;
+    color: $brand-primary;
+  }
 }
 
-@media (max-width: $navbarCollapseWidth) {
-
-	.navbar .nav-collapse {
-
-		.nav li > a {
-			color: $textColor;
-
-			&:hover {
-				background-image: none;
-				background-color: $dropdownLinkBackgroundHover;
-			}
-		}
+// Buttons ====================================================================
 
-		.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 {
+  font-family: $headings-font-family;
 }
 
-div.subnav {
-
-	background-image: none;
-	background-color: $navbarBackground;
-	border-bottom: 1px solid transparent;
-	@include box-shadow($boxShadow);
-	font-family: $headingsFontFamily;
-
-	&.subnav-fixed {
-		top: $navbarHeight + 1;
-		@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;
-	}
+.btn-default,
+.btn-default:hover {
+  @include btn-shadow($btn-default-bg);
 }
 
-// NAV
-// -----------------------------------------------------
-
-.nav .nav-header {
-	font-size: 13px;
-	font-weight: normal;
-	text-transform: none;
+.btn-primary,
+.btn-primary:hover {
+  @include btn-shadow($btn-primary-bg);
 }
 
-.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;
-	}
-
-	& > li.disabled > a:hover {
-		background-color: darken($bodyBackground, 3%);
-		color: $grayLight;
-	}
-
-	.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;
-		}
-	}
+.btn-success,
+.btn-success:hover {
+  @include btn-shadow($btn-success-bg);
 }
 
-.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;
-	}
+.btn-info,
+.btn-info:hover {
+  @include btn-shadow($btn-info-bg);
 }
 
-.nav-pills {
-
-	li > a {
-		color: $textColor;
-
-		&:hover {
-			background-color: $dropdownLinkBackgroundHover;
-			color: $linkColor;
-		}
-	}
-
-	li.active > a,
-	li.active > a:hover {
-		background-color: $dropdownLinkBackgroundHover;
-		color: $linkColor;
-	}
-
-	& > li.disabled > a:hover {
-		color: $grayLight;
-	}
-
-	.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;
-		}
-	}
+.btn-warning,
+.btn-warning:hover {
+  @include btn-shadow($btn-warning-bg);
 }
 
-.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 {
-	background-color: $white;
-	border: 0px solid transparent;
-	@include box-shadow(#{$boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)});
-
-	li {
-		padding-top: 2px;
-		text-shadow: none;
-	}
-
-	.active {
-		color: $textColor;
-	}
-
-	a {
-		text-shadow: none;
-	}
-
-	a:hover {
-		text-decoration: none;
-	}
+.btn-danger,
+.btn-danger:hover {
+  @include btn-shadow($btn-danger-bg);
 }
 
-.pagination {
+// Typography =================================================================
 
-	ul > li > a,
-	ul > li > span {
-		padding: 2px 14px 0;
-		color: $textColor;
-
-		&:hover {
-			background-color: $dropdownLinkBackgroundHover;
-			color: $linkColor;
-		}
-	}
-
-	ul > .active > a,
-	ul > .active > span {
-		background-color: $dropdownLinkBackgroundHover;
-		color: $linkColor;
-	}
-
-	ul > .disabled > a,
-	ul > .disabled > a:hover,
-	ul > .disabled > span,
-	ul > .disabled > span:hover {
-		background-color: transparent;
-		color: $textColor;
-	}
+body {
+  font-weight: 200;
 }
 
+// Tables =====================================================================
 
-// BUTTONS
-// -----------------------------------------------------
-
-.btn {
-	padding-top: .6em;
-	font-family: $headingsFontFamily;
-	font-weight: bold;
+th {
+  color: $headings-color;
 }
 
-// TABLES
-// -----------------------------------------------------
-
-// FORMS
-// -----------------------------------------------------
+// Forms ======================================================================
 
 legend {
-	border-bottom: 1px solid #ddd;
-	font-family: $headingsFontFamily;
+  color: $headings-color;
 }
 
-.navbar-search .search-query {
-	border: 1px solid #ddd;
-	@include border-radius(0);
-	background-color: $bodyBackground;
-	color: $gray;
-}
+.has-warning {
+  .help-block,
+  .control-label {
+    color: $brand-danger;
+  }
 
-.help-inline, .help-block {
-	font-size: 13px;
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-danger;
+  }
 }
 
-.input-append .btn,
-.input-prepend .btn {
-	line-height: 16px;
-}
+.has-error {
+  .help-block,
+  .control-label {
+    color: $brand-primary;
+  }
 
-// DROPDOWNS
-// -----------------------------------------------------
-
-// ALERTS, LABELS, BADGES
-// -----------------------------------------------------
-
-.label {
-	padding: 6px 12px;
-	margin-left: 1px;
-	margin-right: 1px;
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-primary;
+  }
 }
 
-// MISCELLANEOUS
-// -----------------------------------------------------
+.has-success {
+  .help-block,
+  .control-label {
+    color: $brand-success;
+  }
 
-i[class^="icon-"]{
-	opacity: 0.5;
-	vertical-align: -2px;
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-success;
+  }
 }
 
-.well {
-	@include box-shadow(#{$boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)});
-	border: none;
-}
+// Navs =======================================================================
 
-.hero-unit {
-	background-color: $navbarBackground;
-	@include box-shadow(#{$boxShadow, -1px -1px 0 rgba(0, 0, 0, 0.1)});
-}
+.pager {
+  a {
+    color: $headings-color;
+  }
 
-.thumbnail {
-	padding: 10px;
-	background-color: $white;
-}
+  a:hover,
+  .active > a, {
+    border-color: $brand-primary;
+    color: #fff;
+  }
 
-.progress {
-    @include gradient-vertical(#e0e0e0, #e8e8e8);
+  .disabled > a {
+    border-color: $pager-border;
+  }
 }
 
-.modal {
-
-	.modal-header {
-		border-bottom: none;
-	}
+// Indicators =================================================================
 
-	.modal-header,
-	.modal-body {
-		background-color: $navbarBackground;
-	}
+// Progress bars ==============================================================
 
-	.modal-footer {
-		background-color: $bodyBackground;
-	}
-}
-
-// MEDIA QUERIES
-// -----------------------------------------------------
+// Containers =================================================================