[gnome-shell-sass] screenshot-ui: Add area selection

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

commit f0c960b69d489cc71c95f0e72e51670fe76289f2
Author: Ivan Molodetskikh <yalterz gmail com>
Date:   Mon Aug 16 14:34:49 2021 +0300

    screenshot-ui: Add area selection
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1954>

 widgets/_screenshot.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
---
diff --git a/widgets/_screenshot.scss b/widgets/_screenshot.scss
index 1c46146..6df6e5f 100644
--- a/widgets/_screenshot.scss
+++ b/widgets/_screenshot.scss
@@ -70,6 +70,28 @@
   }
 }
 
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, .3);
+}
+
+.screenshot-ui-area-selector {
+  .screenshot-ui-area-indicator-shade {
+    background-color: rgba(0, 0, 0, .5);
+  }
+
+  .screenshot-ui-area-indicator-selection {
+    border: 2px white;
+  }
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 99px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
 .screenshot-ui-screen-selector {
   transition-duration: 200ms;
   background-color: rgba(0, 0, 0, .5);