[gnome-shell-sass] quickSettings: Add QuickToggle

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

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

    quickSettings: Add QuickToggle
    
    Most quick settings items are just buttons with icon, label, and
    a particular style. While that's easy enough, a dedicated class
    with corresponding properties is more convenient.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2392>

 widgets/_quick-settings.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
---
diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss
index 66a0ed3..8dc5ff8 100644
--- a/widgets/_quick-settings.scss
+++ b/widgets/_quick-settings.scss
@@ -6,3 +6,17 @@
   spacing-rows: 3 * $base_padding;
   spacing-columns: 2 * $base_padding;
 }
+
+.quick-toggle {
+  border-radius: 99px;
+  min-width: 11.5em;
+  max-width: 11.5em;
+  min-height: 48px;
+
+  &:checked { @include button(default); }
+
+  & > StBoxLayout { spacing: $base_padding; }
+
+  .quick-toggle-label { font-weight: bold; }
+  .quick-toggle-icon { icon-size: $base_icon_size; }
+}