Removed Bootstrap and converted to scss

app/assets/stylesheets/application.css.scss

@@ -8,9 +8,9 @@
  * You're free to add application-wide styles to this file and they'll appear at the top of the
  * compiled file, but it's generally better to create a new file per style scope.
  *
- *= stub stubs/variables_overrides.css.less
+ * = stub stubs/variables_overrides.css.scss
  *= require_self
  *= require_tree .
  */
 
-@import "stubs/variables_overrides.css.less";
+//@include "stubs/variables_overrides.css.scss";

app/assets/stylesheets/bootstrap_and_overrides.css.less

@@ -1,26 +0,0 @@
-@import "twitter/bootstrap/bootstrap";
-
-body {
- padding-top: @navbarHeight + 10px;
-}
-
-@import "twitter/bootstrap/responsive";
-
-// Set the correct sprite paths
-//@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings");
-//@iconWhiteSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings-white");
-
-// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
-@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot");
-@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot?#iefix");
-@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff");
-@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf");
-@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular");
-
-// Font Awesome
-@import "fontawesome/font-awesome";
-
-// Glyphicons
-//@import "twitter/bootstrap/sprites.less";
-
-// Override the default bootstrap variables in stubs/variables_overrides.css.less

app/assets/stylesheets/bootstrap_and_overrides.css.scss

@@ -0,0 +1,27 @@
+//@import "twitter/bootstrap/bootstrap";
+
+body {
+ /*padding-top: $navbarHeight + 10px;*/
+    background-color: #BBB;
+}
+
+//@import "twitter/bootstrap/responsive";
+
+// Set the correct sprite paths
+//@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings");
+//@iconWhiteSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings-white");
+
+// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
+//@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot");
+//@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot?#iefix");
+//@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff");
+//@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf");
+//@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular");
+
+// Font Awesome
+//@import "fontawesome/font-awesome";
+
+// Glyphicons
+//@import "twitter/bootstrap/sprites.less";
+
+// Override the default bootstrap variables in stubs/variables_overrides.css.less

app/assets/stylesheets/stubs/variables_overrides.css.scss

@@ -1,4 +1,4 @@
-@import "twitter/bootstrap/variables";
+// @import "twitter/bootstrap/variables";
 
 /* ==========================================================================
    Variables and overrides
@@ -10,4 +10,4 @@
 /* Bootstrap variables override
    ========================================================================== */
 
-@sansFontFamily: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$sansFontFamily: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;