summaryrefslogtreecommitdiff
path: root/sandstone/_bootswatch.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sandstone/_bootswatch.scss')
-rw-r--r--sandstone/_bootswatch.scss195
1 files changed, 195 insertions, 0 deletions
diff --git a/sandstone/_bootswatch.scss b/sandstone/_bootswatch.scss
new file mode 100644
index 00000000..85e4a831
--- /dev/null
+++ b/sandstone/_bootswatch.scss
@@ -0,0 +1,195 @@
+// Sandstone 3.3.0
+// Bootswatch
+// -----------------------------------------------------
+
+@import url("//fonts.googleapis.com/css?family=Roboto:400,500");
+
+// Navbar =====================================================================
+
+.sandstone {
+ font-size: 11px;
+ line-height: 22px;
+ font-weight: 500;
+ text-transform: uppercase;
+}
+
+.navbar {
+ .nav > li > a {
+ @extend .sandstone;
+ }
+
+ &-form input,
+ &-form .form-control {
+ border: none;
+ }
+}
+
+// Buttons ====================================================================
+
+.btn {
+ border: none;
+ @extend .sandstone;
+
+ &:hover {
+ border-color: transparent;
+ }
+
+ &-lg {
+ line-height: 26px;
+ }
+
+ &-default {
+ &:hover {
+ background-color: $navbar-default-link-active-bg;
+ }
+ }
+}
+
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+input,
+.form-control {
+ @include box-shadow(none);
+
+ &:focus {
+ border-color: $input-border;
+ @include box-shadow(none);
+ }
+}
+
+.input-sm {
+ padding: 15px 10px;
+}
+
+// Navs =======================================================================
+
+.nav {
+ @extend .sandstone;
+
+ .open > a,
+ .open > a:hover,
+ .open > a:focus {
+ border-color: $gray-light;
+ }
+}
+
+.nav-tabs {
+
+ & > li > a {
+ background-color: $gray-lighter;
+ border-color: $nav-tabs-border-color;
+ color: $gray;
+ }
+
+ > li.disabled > a:hover {
+ background-color: $gray-lighter;
+ }
+}
+
+.nav-pills {
+ a {
+ color: $gray;
+ }
+
+ li > a {
+ border: 1px solid transparent;
+ }
+
+ li.active > a,
+ li > a:hover {
+ border-color: $gray-light;
+ }
+
+ li.disabled > a {
+ border-color: transparent;
+ }
+}
+
+.breadcrumb {
+ @extend .sandstone;
+
+ border: 1px solid $gray-light;
+
+ a {
+ color: $gray;
+ }
+}
+
+.pagination {
+ @extend .sandstone;
+}
+
+.pager {
+ @extend .sandstone;
+
+ li > a {
+ color: $gray;
+ }
+}
+
+.dropdown-menu {
+ & > li > a {
+ @extend .sandstone;
+ }
+}
+
+// Indicators =================================================================
+
+.alert {
+
+ a,
+ .alert-link {
+ color: #fff;
+ }
+}
+
+.tooltip {
+ @extend .sandstone;
+}
+
+// Progress bars ==============================================================
+
+.progress {
+ border-radius: 10px;
+ background-color: $gray-light;
+ @include box-shadow(none);
+
+ &-bar {
+ @include box-shadow(none);
+ }
+}
+
+// Containers =================================================================
+
+.list-group {
+ &-item {
+ padding: 16px 24px;
+ }
+}
+
+.well {
+ @include box-shadow(none);
+}
+
+.panel {
+ @include box-shadow(none);
+
+ .panel-heading,
+ .panel-title,
+ .panel-footer {
+ @extend .sandstone;
+ color: #fff;
+ }
+
+ &-default {
+ .panel-heading,
+ .panel-title,
+ .panel-footer {
+ color: $gray;
+ }
+ }
+}