bootswatch-rails 0.5.0 → 3.1.1

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

@@ -1,613 +1,174 @@
-// Cosmo 2.3.2
+// Cosmo 3.1.1
 // Bootswatch
 // -----------------------------------------------------
 
+@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
 
-// TYPOGRAPHY
-// -----------------------------------------------------
+// Navbar =====================================================================
 
-@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
+.navbar-inverse {
 
-body {
-	font-weight: 300;
+  .badge {
+    background-color: #fff;
+    color: $brand-primary;
+  }
 }
 
-h1 {
-	font-size: 50px;
-}
+// Buttons ====================================================================
 
-h2, h3 {
-	font-size: 26px;
+.btn-lg {
+  padding-top: 19px;
 }
 
-h4 {
-	font-size: 14px;
-}
+// Typography =================================================================
 
-h5, h6 {
-	font-size: 11px;
+.text-primary,
+.text-primary:hover {
+  color: $brand-primary;
 }
 
-blockquote {
-
-	padding: 10px 15px;
-	background-color: $grayLighter;
-	border-left-color: $gray;
-
-	&.pull-right {
-		padding: 10px 15px;
-		border-right-color: $gray;
-	}
-
-	small {
-		color: $gray;
-	}
-}
-
-.muted {
-	color: $gray;
-}
-
-.text-warning        { color: $orange; }
-a.text-warning:hover { color: darken($orange, 10%); }
-
-.text-error          { color: $red; }
-a.text-error:hover   { color: darken($red, 10%); }
-
-.text-info           { color: $purple; }
-a.text-info:hover    { color: darken($purple, 10%); }
-
-.text-success        { color: $green; }
-a.text-success:hover { color: darken($green, 10%); }
-
-// SCAFFOLDING
-// -----------------------------------------------------
-
-// NAVBAR
-// -----------------------------------------------------
-
-.navbar {
-
-	.navbar-inner {
-		background-image: none;
-		@include box-shadow(none);
-		@include border-radius(0);
-	}
-
-	.brand {
-
-		&:hover {
-			color: $navbarLinkColorHover;
-		}
-	}
-
-	.nav > .active > a,
-	.nav > .active > a:hover,
-	.nav > .active > a:focus {
-		@include box-shadow(none);
-		background-color: $navbarLinkBackgroundHover;
-	}
-
-	.nav li.dropdown.open > .dropdown-toggle,
-	.nav li.dropdown.active > .dropdown-toggle,
-	.nav li.dropdown.open.active > .dropdown-toggle {
-		color: $white;
-
-		&:hover {
-			color: $grayLighter;
-		}
-	}
-
-	.navbar-search .search-query {
-		line-height: normal;
-	}
-
-	.navbar-inverse {
-
-		.brand,
-		.nav > li > a {
-			text-shadow: none;
-		}
-
-		.brand:hover,
-		.nav > .active > a,
-		.nav > .active > a:hover,
-		.nav > .active > a:focus {
-			background-color: $navbarInverseLinkBackgroundHover;
-			@include box-shadow(none);
-			color: $white;
-		}
-
-		.navbar-search .search-query {
-			color: $grayDarker;
-		}
-	}
+.text-success,
+.text-success:hover {
+  color: $brand-success;
 }
 
-div.subnav {
-
-	margin: 0 1px;
-	background: $grayLight none;
-	@include box-shadow(none);
-	border: none;
-	@include border-radius(0);
-
-	.nav {
-		background-color: transparent;
-	}
-
-	.nav > li > a {
-		border-color: transparent;
-	}
-
-	.nav > .active > a,
-	.nav > .active > a:hover {
-		border-color: transparent;
-		background-color: $black;
-		color: $white;
-		@include box-shadow(none);
-	}
-
-	div.subnav-fixed {
-		top: $navbarHeight + 1;
-		margin: 0;
-	}
+.text-danger,
+.text-danger:hover {
+  color: $brand-danger;
 }
 
-// NAV
-// -----------------------------------------------------
-
-.nav {
-
-	.open .dropdown-toggle,
-	& > li.dropdown.open.active > a:hover {
-		color: $blue;
-	}
+.text-warning,
+.text-warning:hover {
+  color: $brand-warning;
 }
 
-.nav-tabs {
-
-	& > li > a {
-		@include border-radius(0);
-	}
-
-	&.nav-stacked {
-
-		& > li > a:hover {
-			background-color: $blue;
-			color: $white;
-		}
-
-		& > .active > a,
-		& > .active > a:hover {
-			background-color: $white;
-			color: $gray;
-		}
-
-		& > li:first-child > a,
-		& > li:last-child > a {
-			@include border-radius(0);
-		}
-	}
-}
-
-.tabs-below,
-.tabs-left,
-.tabs-right {
-
-	& > .nav-tabs > li > a{
-		@include border-radius(0);
-	}
-}
-
-.nav-pills {
-
-	& > li > a {
-		background-color: $grayLight;
-		@include border-radius(0);
-		color: $black;
-
-		&:hover {
-			background-color: $black;
-			color: $white;
-		}
-	}
-
-	& > .disabled > a,
-	& > .disabled > a:hover {
-		background-color: $grayLighter;
-		color: $grayDark;
-	}
-}
-
-.nav-list {
-
-	& > li > a {
-		color: $grayDarker;
-
-		&:hover {
-			background-color: $blue;
-			color: $white;
-			text-shadow: none;
-		}
-	}
-
-	.nav-header {
-		color: $grayDarker;
-	}
-
-	.divider {
-		background-color: $gray;
-		border-bottom: none;
-	}
-}
-
-.pagination {
-
-	ul {
-
-		@include box-shadow(none);
-
-		& > li > a,
-		& > li > span {
-			margin-right: 6px;
-			color: $grayDarker;
-
-			&:hover {
-				background-color: $grayDarker;
-				color: $white;
-			}
-		}
-
-		& > li:last-child > a,
-		& > li:last-child > span {
-			margin-right: 0;
-		}
-
-		& > .active > a,
-		& > .active > span { 
-			color: $white;
-		}
-
-		& > .disabled > span,
-		& > .disabled > a,
-		& > .disabled > a:hover {
-			background-color: $grayLighter;
-			color: $grayDark;
-		}
-	}
-}
-
-.pager {
-
-	li > a,
-	li > span {
-		background-color: $grayLight;
-		border: none;
-		@include border-radius(0);
-		color: $grayDarker;
-
-		&:hover {
-			background-color: $grayDarker;
-			color: $white;
-		}
-	}
-
-	.disabled > a,
-	.disabled > a:hover,
-	.disabled > span {
-		background-color: $grayLighter;
-		color: $grayDark;
-	}
-
+.text-info,
+.text-info:hover {
+  color: $brand-info;
 }
 
-.breadcrumb {
-	background-color: $grayLight;
-
-	li {
-		text-shadow: none;
-	}
+// Tables =====================================================================
 
-	.divider,
-	.active {
-		color: $grayDarker;
-		text-shadow: none;
-	}
-}
-
-// BUTTONS
-// -----------------------------------------------------
+table,
+.table {
 
-.btn {
-	padding: 5px 12px;
-	background-image: none;
-	@include box-shadow(none);
-	border: none;
-	@include border-radius(0);
-	text-shadow: none;
-
-	&.disabled {
-		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-	}
-}
+  a {
+    text-decoration: underline;
+  }
 
-.btn-large {
-	padding: 22px 30px;
-}
+  .success,
+  .warning,
+  .danger,
+  .info {
+    color: #fff;
 
-.btn-small {
-	padding: 2px 10px;
+    a {
+      color: #fff;
+    }
+  }
 }
 
-.btn-mini {
-	padding: 2px 6px;
-}
+// Forms ======================================================================
 
-.btn-group {
 
-	& > .btn:first-child,
-	& > .btn:last-child,
-	& > .dropdown-toggle {
-		@include border-radius(0);
-	}
+.has-warning {
+  .help-block,
+  .control-label,
+  .form-control-feedback {
+    color: $brand-warning;
+  }
 
-	& > .btn + .dropdown-toggle {
-		@include box-shadow(none);
-	}
+  .form-control,
+  .form-control:focus {
+    border: 1px solid $brand-warning;
+  }
 }
 
-// TABLES
-// -----------------------------------------------------
-
-.table {
-
-	tbody tr.success td {
-		color: $white;
-	}
-
-	tbody tr.error td {
-		color: $white;
-	}
-
-	tbody tr.info td {
-		color: $white;
-	}
+.has-error {
+  .help-block,
+  .control-label,
+  .form-control-feedback {
+    color: $brand-danger;
+  }
 
-	.table-bordered {
-		@include border-radius(0);
-
-		thead:first-child tr:first-child th:first-child,
-		tbody:first-child tr:first-child td:first-child {
-			@include border-radius(0);
-		}
-
-		thead:last-child tr:last-child th:first-child,
-		tbody:last-child tr:last-child td:first-child,
-		tfoot:last-child tr:last-child td:first-child {
-			@include border-radius(0);
-		}
-	}
+  .form-control,
+  .form-control:focus {
+    border: 1px solid $brand-danger;
+  }
 }
 
-// FORMS
-// -----------------------------------------------------
+.has-success {
+  .help-block,
+  .control-label,
+  .form-control-feedback {
+    color: $brand-success;
+  }
 
-select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
-input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
-input[type="week"], input[type="number"], input[type="email"], input[type="url"],
-input[type="search"], input[type="tel"], input[type="color"] {
-	color: $grayDarker;
+  .form-control,
+  .form-control:focus {
+    border: 1px solid $brand-success;
+  }
 }
 
-.control-group {
-
-	&.warning {
-
-		.control-label,
-		.help-block,
-		.help-inline {
-			color: $orange;
-		}
-
-		input,
-		select,
-		textarea {
-			border-color: $orange;
-			color: $grayDarker;
-		}
-	}
-
-	&.error {
-
-		.control-label,
-		.help-block,
-		.help-inline {
-			color: $red;
-		}
-
-		input,
-		select,
-		textarea {
-			border-color: $red;
-			color: $grayDarker;
-		}
-	}
-
-	&.success {
-
-		.control-label,
-		.help-block,
-		.help-inline {
-			color: $green;
-		}
-
-		input,
-		select,
-		textarea {
-			border-color: $green;
-			color: $grayDarker;
-		}
-	}
-}
+// Navs =======================================================================
 
-legend {
-	border-bottom: none;
-	color: $grayDarker;
-}
+.nav-pills {
 
-.form-actions {
-	border-top: none;
-	background-color: $grayLighter;
+  & > li > a {
+    border-radius: 0;
+  }
 }
 
-// DROPDOWNS
-// -----------------------------------------------------
-
 .dropdown-menu {
-	@include border-radius(0);
-}
 
-// ALERTS, LABELS, BADGES
-// -----------------------------------------------------
-
-.alert {
-	@include border-radius(0);
-	text-shadow: none;
-
-	.alert-heading, h1, h2, h3, h4, h5, h6 {
-		color: $white;
-	}
-}
-
-.label {
-	min-width: 80px;
-	min-height: 80px;
-	@include border-radius(0);
-	font-weight: 300;
-	text-shadow: none;
-
-	.label-success {
-		background-color: $green;
-	}
-
-	.label-important {
-		background-color: $red;
-	}
-
-	.label-info {
-		background-color: $purple;
-	}
-
-	.label-inverse {
-		background-color: $black;
-	}
+  & > li > a:hover,
+  & > li > a:focus {
+    background-image: none;
+  }
 }
 
-.badge {
+// Indicators =================================================================
 
-	@include border-radius(0);
-	font-weight: 300;
-	text-shadow: none;
-
-	.badge-success {
-		background-color: $green;
-	}
-
-	.badge-important {
-		background-color: $red;
-	}
-
-	.badge-info {
-		background-color: $purple;
-	}
+.alert {
+  border: none;
 
-	.badge-inverse {
-		background-color: $black;
-	}
-}
+  .alert-link {
+    text-decoration: underline;
+    color: #fff;
+  }
 
-// MISC
-// -----------------------------------------------------
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
 
-.hero-unit {
-	border: none;
-	@include border-radius(0);
-	@include box-shadow(none);
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
-.well {
-	border: none;
-	@include border-radius(0);
-	@include box-shadow(none);
-}
-
-[class^="icon-"], [class*=" icon-"] {
-	margin: 0 2px;
-	vertical-align: -2px;
+.label {
+  border-radius: 0;
 }
 
-a.thumbnail {
-	background-color: $grayLight;
-
-	&:hover {
-		background-color: $gray;
-		border-color: transparent;
-	}
-}
+// Progress bars ==============================================================
 
 .progress {
-	height: 6px;
-	@include border-radius(0);
-	@include box-shadow(none);
-	background-color: $grayLighter;
-	background-image: none;
-
-	.bar {
-		background-color: $blue;
-		background-image: none;
-	}
-
-	.progress-info {
-		background-color: $purple;
-	}
-
-	.progress-success {
-		background-color: $green;
-	}
-
-	.progress-warning {
-		background-color: $orange;
-	}
-
-	.progress-danger {
-		background-color: $red;
-	}
-}
-
-.modal {
-	@include border-radius(0);
-
-	.modal-header {
-		border-bottom: none;
-	}
-
-	.modal-footer {
-		border-top: none;
-		background-color: transparent;
-	}
+  height: 8px;
+  @include box-shadow(none);
+  .progress-bar {
+    font-size: 8px;
+    line-height: 8px;
+  }
 }
 
-.popover {
-	@include border-radius(0);
-	color: $white;
-
-	.popover-title {
-		border-bottom: none;
-		color: $white;
-	}
+// Containers =================================================================
 
+.panel-heading,
+.panel-footer {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
 }
-
-// MEDIA QUERIES
-// -----------------------------------------------------