[libadwaita/wip/exalm/borders: 39/40] stylesheet: Add background-clip: padding-box where we use borders

[Alexander Mikhaylenko <alexm src gnome org>]

commit 43d1689dca05ffbe6b190499c72accb0f40900bf
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon Jun 21 13:29:23 2021 +0500

    stylesheet: Add background-clip: padding-box where we use borders
    
    Prepare for transparent borders.

 src/stylesheet/widgets/_calendar.scss         |  1 +
 src/stylesheet/widgets/_dialogs.scss          |  2 ++
 src/stylesheet/widgets/_entries.scss          |  1 +
 src/stylesheet/widgets/_lists.scss            | 10 +++++++++-
 src/stylesheet/widgets/_message-dialog.scss   |  1 +
 src/stylesheet/widgets/_notebook.scss         |  6 ++++--
 src/stylesheet/widgets/_shortcuts-window.scss |  1 +
 src/stylesheet/widgets/_sidebars.scss         |  1 +
 8 files changed, 20 insertions(+), 3 deletions(-)
---
diff --git a/src/stylesheet/widgets/_calendar.scss b/src/stylesheet/widgets/_calendar.scss
index 278fbf0b..baf8a6e2 100644
--- a/src/stylesheet/widgets/_calendar.scss
+++ b/src/stylesheet/widgets/_calendar.scss
@@ -1,5 +1,6 @@
 calendar {
   color: $text_color;
+  background-clip: padding-box;
   border: 1px solid $borders_color;
 
   > header {
diff --git a/src/stylesheet/widgets/_dialogs.scss b/src/stylesheet/widgets/_dialogs.scss
index 41fe0797..d470da2d 100644
--- a/src/stylesheet/widgets/_dialogs.scss
+++ b/src/stylesheet/widgets/_dialogs.scss
@@ -17,6 +17,7 @@ window.dialog.print {
     paper {
       background: white;
       color: $light_fg;
+      background-clip: padding-box;
       border: 1px solid $borders_color;
     }
   }
@@ -29,6 +30,7 @@ window.dialog.print {
 window.assistant {
   .sidebar {
     padding: $menu-margin;
+    background-clip: padding-box;
     border-top: 1px solid $borders_color;
   }
 
diff --git a/src/stylesheet/widgets/_entries.scss b/src/stylesheet/widgets/_entries.scss
index 88314ab3..e2c1d693 100644
--- a/src/stylesheet/widgets/_entries.scss
+++ b/src/stylesheet/widgets/_entries.scss
@@ -7,6 +7,7 @@ entry {
     border: 1px solid;
     border-radius: $button_radius;
     border-spacing: 6px;
+    background-clip: padding-box;
     transition: all 200ms $ease-out-quad;
 
     @include entry(normal);
diff --git a/src/stylesheet/widgets/_lists.scss b/src/stylesheet/widgets/_lists.scss
index e9584040..86df2628 100644
--- a/src/stylesheet/widgets/_lists.scss
+++ b/src/stylesheet/widgets/_lists.scss
@@ -2,9 +2,14 @@ listview,
 list {
   color: $text_color;
   background-color: $base_color;
+  background-clip: padding-box;
   border-color: $borders_color;
 
-  > row { padding: 2px; }
+  > row {
+    padding: 2px;
+    background-clip: padding-box;
+  }
+
   > row.expander { padding: 0px; }
   > row.expander .row-header { padding: 2px; }
 
@@ -12,6 +17,7 @@ list {
   &.separators.horizontal > row:not(.separator) {
     border-left: 1px solid $borders_color;
   }
+
   &:not(.horizontal) row.separator,
   &.separators:not(.horizontal) > row:not(.separator) {
     border-bottom: 1px solid $borders_color;
@@ -21,6 +27,8 @@ list {
 row {
   @include focus-ring($focus-state: 'focus-visible:focus-within');
 
+  background-clip: padding-box;
+
   &.activatable {
     &.has-open-popup, // this is for indicathing which row generated a popover see 
https://bugzilla.gnome.org/show_bug.cgi?id=754411
     &:hover { background-color: $view_hover_color; }
diff --git a/src/stylesheet/widgets/_message-dialog.scss b/src/stylesheet/widgets/_message-dialog.scss
index 133c64b2..59f1f715 100644
--- a/src/stylesheet/widgets/_message-dialog.scss
+++ b/src/stylesheet/widgets/_message-dialog.scss
@@ -33,6 +33,7 @@ window.dialog.message {
         padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
         border-radius: 0;
         border: none;
+        background-clip: padding-box;
         border-left: 1px solid $borders_color;
 
         &:first-child {
diff --git a/src/stylesheet/widgets/_notebook.scss b/src/stylesheet/widgets/_notebook.scss
index b4d3c97f..94e693a5 100644
--- a/src/stylesheet/widgets/_notebook.scss
+++ b/src/stylesheet/widgets/_notebook.scss
@@ -6,6 +6,7 @@ notebook {
     border-color: $borders_color;
     border-width: 1px;
     background-color: $dark_fill;
+    background-clip: padding-box;
 
     > tabs { margin: -1px; }
 
@@ -125,8 +126,9 @@ notebook {
       color: $fg_color;
       font-weight: normal;
 
-      border-width: 1px;         // for reorderable tabs
-      border-color: transparent; //
+      border-width: 1px;            // for reorderable tabs
+      border-color: transparent;    //
+      background-clip: padding-box; //
 
       &:hover {
         background-color: transparentize($bg_color, 0.8);
diff --git a/src/stylesheet/widgets/_shortcuts-window.scss b/src/stylesheet/widgets/_shortcuts-window.scss
index 06d2ba01..aacbbcec 100644
--- a/src/stylesheet/widgets/_shortcuts-window.scss
+++ b/src/stylesheet/widgets/_shortcuts-window.scss
@@ -21,6 +21,7 @@ shortcut {
 
     color: $fg_color;
     background-color: $base_color;
+    background-clip: padding-box;
     border: 1px solid;
     border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color);
     border-radius: 5px;
diff --git a/src/stylesheet/widgets/_sidebars.scss b/src/stylesheet/widgets/_sidebars.scss
index 8a0481f8..1774b5a8 100644
--- a/src/stylesheet/widgets/_sidebars.scss
+++ b/src/stylesheet/widgets/_sidebars.scss
@@ -1,5 +1,6 @@
 .sidebar {
   background-color: mix($bg_color, $base_color, 50%);
+  background-clip: padding-box;
 
   &:not(separator) {
     &:dir(ltr),