[gnome-shell-sass] quickSettings: Introduce QuickSettingsMenu

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

commit 67a5e3b1f7af4b81bc185dec62db7c996b2804d8
Author: Florian Müllner <fmuellner gnome org>
Date:   Sun Jul 24 19:29:50 2022 +0200

    quickSettings: Introduce QuickSettingsMenu
    
    The quick settings menu is a popover that arranges items in a
    reflowing, homogeneous grid. Grid children may span multiple
    columns, but not rows.
    
    For now the QuickSettingsMenu that contains the grid is just a
    convenience wrapper around the layout manager that does the heavy
    lifting. The two will become more intertwined when we add support
    for menu toggles though, so the custom menu type is unfortunately
    needed.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2392>

 _widgets.scss                | 1 +
 widgets/_quick-settings.scss | 8 ++++++++
 2 files changed, 9 insertions(+)
---
diff --git a/_widgets.scss b/_widgets.scss
index 4ed082f..875baf5 100644
--- a/_widgets.scss
+++ b/_widgets.scss
@@ -33,6 +33,7 @@
 // Panel
 @import 'widgets/panel';
 @import 'widgets/corner-ripple';
+@import 'widgets/quick-settings';
 // Overview
 @import 'widgets/overview';
 @import 'widgets/window-picker';
diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss
new file mode 100644
index 0000000..66a0ed3
--- /dev/null
+++ b/widgets/_quick-settings.scss
@@ -0,0 +1,8 @@
+.quick-settings {
+  padding: 4 * $base_padding;
+}
+
+.quick-settings-grid {
+  spacing-rows: 3 * $base_padding;
+  spacing-columns: 2 * $base_padding;
+}