[libadwaita/wip/exalm/entry-spinbutton-fixes: 60/60] stylesheet: Fix spinbutton buttons

[Alexander Mikhaylenko <alexm src gnome org>]

commit 878eef3224e0d874da21f7e6100da31f58bf6744
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Nov 16 16:13:52 2021 +0500

    stylesheet: Fix spinbutton buttons
    
    Restore disabled style, simplify css.

 src/stylesheet/widgets/_spin-button.scss | 39 ++++++++++++++------------------
 1 file changed, 17 insertions(+), 22 deletions(-)
---
diff --git a/src/stylesheet/widgets/_spin-button.scss b/src/stylesheet/widgets/_spin-button.scss
index 0b7e5f4d..9c275e63 100644
--- a/src/stylesheet/widgets/_spin-button.scss
+++ b/src/stylesheet/widgets/_spin-button.scss
@@ -8,25 +8,13 @@ spinbutton {
   /* :not here just to bump specificity above that of the list button styling */
   > 
button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
   > 
button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) 
{
-    margin: 0;
-    background: none;
-    border-style: solid;
-    border-color: $thin_border_color;
+    @extend %button_basic_flat;
+
     border-radius: 0;
     box-shadow: none;
-    color: inherit;
-
-    &:hover {
-      background-color: $view_hover_color;
-    }
-
-    &:active {
-      background-color: $view_active_color;
-    }
 
-    &:disabled {
-      filter: none;
-    }
+    border-style: solid;
+    border-color: gtkalpha(currentColor, if($contrast == 'high', .5, .1));
   }
 
   &:not(.vertical) {
@@ -42,13 +30,20 @@ spinbutton {
       min-width: 22px;
       padding-bottom: 0;
       padding-top: 0;
-      border-width: 0 0 0 1px;
+      border-left-width: 1px;
 
-      &:dir(rtl) { border-width: 0 1px 0 0; }
+      &:dir(rtl) {
+        border-left-width: 0;
+        border-right-width: 1px;
+      }
 
-      &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
+      &:dir(ltr):last-child {
+        border-radius: 0 $button_radius $button_radius 0;
+      }
 
-      &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; }
+      &:dir(rtl):first-child {
+        border-radius: $button_radius 0 0 $button_radius;
+      }
     }
   }
 
@@ -62,12 +57,12 @@ spinbutton {
     > 
button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
     > 
button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) 
{
       &:last-child {
-        border-width: 1px 0 0 0;
+        border-top-width: 1px;
         border-radius: 0 0 $button_radius $button_radius;
       }
 
       &:first-child {
-        border-width: 0 0 1px 0;
+        border-bottom-width: 1px;
         border-radius: $button_radius $button_radius 0 0;
       }
     }