Convert remaining LESS files to SCSS

modules/editor/components/emoticon/tpl/popup.html

@@ -1,12 +1,16 @@
+<load target="popup.scss" />
 <load target="popup.js" />
-<load target="popup.less" />
-{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
+
+{@ Context::addMetaTag('viewport', 'width=device-width', FALSE);}
+
 <script>
 	var lang_success_added = '{$lang->success_added}';
 </script>
+
 <div class="x_modal-header">
 	<h1>{$component_info->title}</h1>
 </div>
+
 <div class="x_modal-body">
 	<div class="rx_tab">
 		<ul class="rx_tab">

modules/editor/components/emoticon/tpl/popup.scss

@@ -1,14 +1,12 @@
-@charset "UTF-8";
-#emoticons{
-	padding:0 10px 20px 10px;
-	input.emoticon{
+#emoticons {
+	padding: 0 10px 20px 10px;
+	input.emoticon {
 		display: inline-block;
-		margin:5px;
-		cursor:pointer;
+		margin: 5px;
+		cursor: pointer;
 	}
 }
 
-
 div.rx_tab {
 	width: 100%;
 	white-space: nowrap;
@@ -19,13 +17,13 @@ div.rx_tab {
 		list-style: outside none none;
 		margin: 0;
 		text-decoration: none;
-		
-		&>li {
+
+		& > li {
 			display: inline-block;
 			height: 40px;
 			line-height: 18px;
 			position: relative;
-			
+
 			a {
 				display: inline-block;
 				color: #000;
@@ -33,20 +31,20 @@ div.rx_tab {
 				letter-spacing: -1px;
 				line-height: 40px;
 				text-decoration: none;
-				
+
 				span {
 					border-left: 1px solid #e0e0e0;
 					padding: 0 15px;
 				}
 			}
-			
+
 			a:hover,
 			a:focus,
 			&.rx_active a
 			{
 				color: #2196f3;
 			}
-			
+
 			&:first-child a span {
 				border-left: 0 none;
 			}
@@ -58,4 +56,4 @@ div.rx_tab {
 /* for mobile view */
 div.xe_mobile {
 	display:none!important;
-}
+}