[gnome-shell-sass] theme: Import widget stylesheets in a reasonable order

[Florian Müllner <fmuellner src gnome org>]

commit ccbad2f899e2fa307cfb3ae088d548b05b3dcc41
Author: nana-4 <hnmaigo gmail com>
Date:   Mon Jan 20 00:25:51 2020 +0900

    theme: Import widget stylesheets in a reasonable order
    
    Instead of alphabetical ordering, sort the widget stylesheets
    from more global to more local while grouping related things.
    
    This helps reduce unintended behaviors and ugly overrides and
    make styling and debugging easier.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/938

 _widgets.scss | 52 +++++++++++++++++++++++++++++++---------------------
 1 file changed, 31 insertions(+), 21 deletions(-)
---
diff --git a/_widgets.scss b/_widgets.scss
index 997fb80..4ff6a12 100644
--- a/_widgets.scss
+++ b/_widgets.scss
@@ -5,34 +5,44 @@
 //
 
 /* WIDGETS */
-@import 'widgets/app-grid';
-@import 'widgets/app-switcher';
+
+// Primary widgets
+@import 'widgets/entries';
 @import 'widgets/buttons';
-@import 'widgets/calendar';
 @import 'widgets/check-box';
-@import 'widgets/corner-ripple';
-@import 'widgets/dash';
-@import 'widgets/dialogs';
-@import 'widgets/entries';
-@import 'widgets/hotplug';
-@import 'widgets/ibus-popup';
-@import 'widgets/keyboard';
-@import 'widgets/login-dialog';
-@import 'widgets/looking-glass';
+@import 'widgets/switches';
+@import 'widgets/slider';
+@import 'widgets/scrollbars';
+// Popovers
+@import 'widgets/popovers';
+@import 'widgets/calendar';
 @import 'widgets/message-list';
+@import 'widgets/ibus-popup';
+// Notifications
 @import 'widgets/notifications';
-@import 'widgets/misc';
+@import 'widgets/hotplug';
+// Dialogs
+@import 'widgets/dialogs';
 @import 'widgets/network-dialog';
+// OSDs
 @import 'widgets/osd';
-@import 'widgets/overview';
+@import 'widgets/app-switcher';
+@import 'widgets/workspace-switcher';
+// Panel
 @import 'widgets/panel';
-@import 'widgets/popovers';
-@import 'widgets/screen-shield';
-@import 'widgets/scrollbars';
+@import 'widgets/corner-ripple';
+// Overview
+@import 'widgets/overview';
+@import 'widgets/window-picker';
 @import 'widgets/search-entry';
 @import 'widgets/search-results';
-@import 'widgets/slider';
-@import 'widgets/switches';
+@import 'widgets/app-grid';
+@import 'widgets/dash';
+// A11y / misc
+@import 'widgets/misc';
 @import 'widgets/tiled-previews';
-@import 'widgets/window-picker';
-@import 'widgets/workspace-switcher';
+@import 'widgets/keyboard';
+@import 'widgets/looking-glass';
+// Lock / login screens
+@import 'widgets/login-dialog';
+@import 'widgets/screen-shield';