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

diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss
new file mode 100644
index 00000000..ed4c6c99
--- /dev/null
+++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_jumbotron.scss
@@ -0,0 +1,49 @@
+//
+// Jumbotron
+// --------------------------------------------------
+
+
+.jumbotron {
+  padding: $jumbotron-padding ($jumbotron-padding / 2);
+  margin-bottom: $jumbotron-padding;
+  color: $jumbotron-color;
+  background-color: $jumbotron-bg;
+
+  h1,
+  .h1 {
+    color: $jumbotron-heading-color;
+  }
+  p {
+    margin-bottom: ($jumbotron-padding / 2);
+    font-size: $jumbotron-font-size;
+    font-weight: 200;
+  }
+
+  > hr {
+    border-top-color: darken($jumbotron-bg, 10%);
+  }
+
+  .container &,
+  .container-fluid & {
+    border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
+  }
+
+  .container {
+    max-width: 100%;
+  }
+
+  @media screen and (min-width: $screen-sm-min) {
+    padding: ($jumbotron-padding * 1.6) 0;
+
+    .container &,
+    .container-fluid & {
+      padding-left:  ($jumbotron-padding * 2);
+      padding-right: ($jumbotron-padding * 2);
+    }
+
+    h1,
+    .h1 {
+      font-size: ($font-size-base * 4.5);
+    }
+  }
+}