bootswatch-rails 0.5.0 → 3.1.1

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

@@ -1,515 +1,246 @@
-// Flatness by Jenil (www.jgog.in)
-// Bootswatch 2.3.2
+// Flatly 3.1.1
+// Bootswatch
 // -----------------------------------------------------
 
+@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
 
-// TYPOGRAPHY
-// --------------------------------------------------
-
-@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
-
-h1 {
-	font-size: 48px;
-	font-weight: 900;
-}
-
-h2 {
-	font-size: 36px;
-	font-weight: 700;
-}
-
-h3 {
-	font-size: 28px;
-	font-weight: 700;
-}
-
-h4 {
-	font-size: 24px;
-	font-weight: 500;
-}
-
-h5 {
-	font-size: 16px;
-	font-weight: 500;
-}
-
-h6 {
-	font-size: 13px;
-	font-weight: 500;
-	text-transform: none;
-}
-
-p {
-	margin-bottom: 1em;
-}
-
-// SCAFFOLDING
-// --------------------------------------------------
-
-.page-header {
-	border-bottom: none;
-}
-
-
-// NAVBAR
-// --------------------------------------------------
+// Navbar =====================================================================
 
 .navbar {
-
-	.brand {
-
-		text-shadow: none;
-
-		&:hover {
-			color: $linkColorHover;
-		}
-	}
-
-	.navbar-inner {
-		@include box-shadow(none);
-	}
-
-	.nav > li > a {
-		text-shadow: none;
-	}
-
-	.nav > .active > a,
-	.nav > .active > a:hover,
-	.nav > .active > a:focus {
-		@include box-shadow(none);
-	}
-
-	.navbar-search .search-query {
-		border: none;
-		@include box-shadow(none);
-		line-height: normal;
-	}
-
-	.btn-navbar {
-		background-image: none;
-		@include box-shadow(none);
-	}
-
-	.navbar-inverse {
-
-		.brand:hover {
-			color: $blueDark;
-		}
-
-		.navbar-search .search-query {
-			border-color: transparent;
-			@include box-shadow(none);
-			line-height: normal;
-			color: $textColor;
-
-			&:focus {
-				padding: 4px 14px;
-				color: $textColor;
-			}
-		}
-	}
+  border-width: 0;
 }
