Convert .less to .scss

Author: Wouter Steegers

angular/app/components/coming-soon/coming-soon.less renamed to angular/app/components/coming-soon/coming-soon.scss

@@ -2,23 +2,23 @@
 
 .Footer{
     text-align: center;
-    background-color: @background;
-    border-top: 1px solid @border;
+    background-color: $background;
+    border-top: 1px solid $border;
     padding-top: 40px;
     padding-bottom: 40px;
-    color: @grey;
+    color: $grey;
     font-weight: 300;
 }
 
 .Footer-text{
     padding-top: 10px;
     opacity: 0.8;
-    color: @grey;
+    color: $grey;
 }
 
 .Footer-link{
     text-decoration: none;
-    color: @grey !important;
+    color: $grey !important;
     font-weight: 400;
 }
 

angular/app/components/dashboard/dashboard.less renamed to angular/app/components/dashboard/dashboard.scss

@@ -38,7 +38,7 @@
 .Landing-getStarted{
     padding: 12px 30px;
     font-weight: bold;
-    color: @black !important;
+    color: $black !important;
     border-radius: 4px;
     text-transform: box-shadow 250ms;
 }
@@ -55,7 +55,7 @@
 
 .Landing-ampersand{
     font-size: 50px;
-    color: @brand;
+    color: $brand;
     position: absolute;
     top: 70px;
     left: 0;
@@ -65,27 +65,27 @@
 }
 
 .Landing-angular{
-    background-color: @background;
-    border-left: 1px solid @border;
+    background-color: $background;
+    border-left: 1px solid $border;
 }
 
 .Landing-laravel,
 .Landing-angular{
     text-align: center;
-    color: @navy;
-    border-bottom: 1px solid @border;
+    color: $navy;
+    border-bottom: 1px solid $border;
 }
 
 .Landing-laravelAngular-title{
     padding-top: 30px;
     margin-bottom: 15px;
     font-weight: 300;
     letter-spacing: -1px;
-    color: @navy;
+    color: $navy;
 }
 
 .Landing-laravelAngular-subtitle{
-    color: @black;
+    color: $black;
     padding-left: 30px;
     padding-right: 30px;
     font-weight: 300;
@@ -114,11 +114,11 @@
 }
 
 .DemoCode-comment{
-    color: @grey;
+    color: $grey;
 }
 
 .DemoCode-operator{
-    color: @grey;
+    color: $grey;
 }
 
 .DemoCode-string{
@@ -138,13 +138,13 @@
     font-weight: 300;
     letter-spacing: -1px;
     margin-bottom: 15px;
-    color: @navy;
+    color: $navy;
 }
 
 .Landing-featuresMainDescription{
     width: 70%;
     margin: 0 auto 30px;
-    color: @black;
+    color: $black;
     font-weight: 300;
 }
 
@@ -160,7 +160,7 @@
 }
 
 .Landing-featuresTitle{
-    color: @navy;
+    color: $navy;
     letter-spacing: -1px;
     margin-top: 40px;
 }
@@ -170,11 +170,11 @@
     padding-left: 50px;
     padding-right: 50px;
     font-weight: 300;
-    color: @black;
+    color: $black;
 }
 
 .Landing-featuresEntry--restful{
-    background-color: @brand;
+    background-color: $brand;
 }
 
 .Landing-featuresEntry--jwt{

angular/app/components/forgot-password/forgot-password.less renamed to angular/app/components/forgot-password/forgot-password.scss

@@ -0,0 +1,6 @@
+$brand: #00A4C6;
+$black: #535362;
+$grey: #888888;
+$navy: #21455B;
+$border: #E9F0F3;
+$background: #F6F9FA;

angular/app/components/login-form/login-form.less renamed to angular/app/components/login-form/login-form.scss

@@ -47,7 +47,7 @@ elixir(function (mix) {
     .bower()
     .angular('./angular/')
     .ngHtml2Js('./angular/**/*.html')
-    .less('./angular/**/*.less', 'public/css')
+    .sass('./angular/**/*.scss', 'public/css')
     .version(assets)
     .livereload(buildPath + '/rev-manifest.json', {
       liveCSS: true