[libadwaita/wip/exalm/emoji: 1/2] stylesheet: Move $menu_padding to _common.scss

[Alexander Mikhaylenko <alexm src gnome org>]

commit c8ca8f997134b03ae298cff025b23bb83b3bf658
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon May 17 13:48:55 2021 +0500

    stylesheet: Move $menu_padding to _common.scss
    
    We'll need it for emoji completion popover.

 src/stylesheet/_common.scss        |  1 +
 src/stylesheet/widgets/_menus.scss | 15 ++++++---------
 2 files changed, 7 insertions(+), 9 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index aa8d38c8..2062cf4b 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -9,6 +9,7 @@ $focus_transition: outline-width 200ms $ease-out-quad, outline-offset 200ms $eas
 $button_radius: 5px;
 $menu_radius: 5px;
 $menu_margin: $menu_radius; //margin around menuitems & sidebar items
+$menu_padding: 12px; //inner menuitem padding
 $window_radius: $button_radius + 3;
 $popover_radius: $button_radius + 4;
 
diff --git a/src/stylesheet/widgets/_menus.scss b/src/stylesheet/widgets/_menus.scss
index 6094df6d..66759511 100644
--- a/src/stylesheet/widgets/_menus.scss
+++ b/src/stylesheet/widgets/_menus.scss
@@ -1,11 +1,8 @@
-$_menu-padding: 12px; //inner menuitem padding
-//global $menu-margin for outside menuitems
-
 popover.menu {
   padding: 0;
 
   box.inline-buttons {
-    padding: 0 $_menu-padding;
+    padding: 0 $menu_padding;
 
     button.image-button.model {
       @include button(undecorated);
@@ -22,7 +19,7 @@ popover.menu {
   }
 
   box.circular-buttons {
-    padding: $_menu-padding $_menu-padding 6px;
+    padding: $menu_padding $menu_padding 6px;
 
     button.circular.image-button.model {
       @extend %outline_button;
@@ -48,8 +45,8 @@ popover.menu {
   accelerator {
     color: gtkalpha(currentColor, 0.55);
 
-    &:dir(ltr) { margin-left: $_menu-padding; }
-    &:dir(rtl) { margin-right: $_menu-padding; }
+    &:dir(ltr) { margin-left: $menu_padding; }
+    &:dir(rtl) { margin-right: $menu_padding; }
   }
 
   check,
@@ -88,7 +85,7 @@ popover.menu {
   modelbutton {
     min-height: 30px;
     min-width: 40px;
-    padding: 0 $_menu-padding;
+    padding: 0 $menu_padding;
     border-radius: $menu-margin;
 
     @extend %undecorated_button;
@@ -121,7 +118,7 @@ popover.menu {
 
   label.title {
     font-weight: bold;
-    padding: 4px ($_menu-padding + 20px); //this will fall apart with font sizing
+    padding: 4px ($menu_padding + 20px); //this will fall apart with font sizing
   }
 }