Add support for SASS/SCSS

Refactored less files to be more scss friendly
 * Ensured no variables are used before assignment
 * Removed interpolated variable usage with similar substitute

Added SCSS Grunt tasks
 * convert_less - Converts theme less files to scss
 * swatch_scss - Same as original swatch task, but using sass
 * compress_scss - Same as original compress task, but using sass

Added dependencies for SCSS

Updated _config.yml so jekyll includes theme _bootswatch.scss and _variables.scss files

Added .sass-cache dir to .gitignore

1 files changed, 137 insertions, 0 deletions

diff --git a/spacelab/_bootswatch.scss b/spacelab/_bootswatch.scss
new file mode 100644
index 00000000..013ec162
--- /dev/null
+++ b/spacelab/_bootswatch.scss
@@ -0,0 +1,137 @@
+// Spacelab 3.3.0
+// Bootswatch
+// -----------------------------------------------------
+
+@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
+
+@mixin btn-shadow($color){
+  @include gradient-vertical-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%));
+  filter: none;
+  border: 1px solid darken($color, 10%);
+}
+
+// Navbar =====================================================================
+
+.navbar {
+
+  @include btn-shadow($navbar-default-bg);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
+
+  &-inverse {
+    @include btn-shadow($navbar-inverse-bg);
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
+  }
+
+  .badge {
+    text-shadow: none;
+  }
+
+  &-nav > li > a,
+  &-nav > li > a:hover {
+    padding-top: $navbar-padding-vertical + 2px;
+    padding-bottom: $navbar-padding-vertical - 2px;
+    @include transition(color ease-in-out .2s);
+  }
+  
+  &-brand,
+  &-brand:hover {
+    @include transition(color ease-in-out .2s);
+  }
+
+  .caret,
+  .caret:hover {
+    @include transition(border-color ease-in-out .2s);
+  }
+
+  .dropdown-menu {
+    text-shadow: none;
+  }
+}
+
+// Buttons ====================================================================
+
+.btn {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+
+  &-default {
+    @include btn-shadow($btn-default-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-default-bg, 4%));
+    }
+  }
+
+  &-primary {
+    @include btn-shadow($btn-primary-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-primary-bg, 4%));
+    }
+  }
+
+  &-success {
+    @include btn-shadow($btn-success-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-success-bg, 4%));
+    }
+  }
+
+  &-info {
+    @include btn-shadow($btn-info-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-info-bg, 4%));
+    }
+  }
+
+  &-warning {
+    @include btn-shadow($btn-warning-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-warning-bg, 4%));
+    }
+  }
+
+  &-danger {
+    @include btn-shadow($btn-danger-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-danger-bg, 4%));
+    }
+  }
+
+  &:active,
+  &.active {
+    background-image: none;
+    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  }
+}
+
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+// Navs =======================================================================
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.panel {
+
+  &-primary {
+    .panel-title {
+      color: #fff;
+    }
+  }
+}
\ No newline at end of file