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, 142 insertions, 0 deletions

diff --git a/simplex/_bootswatch.scss b/simplex/_bootswatch.scss
new file mode 100644
index 00000000..71f7ad63
--- /dev/null
+++ b/simplex/_bootswatch.scss
@@ -0,0 +1,142 @@
+// Simplex 3.3.0
+// Bootswatch
+// -----------------------------------------------------
+
+@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700");
+
+@mixin btn-shadow($color){
+  @include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
+  filter: none;
+  border: 1px solid darken($color, 10%);
+}
+
+// Navbar =====================================================================
+
+.navbar {
+
+  &-inverse {
+
+    .badge {
+      background-color: #fff;
+      color: $brand-primary;
+    }
+  }
+}
+
+// Buttons ====================================================================
+
+.btn {
+  font-family: $headings-font-family;
+}
+
+.btn-default,
+.btn-default:hover {
+  @include btn-shadow($btn-default-bg);
+}
+
+.btn-primary,
+.btn-primary:hover {
+  @include btn-shadow($btn-primary-bg);
+}
+
+.btn-success,
+.btn-success:hover {
+  @include btn-shadow($btn-success-bg);
+}
+
+.btn-info,
+.btn-info:hover {
+  @include btn-shadow($btn-info-bg);
+}
+
+.btn-warning,
+.btn-warning:hover {
+  @include btn-shadow($btn-warning-bg);
+}
+
+.btn-danger,
+.btn-danger:hover {
+  @include btn-shadow($btn-danger-bg);
+}
+
+// Typography =================================================================
+
+body {
+  font-weight: 200;
+}
+
+// Tables =====================================================================
+
+th {
+  color: $headings-color;
+}
+
+// Forms ======================================================================
+
+legend {
+  color: $headings-color;
+}
+
+label {
+  font-weight: normal;
+}
+
+.has-warning {
+  .help-block,
+  .control-label {
+    color: $brand-danger;
+  }
+
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-danger;
+  }
+}
+
+.has-error {
+  .help-block,
+  .control-label {
+    color: $brand-primary;
+  }
+
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-primary;
+  }
+}
+
+.has-success {
+  .help-block,
+  .control-label {
+    color: $brand-success;
+  }
+
+  .form-control,
+  .form-control:focus {
+    border-color: $brand-success;
+  }
+}
+
+// Navs =======================================================================
+
+.pager {
+  a {
+    color: $headings-color;
+  }
+
+  a:hover,
+  .active > a, {
+    border-color: $brand-primary;
+    color: #fff;
+  }
+
+  .disabled > a {
+    border-color: $pager-border;
+  }
+}
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
\ No newline at end of file