[gnome-shell-sass] quickSettings: Add header to QuickToggleMenu

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

commit 127248fe9e3237747a856c7be6f291a2c96c9fa1
Author: Florian Müllner <fmuellner gnome org>
Date:   Fri Jul 29 23:41:33 2022 +0200

    quickSettings: Add header to QuickToggleMenu
    
    All menus in the mockups spot a header, and as we are using a
    custom menu type anyway, just add some API there.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2393>

 widgets/_quick-settings.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
---
diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss
index 05d8495..eeb7420 100644
--- a/widgets/_quick-settings.scss
+++ b/widgets/_quick-settings.scss
@@ -24,6 +24,27 @@
 .quick-toggle-menu {
   @include card();
   padding: 1.5 * $base_padding;
+
+  & .header {
+    spacing-rows: 0.5 * $base_padding;
+    spacing-columns: $base_padding;
+    padding-bottom: 2 * $base_padding;
+
+    & .icon {
+      icon-size: $large_icon_size;
+      border-radius: 999px;
+      padding: 1.5 * $base_padding;
+      background-color: lighten($bg_color, 10%);
+    }
+
+    & .title {
+      @extend %title_3;
+    }
+
+    & .subtitle {
+      @extend %caption_heading;
+    }
+  }
 }
 
 .quick-toggle-menu-container {