[libadwaita/wip/snwh/checks: 3/4] abandon the borders idea

[Sam Hewitt <snwh src gnome org>]

commit a69bc980e0f10290db50315625f656b3e7526ae5
Author: Sam Hewitt <sam snwh org>
Date:   Thu Dec 2 16:11:47 2021 -0330

    abandon the borders idea

 src/stylesheet/widgets/_checks.scss | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)
---
diff --git a/src/stylesheet/widgets/_checks.scss b/src/stylesheet/widgets/_checks.scss
index e528b255..a71c7e2d 100644
--- a/src/stylesheet/widgets/_checks.scss
+++ b/src/stylesheet/widgets/_checks.scss
@@ -17,15 +17,11 @@ checkbutton {
 
 check,
 radio {
+  padding: 2px;
   min-height: 16px;
   min-width: 16px;
   -gtk-icon-size: 16px;
 
-  background: none;
-  border-width: 2px;
-  border-style: solid;
-  border-color: $trough_color;
-
   @if $contrast == "high" {
     box-shadow: inset 0 0 0 1px $border_color;
   }
@@ -33,25 +29,23 @@ radio {
   &:not(:checked):not(:indeterminate),
   &:not(:checked):not(:indeterminate) {
     background: none;
-    border-color:$trough_color;
+    box-shadow: inset 0 0 0 2px $trough_color;
     -gtk-icon-source: none;
 
     &:hover {
-      border-color:$trough_hover_color;
-      background-image: image(gtkalpha(currentColor, .05));
+      box-shadow: inset 0 0 0 2px $trough_hover_color;
 
       &:active {
         background: $trough_active_color;
-        border-color: $trough_active_color
+        box-shadow: inset 0 0 0 2px  $trough_active_color
       }
     }
   }
 
-
   &:checked,
   &:indeterminate {
     background-color: $fill_color;
-    border-color: $fill_color;
+    box-shadow: inset 0 0 0 2px  $fill_color;
     color: $fill_text_color;
 
     @if $contrast == "high" {
@@ -62,7 +56,10 @@ radio {
       background-image: image(gtkalpha(currentColor, .1));
       border-image: image(gtkalpha(currentColor, .1));
 
-      &:active { background-image: image(transparentize(black, .8)); }
+      &:active { 
+        background-image: image(transparentize(black, .8));
+        border-image: image(transparentize(black, .8));
+      }
     }
   }