[gnome-shell-sass] quickSettings: Add QuickSlider

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

commit aa1c8da2c111c401a89f786d12acf12cf3db0c2d
Author: Florian Müllner <fmuellner gnome org>
Date:   Sat Jul 30 00:23:30 2022 +0200

    quickSettings: Add QuickSlider
    
    Between input/output volume and brightness, we have enough use
    cases for a common slider QuickSettingsItem, in particular as
    the items can have a menu.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2393>

 widgets/_quick-settings.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)
---
diff --git a/widgets/_quick-settings.scss b/widgets/_quick-settings.scss
index f1f2eb2..664f24c 100644
--- a/widgets/_quick-settings.scss
+++ b/widgets/_quick-settings.scss
@@ -39,6 +39,19 @@
   }
 }
 
+.quick-slider {
+  padding: $base_padding;
+
+  .slider-bin {
+    &:focus {@include button(focus);}
+    min-height: 16px; // slider size
+    padding: $base_padding;
+    border-radius: 99px;
+  }
+  .quick-toggle-icon { icon-size: $base_icon_size; }
+  .icon-button { background-color: transparent; }
+}
+
 .quick-toggle-menu {
   @include card();
   padding: 1.5 * $base_padding;