[libadwaita/wip/exalm/exclusive-toggles: 3/6] stylesheet: Restrict .linked to box and grid

[Alexander Mikhaylenko <alexm src gnome org>]

commit 5ebdb28e3eab4c8a50fa8fca8e56176828ab306f
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Sat Sep 11 22:42:12 2021 +0500

    stylesheet: Restrict .linked to box and grid
    
    We'll style GtkStackSwitcher differently.

 src/stylesheet/widgets/_linked.scss   | 51 ++++++++++++++++++-----------------
 src/stylesheet/widgets/_toolbars.scss | 13 +++++----
 2 files changed, 35 insertions(+), 29 deletions(-)
---
diff --git a/src/stylesheet/widgets/_linked.scss b/src/stylesheet/widgets/_linked.scss
index 1e29c3bc..fee2a01c 100644
--- a/src/stylesheet/widgets/_linked.scss
+++ b/src/stylesheet/widgets/_linked.scss
@@ -10,35 +10,38 @@ $_linked_widgets: ("%button",          ""),
                   ("%entry",           ""),
                   ("entry",            "");
 
-@each $widget, $child in $_linked_widgets {
-  .linked:not(.vertical) > {
-    #{$widget} {
-      &:dir(ltr):not(:first-child) #{$child},
-      &:dir(rtl):not(:last-child) #{$child} {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        margin-left: -1px;
-      }
+box,
+grid {
+  @each $widget, $child in $_linked_widgets {
+    &.linked:not(.vertical) > {
+      #{$widget} {
+        &:dir(ltr):not(:first-child) #{$child},
+        &:dir(rtl):not(:last-child) #{$child} {
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+          margin-left: -1px;
+        }
 
-      &:dir(ltr):not(:last-child) #{$child},
-      &:dir(rtl):not(:first-child) #{$child} {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
+        &:dir(ltr):not(:last-child) #{$child},
+        &:dir(rtl):not(:first-child) #{$child} {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        }
       }
     }
-  }
 
-  .linked.vertical {
-    #{$widget} {
-      &:not(:first-child) #{$child} {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        margin-top: -1px;
-      }
+    &.linked.vertical {
+      #{$widget} {
+        &:not(:first-child) #{$child} {
+          border-top-left-radius: 0;
+          border-top-right-radius: 0;
+          margin-top: -1px;
+        }
 
-      &:not(:last-child) #{$child} {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
+        &:not(:last-child) #{$child} {
+          border-bottom-left-radius: 0;
+          border-bottom-right-radius: 0;
+        }
       }
     }
   }
diff --git a/src/stylesheet/widgets/_toolbars.scss b/src/stylesheet/widgets/_toolbars.scss
index 1fbae1e0..acbc83c3 100644
--- a/src/stylesheet/widgets/_toolbars.scss
+++ b/src/stylesheet/widgets/_toolbars.scss
@@ -13,11 +13,14 @@
     }
   }
 
-  .linked button:not(.raised):not(.suggested-action):not(.destructive-action) {
-    &.arrow-button,
-    &.image-button,
-    &.image-text-button {
-      @extend %button_basic_raised;
+  box.linked,
+  grid.linked {
+    button:not(.raised):not(.suggested-action):not(.destructive-action) {
+      &.arrow-button,
+      &.image-button,
+      &.image-text-button {
+        @extend %button_basic_raised;
+      }
     }
   }