bootswitch 0.0.1

data/app/assets/stylesheets/bootswatch/slate/bootswatch.css.scss

@@ -0,0 +1,328 @@
+// Slate 3.0.0
+// Bootswatch
+// -----------------------------------------------------
+
+@mixin btn-shadow($color) {
+
+	@include gradient-vertical-three-colors(lighten($color, 6%), $color, 60%, darken($color, 4%));
+}
+
+@mixin btn-shadow-inverse($color) {
+
+	@include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 14%));
+}
+
+// Navbar =====================================================================
+
+.navbar {
+
+	@include btn-shadow($navbar-default-bg);
+	filter: none;
+	border: 1px solid rgba(0, 0, 0, 0.6);
+	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+	.nav .open > a {
+		border-color: transparent;
+	}
+
+}
+
+.navbar-inverse {
+        @include btn-shadow($navbar-inverse-bg);
+        filter: none;
+}
+
+.navbar-nav > li > a {
+        border-right: 1px solid rgba(0, 0, 0, 0.2);
+        border-left: 1px solid rgba(255, 255, 255, 0.1);
+
+        &:hover {
+                @include btn-shadow-inverse($navbar-default-bg);
+                border-left-color: transparent;
+        }
+}
+
+.navbar-nav > li.active > a {
+        border-left-color: transparent;
+}
+
+.navbar-form {
+        margin-left: 5px;
+        margin-right: 5px;
+}
+
+// Buttons ====================================================================
+
+.btn,
+.btn:hover {
+	border-color: rgba(0, 0, 0, 0.6);
+	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+}
+
+.btn-default {
+	@include btn-shadow($btn-default-bg);
+}
+
+.btn-primary {
+	@include btn-shadow($btn-primary-bg);
+}
+
+.btn-success {
+	@include btn-shadow($btn-success-bg);
+}
+
+.btn-info {
+	@include btn-shadow($btn-info-bg);
+}
+
+.btn-warning {
+	@include btn-shadow($btn-warning-bg);
+}
+
+.btn-danger {
+	@include btn-shadow($btn-danger-bg);
+}
+
+.btn-default:hover {
+	@include btn-shadow-inverse($btn-default-bg);
+}
+
+.btn-primary:hover {
+	@include btn-shadow-inverse($btn-primary-bg);
+}
+
+.btn-success:hover {
+	@include btn-shadow-inverse($btn-success-bg);
+}
+
+.btn-info:hover {
+	@include btn-shadow-inverse($btn-info-bg);
+}
+
+.btn-warning:hover {
+	@include btn-shadow-inverse($btn-warning-bg);
+}
+
+.btn-danger:hover {
+	@include btn-shadow-inverse($btn-danger-bg);
+}
+
+// Typography =================================================================
+
+h1, h2, h3, h4, h5, h6 {
+	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+.text-primary {
+	color: $brand-primary;
+}
+
+.text-success {
+	color: $brand-success;
+}
+
+.text-danger {
+	color: $brand-danger;
+}
+
+.text-warning {
+	color: $brand-warning;
+}
+
+.text-info {
+	color: $brand-info;
+}
+
+// Tables =====================================================================
+
+.table {
+
+	tr.success,
+	tr.warning,
+	tr.danger {
+		color: #fff;
+	}
+
+}
+
+.table-bordered tbody {
+
+        tr.success,
+        tr.warning,
+        tr.danger {
+
+                td,
+                &:hover td {
+                        border-color: $table-border-color;
+                }
+        }
+}
+
+// Forms ======================================================================
+
+.has-warning {
+	.help-block,
+	.control-label {
+		color: $brand-warning;
+	}
+
+	.form-control,
+	.form-control:focus {
+		border-color: $brand-warning;
+	}
+}
+
+.has-error {
+	.help-block,
+	.control-label {
+		color: $brand-danger;
+	}
+
+	.form-control,
+	.form-control:focus {
+		border-color: $brand-danger;
+	}
+}
+
+.has-success {
+	.help-block,
+	.control-label {
+		color: $brand-success;
+	}
+
+	.form-control,
+	.form-control:focus {
+		border-color: $brand-success;
+	}
+}
+
+legend {
+	color: #fff;
+}
+
+.input-group-addon {
+	border-color: rgba(0, 0, 0, 0.6);
+	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+	@include btn-shadow($btn-default-bg);
+}
+
+// Navs =======================================================================
+
+.nav {
+
+	.open > a,
+	.open > a:hover,
+	.open > a:focus {
+		border-color: rgba(0, 0, 0, 0.6);
+	}
+
+}
+
+.nav-pills {
+
+	& > li > a {
+		@include btn-shadow($btn-default-bg);
+		border: 1px solid rgba(0, 0, 0, 0.6);
+		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+		&:hover {
+			@include btn-shadow-inverse($btn-default-bg);
+			border: 1px solid rgba(0, 0, 0, 0.6);
+		}
+	}
+
+	& > li.active > a,
+	& > li.active > a:hover {
+		background-color: none;
+		@include btn-shadow-inverse($btn-default-bg);
+		border: 1px solid rgba(0, 0, 0, 0.6);
+	}
+
+	& > li.disabled > a,
+	& > li.disabled > a:hover {
+		@include btn-shadow($btn-default-bg);
+	}
+}
+
+.pagination {
+
+	& > li > a {
+		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+		@include btn-shadow($btn-default-bg);
+
+		&:hover {
+			@include btn-shadow-inverse($btn-default-bg);
+		}
+	}
+
+	& > li.active > a {
+		@include btn-shadow-inverse($btn-default-bg);
+		border-color: rgba(0, 0, 0, 0.6);
+	}
+
+	& > li.disabled > a,
+	& > li.disabled > a:hover {
+		background-color: transparent;
+		@include btn-shadow($btn-default-bg);
+	}
+}
+
+.pager {
+
+	& > li > a {
+		@include btn-shadow($btn-default-bg);
+		border: 1px solid rgba(0, 0, 0, 0.6);
+		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+		&:hover {
+			@include btn-shadow-inverse($btn-default-bg);
+			border: 1px solid rgba(0, 0, 0, 0.6);
+		}
+	}
+
+	& > li.disabled > a,
+	& > li.disabled > a:hover {
+		background-color: transparent;
+		@include btn-shadow($btn-default-bg);
+	}
+}
+
+.breadcrumb {
+	border: 1px solid rgba(0, 0, 0, 0.6);
+	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+	@include btn-shadow($btn-default-bg);
+}
+
+// Indicators =================================================================
+
+.alert {
+
+	.alert-link,
+	a {
+		color: #fff;
+		text-decoration: underline;
+	}
+}
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.jumbotron {
+	border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.list-group-item {
+	background-color: lighten($body-bg, 5%);
+}
+
+.panel-primary,
+.panel-success,
+.panel-danger,
+.panel-warning,
+.panel-info {
+
+	.panel-heading {
+		border-color: #000;
+	}
+}

data/app/assets/stylesheets/bootswatch/slate/theme.css.scss

@@ -0,0 +1,9 @@
+
+// First import bootswatch variables
+@import "./variables.css.scss";
+
+// Then bootstrap itself
+@import "bootstrap";
+
+// And finally bootswatch bootswatch itself
+@import "./bootswatch.css.scss";