SURF-1875 Changes

Author: BadeJaya

src/less/components.less

@@ -22,7 +22,6 @@
     - Complex CSS Selectors
     - NO !important
 \* ========== COMPONENTS ========== */
-@import 'components/badge/index';
 @import 'components/box/index';
 @import 'components/breadcrumb/index';
 @import 'components/button/index';

src/scss/components/_index.scss

@@ -1,6 +1,7 @@
 // TODO: migrate components from LESS
 @import "accordion/index";
 @import "alert/index";
+@import "badge/index";
 @import "box/index";
 @import "loader/index";
 @import "selector-strip/index";

src/less/components/badge/index.less renamed to src/scss/components/badge/index.scss

@@ -1,8 +1,8 @@
 .hxBadge {
   align-items: center;
-  background-color: @red-900;
+  background-color: $red-900;
   border-radius: 1em;
-  color: @gray-0;
+  color: $gray-0;
   display: inline-flex;
   height: 1.25em;
   justify-content: center;