Replace SCSS ruby-sass compiler with libsass

share/themes/Kali-Light/gnome-shell/gnome-shell.css

@@ -132,6 +132,7 @@ StEntry {
 /* Scrollbars */
 StScrollView.vfade {
   -st-vfade-offset: 68px; }
+
 StScrollView.hfade {
   -st-hfade-offset: 68px; }
 
@@ -176,14 +177,18 @@ StScrollBar {
 /* Check Boxes */
 .check-box StBoxLayout {
   spacing: .8em; }
+
 .check-box StBin {
   width: 24px;
   height: 22px;
   background-image: url("assets/checkbox-off.svg"); }
+
 .check-box:focus StBin {
   background-image: url("assets/checkbox-off-focused.svg"); }
+
 .check-box:checked StBin {
   background-image: url("assets/checkbox.svg"); }
+
 .check-box:focus:checked StBin {
   background-image: url("assets/checkbox-focused.svg"); }
 
@@ -361,6 +366,7 @@ StScrollBar {
 
 .mount-dialog-app-list-item-icon:ltr {
   padding-right: 17px; }
+
 .mount-dialog-app-list-item-icon:rtl {
   padding-left: 17px; }
 
@@ -474,6 +480,7 @@ StScrollBar {
 .extension-dialog .message-dialog-main-layout {
   spacing: 24px;
   padding: 10px; }
+
 .extension-dialog .message-dialog-title {
   font-weight: normal;
   color: #5c616c; }
@@ -692,9 +699,7 @@ StScrollBar {
   background-color: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 12px; }
-  .osd-window StIcon,
-  .resize-popup StIcon,
-  .switcher-list StIcon, .workspace-switcher-container StIcon {
+  .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon {
     icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; }
 
 .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry {
@@ -791,9 +796,17 @@ StScrollBar {
     #panel .panel-button .system-status-icon {
       icon-size: 1.09em;
       padding: 0 5px; }
-    .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+    .unlock-screen #panel .panel-button,
+    .login-screen #panel .panel-button,
+    .lock-screen #panel .panel-button {
       color: #737a88; }
-      .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+      .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
+      .login-screen #panel .panel-button:focus,
+      .login-screen #panel .panel-button:hover,
+      .login-screen #panel .panel-button:active,
+      .lock-screen #panel .panel-button:focus,
+      .lock-screen #panel .panel-button:hover,
+      .lock-screen #panel .panel-button:active {
         color: #737a88; }
   #panel .panel-status-indicators-box,
   #panel .panel-status-menu-box {
@@ -856,6 +869,7 @@ StScrollBar {
 .events-section-title:hover,
 .events-section-title:focus {
   background-color: white; }
+
 .datemenu-today-button:active,
 .world-clocks-button:active,
 .weather-button:active,
@@ -1024,7 +1038,7 @@ StScrollBar {
   color: #5c616c;
   font-size: 0.7em;
   /* HACK: the label should be baseline-aligned with a 1em label,
-           fake this with some bottom padding */
+                     fake this with some bottom padding */
   padding-bottom: 0.13em; }
 
 .message-secondary-bin > StIcon {
@@ -1379,6 +1393,7 @@ StScrollBar {
 .list-search-result:hover {
   background-color: rgba(238, 238, 236, 0.1);
   transition-duration: 200ms; }
+
 .search-provider-icon:active, .search-provider-icon:checked,
 .list-search-result:active,
 .list-search-result:checked {
@@ -1389,7 +1404,10 @@ StScrollBar {
 .show-apps .overview-icon,
 .grid-search-result .overview-icon {
   font-weight: bold; }
-.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
+
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
 .app-well-app.app-folder:hover .overview-icon,
 .app-well-app.app-folder:focus .overview-icon,
 .app-well-app.app-folder:selected .overview-icon,
@@ -1403,12 +1421,15 @@ StScrollBar {
   transition-duration: 0ms;
   border-image: none;
   background-image: none; }
+
 .app-well-app:drop .overview-icon,
 .app-well-app.app-folder:drop .overview-icon,
 .show-apps:drop .overview-icon,
 .grid-search-result:drop .overview-icon {
   background-color: rgba(39, 119, 255, 0.85); }
-.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
 .app-well-app.app-folder:active .overview-icon,
 .app-well-app.app-folder:checked .overview-icon,
 .show-apps:active .overview-icon,
@@ -1473,7 +1494,8 @@ StScrollBar {
     border: none;
     margin: 2px;
     background-color: white; }
-  .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon {
+  .page-indicator:checked .page-indicator-icon,
+  .page-indicator:checked:active .page-indicator-icon {
     background-color: white; }
 
 .app-well-app > .overview-icon.overview-icon-with-label,
@@ -1878,7 +1900,8 @@ StScrollBar {
 
 .login-dialog-not-listed-label {
   padding-left: 2px; }
-  .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  .login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+  .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
     color: #eeeeec; }
 
 .login-dialog-not-listed-label {
@@ -1924,6 +1947,7 @@ StScrollBar {
 
 .user-widget-label:ltr {
   padding-left: 14px; }
+
 .user-widget-label:rtl {
   padding-right: 14px; }
 
@@ -2053,6 +2077,7 @@ StScrollBar {
 .lg-dialog StEntry {
   selection-background-color: #bbbbbb;
   selected-color: #333333; }
+
 .lg-dialog .shell-link {
   color: #999999; }
   .lg-dialog .shell-link:hover {