Replaced Sass with LESS. See sahat#233.

Fixes sahat#233.

public/css/main.scss → public/css/main.less

@@ -1,14 +1,8 @@
-// An opinionated styleguide for writing sane, maintainable and scalable Sass.
-// http://sass-guidelin.es
-
-@import "themes/modern/variables";
-
-@import "vendors/bootstrap";
-@import "vendors/bootstrap-social";
-@import "vendors/font-awesome";
-@import "vendors/ionicons";
-
-@import "themes/modern/styles";
+@import "vendor/bootstrap/bootstrap";
+@import "vendor/font-awesome/font-awesome";
+@import "vendor/ionicons/ionicons";
+@import "vendor/bootstrap-social";
+@import "themes/modern";
 
 // Scaffolding
 // -------------------------
@@ -21,14 +15,19 @@ html {
 body {
   padding-top: 60px;
   margin-bottom: 75px;
-  -webkit-font-smoothing: antialiased;
 }
 
 footer {
   position: absolute;
   bottom: 0;
   width: 100%;
+  height: 45px;
   line-height: 45px;
+
+  p,
+  ul {
+    margin-bottom: 0;
+  }
 }
 
 // Navbar
@@ -60,6 +59,6 @@ footer {
 // -------------------------
 
 .fa,
-[class^="ion-"] {
-  margin-right: 5px;
+[class^='ion-'] {
+  margin-right: 6px;
 }

public/css/themes/default.less

@@ -0,0 +1,102 @@
+// Brand Colors
+// -------------------------
+
+@brand-primary: #4d90fc;
+@brand-success: #60bf60;
+@brand-warning: #ff9800;
+@brand-danger: #de4b33;
+@brand-info: #5bc0dd;
+
+// Typography
+// -------------------------
+
+@headings-font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
+
+// Buttons
+// -------------------------
+
+@btn-primary-border: darken(@btn-primary-bg, 3.2%);
+@btn-success-border: darken(@btn-success-bg, 3.2%);
+@btn-warning-border: darken(@btn-warning-bg, 3.2%);
+@btn-danger-border: darken(@btn-danger-bg, 3.2%);
+@btn-info-border: darken(@btn-info-bg, 3.2%);
+
+.btn {
+  border-radius: 0;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11), 1px 1px 0 rgba(255, 255, 255, 0.21) inset;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.btn-link {
+  box-shadow: none;
+}
+
+.btn-default, .btn-default:focus {
+  background-image: linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%);
+}
+
+// Forms
+// -------------------------
+
+@input-border-radius: 0;
+@input-border-focus: #2598f9;
+
+.form-control:focus {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
+}
+
+// Form states and alerts
+// -------------------------
+
+@state-success-text: #569845;
+@state-success-bg: #dbf5d3;
+@state-success-border: #aed3a5;
+
+@state-info-text: #3a87ad;
+@state-info-bg: #d9edf7;
+@state-info-border: #98cce7;
+
+@state-warning-text: #bf9853;
+@state-warning-bg: #fdf8e2;
+@state-warning-border: #f2daab;
+
+@state-danger-text: #b94a48;
+@state-danger-bg: #f2dede;
+@state-danger-border: #e0b1b8;
+
+// Alerts
+// -------------------------
+
+.alert {
+  border-radius: 0;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
+}
+
+// Navbar
+// -------------------------
+
+@navbar-default-bg: rgba(255, 255, 255, 0.9);
+@navbar-default-link-color: #252525;
+@navbar-default-link-hover-color: #4da5f4;
+@navbar-default-link-active-color: #4da5f4;
+@navbar-default-link-hover-bg: transparent;
+@navbar-default-link-active-bg: transparent;
+@navbar-default-color: #fafafa;
+@navbar-default-brand-hover-color: #4da5f4;
+
+.navbar-default {
+  border: 0;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+
+  .navbar-nav {
+    > li > a {
+      font-size: 12px;
+      font-weight: 500;
+      text-transform: uppercase;
+      transition: all 0.2s linear;
+    }
+  }
+}