[libadwaita/wip/exalm/osd-menu-buttons: 3/3] stylesheet: Support .circular, .flat and .outline for menu buttons

[Alexander Mikhaylenko <alexm src gnome org>]

commit 6f43e2ea3d7ba38fd23ff4438befaab97a6345ac
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Jun 23 13:46:05 2021 +0500

    stylesheet: Support .circular, .flat and .outline for menu buttons

 src/stylesheet/widgets/_buttons.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)
---
diff --git a/src/stylesheet/widgets/_buttons.scss b/src/stylesheet/widgets/_buttons.scss
index d1265787..4ad9f416 100644
--- a/src/stylesheet/widgets/_buttons.scss
+++ b/src/stylesheet/widgets/_buttons.scss
@@ -247,13 +247,13 @@ button {
   }
 
   // hide separators
-  &.font{
+  &.font {
     separator { background-color: transparent; }
     > box { border-spacing: 6px; }
     > box > box > label { font-weight: bold; }
   }
 
-  menubutton.circular &,
+  @at-root %circular_button,
   &.circular { // force circular button shape
     min-width: 34px;
     min-height: 34px;
@@ -345,6 +345,10 @@ menubutton {
     > button { @extend %osd_button; }
   }
 
+  &.circular > button { @extend %circular_button; }
+  &.flat > button { @extend %button_basic_flat; }
+  &.outline > button { @extend %outline_button; }
+
   arrow {
     min-height: 16px;
     min-width: 16px;