From d7a8490271d5fd1dcd47c8b251898dd1a52e6ce1 2017-06-07 21:23:10
From: Christopher Neugebauer <chrisjrn@gmail.com>
Date: 2017-06-07 21:23:10
Subject: [PATCH] (WIP) Replaces less files with sass files
---

diff --git a/static/src/less/account.less b/static/src/less/account.scss
similarity index 61%
rename from static/src/less/account.less
rename to static/src/less/account.scss
index 41a51dc6cb2156fffab4dce03deb0bdf5ed0f0b1..9248fad1c295845f9fe6b4001e973dc16e9a7139 100644
--- a/static/src/less/account.less
+++ b/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;
 }
\ No newline at end of file
diff --git a/static/src/less/custom.less b/static/src/less/custom.scss
similarity index 83%
rename from static/src/less/custom.less
rename to static/src/less/custom.scss
index 70ddcbd790aa47e62c52d8dde112ae9a1a1fd86a..dcb2562960eb1f9a04f4da77703fc03241d78ea7 100644
--- a/static/src/less/custom.less
+++ b/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 {
diff --git a/static/src/less/editor.less b/static/src/less/editor.scss
similarity index 100%
rename from static/src/less/editor.less
rename to static/src/less/editor.scss
diff --git a/static/src/less/site.less b/static/src/less/site.scss
similarity index 100%
rename from static/src/less/site.less
rename to static/src/less/site.scss
diff --git a/static/src/less/symposion-components.less b/static/src/less/symposion-components.scss
similarity index 87%
rename from static/src/less/symposion-components.less
rename to static/src/less/symposion-components.scss
index 39534dcc2dc51cc2f7cb2340591fa60a7de9f684..3379fb662f3ce34756702fa9ec255a497713b52f 100644
--- a/static/src/less/symposion-components.less
+++ b/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;
     }
diff --git a/static/src/less/symposion-schedule.less b/static/src/less/symposion-schedule.scss
similarity index 100%
rename from static/src/less/symposion-schedule.less
rename to static/src/less/symposion-schedule.scss
diff --git a/static/src/less/variables.less b/static/src/less/variables.less
deleted file mode 100644
index 822d64f6bf2ed2f926b3275f04768961c3695441..0000000000000000000000000000000000000000
--- a/static/src/less/variables.less
+++ /dev/null
@@ -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;
diff --git a/static/src/less/variables.scss b/static/src/less/variables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f63a06aeed06c6a57cb974ba980283b44a8dbc85
--- /dev/null
+++ b/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;