[libadwaita/wip/exalm/borderless: 31/33] stylesheet: Make GtkWindowControls buttons filled

[Alexander Mikhaylenko <alexm src gnome org>]

commit de3c4db2c2323b5c7b24d63687cd395d344aaf51
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Sun Jul 4 19:13:34 2021 +0500

    stylesheet: Make GtkWindowControls buttons filled
    
    Since header bar buttons are flat now, invert it and don't make window
    controls flat anymore.

 src/stylesheet/widgets/_header-bar.scss | 34 +++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)
---
diff --git a/src/stylesheet/widgets/_header-bar.scss b/src/stylesheet/widgets/_header-bar.scss
index 885abd80..c960b91b 100644
--- a/src/stylesheet/widgets/_header-bar.scss
+++ b/src/stylesheet/widgets/_header-bar.scss
@@ -40,15 +40,7 @@ headerbar {
     }
 
     windowcontrols {
-      button,
-      menubutton {
-        min-height: 28px;
-        min-width: 28px;
-        margin: 0;
-        padding: 0;
-      }
-
-      menubutton button {
+      button {
         min-height: 22px;
         min-width: 22px;
         margin: 0;
@@ -77,16 +69,26 @@ headerbar {
  *********************/
 
 windowcontrols {
-  border-spacing: 6px;
+  border-spacing: 3px;
 
   button {
-    @extend %button_basic_flat;
+    min-width: 24px;
+    padding: 5px;
+    margin: 0;
+
+    > image {
+      background-color: $button_color;
+      border-radius: 100%;
+      padding: 2px;
+      transition: $button_transition;
+    }
+
+    &, &:hover, &:active {
+      background: none;
+    }
 
-    border-radius: 9999px;
-    padding: 7px;
-    margin: 0 2px;
-    min-width: 0;
-    min-height: 0;
+    &:hover > image { background-color: $button_hover_color; }
+    &:hover:active > image { background-color: $button_active_color; }
   }
 }