(WIP) Replaces less files with sass files

static/src/less/account.scss

@@ -2,7 +2,7 @@ body.account-settings .account-settings,
 body.account-password .account-password,
 body.account-delete .account-delete {
     z-index: 2; // Place active items above their siblings for proper border styling
-    color: @list-group-active-color;
-    background-color: @list-group-active-bg;
-    border-color: @list-group-active-border;
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border;
 }

static/src/less/custom.scss

@@ -16,13 +16,13 @@ p.login-signup {
 }
 
 .feature-columns {
-    .make-row();
+    @include make-row();
 
     > div {
         i.fa {
             margin-bottom: 0.2em;
         }
-        .make-sm-column(4);
+        @include make-sm-column(4);
         .text-center;
         margin: 2em 0;
     }
@@ -32,9 +32,9 @@ body.reviews.review-list .review-list,
 body.reviews.voting-status .voting-status,
 body.reviews.review-results .review-results {
     z-index: 2; // Place active items above their siblings for proper border styling
-    color: @list-group-active-color;
-    background-color: @list-group-active-bg;
-    border-color: @list-group-active-border;
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border;
 }
 
 body.reviews.voting-status {

static/src/less/symposion-components.scss

@@ -1,6 +1,6 @@
 // General
 body {
-    padding-top: @navbar-height * 1.2;
+    padding-top: $navbar-height * 1.2;
 }
 label:not(.checkbox):not(.radio) {
     font-weight: bold;
@@ -26,7 +26,7 @@ header {
     }
 
     a, a:hover, a:visited {
-        color: @gray-dark;
+        color: $gray-dark;
         text-decoration: none;
     }
 }
@@ -44,7 +44,7 @@ header {
 
 // Markitup
 div.box-content .markItUpEditor {
-  font-family: @font-family-monospace;
+  font-family: $font-family-monospace;
   padding:5px;
   width:600px;
   height:320px;
@@ -73,7 +73,7 @@ div.box-content .markItUpEditor {
         position: relative;
         height: 40px;
         line-height: 40px;
-        background-color: @navbar-default-bg;
+        background-color: $navbar-default-bg;
         border: 1px solid #D5D5D5;
         border-radius: 4px 4px 0 0;
         -webkit-background-clip: padding-box;
@@ -86,7 +86,7 @@ div.box-content .markItUpEditor {
             margin-right: 3em;
             font-size: 14px;
             font-weight: 600;
-            color: @gray-dark;
+            color: $gray-dark;
             line-height: 18px;
             text-shadow: 1px 1px 2px rgba(255,255,255,.5);
         }
@@ -94,7 +94,7 @@ div.box-content .markItUpEditor {
 
     .titled-form-content {
         border: 1px solid #D5D5D5;
-        .box-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
+        @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
         background-color: #fff;
         border-top: none;
         padding-top: 20px;
@@ -103,7 +103,7 @@ div.box-content .markItUpEditor {
     .form-actions {
         margin-top: 0px;
         border-radius: 0 0 4px 4px;
-        .box-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
+        @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
         border: 1px solid #D5D5D5;
         border-top: none;
     }

static/src/less/variables.less

@@ -1,3 +0,0 @@
-@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif:       Georgia, "Times New Roman", Times, serif;
-@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;

static/src/less/variables.scss

@@ -0,0 +1,3 @@
+$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+$font-family-serif:       Georgia, "Times New Roman", Times, serif;
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;