[gnome-shell/wip/snwh/corner-ripple-css] theme: replace corner ripple png assets with css

[Sam Hewitt <snwh src gnome org>]

commit 614af52bb73777d543e7a290ee55981fe1e38481
Author: Sam Hewitt <sam snwh org>
Date:   Fri Nov 16 14:05:05 2018 -0500

    theme: replace corner ripple png assets with css

 data/theme/corner-ripple-ltr.png         | Bin 2493 -> 0 bytes
 data/theme/corner-ripple-rtl.png         | Bin 2386 -> 0 bytes
 data/theme/gnome-shell-sass/_common.scss |  11 +++++------
 3 files changed, 5 insertions(+), 6 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 06c50d1d9..829791419 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -1142,17 +1142,16 @@ StScrollBar {
     & > StIcon { icon-size: 16px; }
   }
 
-//Activities Ripples
+// Activities Ripples
 .ripple-box {
   width: 52px;
   height: 52px;
-  background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
-  background-size: contain;
+  border-radius: 0 0 52px 0; // radius the size of the box give us the curve
+  background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
+  box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
 }
 
-.ripple-box:rtl {
-  background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png");
-}
+.ripple-box:rtl { border-radius: 0 0 0 52px; } // just a simple change to the border radius position
 
 // not really top bar only
 .popup-menu-arrow { width: 16px; height: 16px; }