[libadwaita/wip/exalm/paned-fix: 7/7] stylesheet: Fix paned separators

[Alexander Mikhaylenko <alexm src gnome org>]

commit f9c418d83bddc5cae108a1b236071bbfab70c181
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Dec 1 17:56:17 2021 +0500

    stylesheet: Fix paned separators
    
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/341

 src/stylesheet/widgets/_paned.scss | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)
---
diff --git a/src/stylesheet/widgets/_paned.scss b/src/stylesheet/widgets/_paned.scss
index 1c108bee..baf320af 100644
--- a/src/stylesheet/widgets/_paned.scss
+++ b/src/stylesheet/widgets/_paned.scss
@@ -2,28 +2,25 @@ paned {
   > separator {
     min-width: 1px;
     min-height: 1px;
-    background-color: $border_color;
+    background: none;
     background-size: 1px 1px;
 
     &.wide {
       min-width: 5px;
       min-height: 5px;
-      background: none;
     }
   }
 
   &.horizontal > separator {
-    background-repeat: repeat-y;
-
     &:dir(ltr) {
       margin: 0 -8px 0 0;
       padding: 0 8px 0 0;
-      background-position: left;
+      box-shadow: inset 1px 0 $border_color;
     }
     &:dir(rtl) {
       margin: 0 0 0 -8px;
       padding: 0 0 0 8px;
-      background-position: right;
+      box-shadow: inset -1px 0 $border_color;
     }
 
     &.wide {
@@ -37,8 +34,7 @@ paned {
   &.vertical > separator {
     margin: 0 0 -8px 0;
     padding: 0 0 8px 0;
-    background-repeat: repeat-x;
-    background-position: top;
+    box-shadow: inset 0 1px $border_color;
 
     &.wide {
       margin: 0;