+.navbar-default {
 
-div.subnav {
-
-	border-color: transparent;
-	background-image: none;
-	background-color: $grayLighter;
-	@include box-shadow(none);
-
-	div.subnav-fixed {
-		top: $navbarHeight;
-	}
-
-	.nav > li > a {
-		border-color: transparent;
-		@include box-shadow(none);
-		color: $textColor;
-	}
-
-	.nav > .active > a,
-	.nav > .active > a:hover {
-		border-color: transparent;
-		background-color: darken($grayLighter, 10%);
-		@include box-shadow(none);
-		color: $textColor;
-	}
+  .badge {
+    background-color: #fff;
+    color: $navbar-default-bg;
+  }
 }
 
-// NAVIGATION
-// --------------------------------------------------
-
-.nav-list {
+.navbar-inverse {
 
-	& > li > a,
-	& > .active > a,
-	.nav-header {
-		text-shadow: none;
-	}
-
-	.divider {
-		background: none;
-		border-bottom: 2px solid $dropdownDividerBottom;
-	}
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
+  }
 }
 
-.nav-pills {
-
-	.open .dropdown-toggle {
-		background-color: $blueDark;
-	}
+.navbar-brand {
+  padding: 18.5px 15px 20.5px;
 }
 
-.pagination {
-
-	ul {
-
-		@include box-shadow(none);
-
-		& > li > a {
-			background-color: $green;
-			border-color: transparent;
-			color: $white;
-
-			&:hover {
-				background-color: lighten($green, 10%);
-			}
-		}
+// Buttons ====================================================================
 
-		& > .active > a,
-		& > .active > a:hover {
-			background-color: $paginationActiveBackground;
-			color: $textColor;
-		}
-
-		& > .disabled > a,
-		& > .disabled > a:hover {
-			background-color: lighten($green, 10%);
-			color: $white;
-		}
-	}
+.btn:active {
+  @include box-shadow(none);
 }
 
-.pager {
-
-	li > a,
-	li > span {
-		background-color: $green;
-		border: none;
-		color: $white;
-
-		&:hover {
-			background-color: lighten($green, 10%);
-		}
-	}
-
-	.disabled > a,
-	.disabled > span,
-	.disabled > a:hover,
-	.disabled > span:hover {
-		background-color: lighten($green, 10%);
-		color: $white;
-	}
+.btn-group.open .dropdown-toggle {
+  @include box-shadow(none);
 }
 
-.breadcrumb {
+// Typography =================================================================
 
-	& > li {
-		text-shadow: none;
-	}
+.text-primary,
+.text-primary:hover {
+  color: $brand-primary;
 }
 
-// BUTTONS
-// --------------------------------------------------
-
-.btn {
-	padding: 8px 20px;
-	border: none;
-	background-image: none;
-	color: $white;
-	text-decoration: none;
-	text-shadow: none;
-	@include box-shadow(none);
-	-webkit-transition: 0.25s;
-	-moz-transition: 0.25s;
-	transition: 0.25s;
-
-	&:hover,
-	&:focus {
-		color: white;
-		-webkit-transition: 0.25s;
-		-moz-transition: 0.25s;
-		transition: 0.25s;
-	}
-
-	&:active,
-	&.active {
-		@include box-shadow(none);
-		color: rgba(255, 255, 255, 0.75);
-	}
-
-	&.disabled,
-	&[disabled] {
-		color: white;
-	}
-
-	.btn-large {
-		padding: $paddingLarge;
-	}
-
-	.btn-small {
-		padding: $paddingSmall;
-	}
-
-	.btn-mini {
-		padding: $paddingMini;
-	}
+.text-success,
+.text-success:hover {
+  color: $brand-success;
 }
 
-// TABLES
-// -----------------------------------------------------
-
-
-
-// FORMS
-// --------------------------------------------------
-
-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"],
-.uneditable-input {
-	padding: 7px 6px;
-	border: 2px solid #dce4ec;
-	text-indent: 1px;
-	@include border-radius(6px);
-	@include box-shadow(none);
-	@include placeholder(#acb6c0);
-
-	&:focus {
-		border-color: #1abc9c;
-		@include box-shadow(none);
-
-	}
-
+.text-danger,
+.text-danger:hover {
+  color: $brand-danger;
 }
 
-.control-group.error,
-.control-group.error input:focus,
-.control-group.error textarea:focus {
-		border-color: #e74c3c;
-		@include box-shadow(none);
+.text-warning,
+.text-warning:hover {
+  color: $brand-warning;
 }
 
-.control-group.success,
-.control-group.success input:focus,
-.control-group.success textarea:focus {
-		border-color: #2ecc71;
-		@include box-shadow(none);
+.text-info,
+.text-info:hover {
+  color: $brand-info;
 }
 
-.control-group.warning,
-.control-group.warning input:focus,
-.control-group.warning textarea:focus {
-		border-color: #f1c40f;
-		@include box-shadow(none);
-}
+// Tables =====================================================================
 
-.control-group.info,
-.control-group.info input:focus,
-.control-group.info textarea:focus {
-		border-color: #3498db;
-		@include box-shadow(none);
-}
+table,
+.table {
 
-input[disabled],
-input[readonly],
-textarea[disabled],
-textarea[readonly] {
-	background-color: #eaeded;
-	border-color: transparent;
-	color: #cad2d3;
-	cursor: default;
-}
+  a {
+    text-decoration: underline;
+  }
 
-input[type="file"]{
-	line-height: 16px;
-}
+  .success,
+  .warning,
+  .danger,
+  .info {
+    color: #fff;
 
-.input-append .add-on,
-.input-prepend .add-on {
-	border: none;
-	background: none;
-}
+    a {
+      color: #fff;
+    }
+  }
 
-legend {
-	border-bottom: none;
-	color: $textColor;
+  > thead > tr > th,
+  > tbody > tr > th,
+  > tfoot > tr > th,
+  > thead > tr > td,
+  > tbody > tr > td,
+  > tfoot > tr > td {
+    border: none;
+  }
 }
-
-.form-actions {
-	border-top: none;
-	@include border-radius($baseBorderRadius);
-	background-color: darken($grayLighter, 5%);
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid $table-border-color;
 }
 
-// DROPDOWNS
-// --------------------------------------------------
-
-
-// ALERTS, LABELS, BADGES
-// --------------------------------------------------
-
-.alert {
-	background-color: $orange;
-	color: $white;
-	text-shadow: none;
-
-	h1, h2, h3, h4, h5, h6 {
-		color: $white;
-	}
+// Forms ======================================================================
 
-	.alert-error {
-		background-color: $red;
-	}
+.form-control,
+input, {
+  border-width: 2px;
+  @include box-shadow(none);
 
-	.alert-success {
-		background-color: $green;
-	}
-
-	.alert-info {
-		background-color: $blue;
-	}
-}
-
-.label {
-	padding: 6px 10px;
-	text-shadow: none;
-}
-
-.badge {
-	padding: 6px 10px;
-	@include border-radius($borderRadiusLarge);
-	text-shadow: none;
+  &:focus {
+    @include box-shadow(none);
+  }
 }
 
+.has-warning {
+  .help-block,
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline,
+  .form-control-feedback {
+    color: $brand-warning;
+  }
 
-// MISC
-// --------------------------------------------------
-
-.well {
-	border: none;
-	@include box-shadow(none);
+  .form-control,
+  .form-control:focus {
+    border: 2px solid $brand-warning;
+  }
 
+  .input-group-addon {
+    border-color: $brand-warning;
+  }
 }
 
-.progress {
-
-	background: $grayLighter;
-	border-radius: 32px;
-	height: 12px;
-	@include box-shadow(none);
+.has-error {
+  .help-block,
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline,
+  .form-control-feedback {
+    color: $brand-danger;
+  }
 
-	.bar {
-		background: $textColor;
-		@include box-shadow(none);
-	}
-
-	.progress-success .bar, progress-success.progress-striped .bar {
-		background-color: $green;
-	}
-
-	.progress-warning .bar, progress-warning.progress-striped .bar {
-		background-color: $yellow;
-	}
-
-	.progress-danger .bar, progress-danger.progress-striped .bar {
-		background-color: $red;
-	}
-
-	.progress-info .bar, progress-info.progress-striped .bar {
-		background-color: $blue;
-	}
+  .form-control,
+  .form-control:focus {
+    border: 2px solid $brand-danger;
+  }
+
+  .input-group-addon {
+    border-color: $brand-danger;
+  }
+}
+
+.has-success {
+  .help-block,
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline,
+  .form-control-feedback {
+    color: $brand-success;
+  }
+
+  .form-control,
+  .form-control:focus {
+    border: 2px solid $brand-success;
+  }
+
+  .input-group-addon {
+    border-color: $brand-success;
+  }
+}
+
+// Navs =======================================================================
+
+.nav {
+  .open > a,
+  .open > a:hover,
+  .open > a:focus {
+    border-color: transparent;
+  }
 }
 
-.tooltip {
+.pager {
+  a,
+  a:hover {
+    color: #fff;
+  }
 
-	&.in {
-		opacity: 1;
-	}
+  .disabled {
+    &>a,
+    &>a:hover,
+    &>a:focus,
+    &>span {
+      background-color: $pagination-disabled-bg;
+    }
+  }
 }
 
-.popover {
-	color: $white;
+// Indicators =================================================================
 
-	.popover-title {
-		border-bottom: 2px solid $dropdownDividerBottom;
-	}
-}
-
-.modal {
+.alert {
 
-	.modal-header {
-		background-color: $navbarBackground;
-		border-bottom: none;
-		color: $white;
-	}
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
 
-	.modal-footer {
-		background-color: $grayLighter;
-		border-top: 2px solid $dropdownDividerTop;
-		@include box-shadow(none);
-	}
-}
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
 
-.close {
-	text-shadow: none;
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
-// MEDIA QUERIES
-// --------------------------------------------------
+// Progress bars ==============================================================
 
-@media (max-width: 767px) {
-
-	div.subnav {
-
-		.nav > li:first-child > a,
-		.nav > li + li > a {
-			border-color: transparent;
-
-			&:hover {
-				background-color: darken($grayLighter, 10%);
-			}
-		}
-
-		.nav > li:last-child > a {
-			border-radius: 0 0 4px 4px;
-		}
-	}
+.progress {
+  height: 10px;
+  @include box-shadow(none);
+  .progress-bar {
+    font-size: 10px;
+    line-height: 10px;
+  }
 }
 
-@media (max-width: 979px) {
+// Containers =================================================================
 
-	.navbar {
-
-		.nav-collapse .nav > li > a {
-			color: $white;
-
-			&:hover {
-				background-color: $green;
-			}
-		}
-
-	}
+.well {
+  @include box-shadow(none);
 }