Optimized modelbutton code.

Author: megax

src/gtk-3.20/scss/widgets/_menu.scss

@@ -293,39 +293,34 @@
         }
     }
 
-    modelbutton {
+    modelbutton.flat,
+    menuitem.button.flat {
         padding: $spacing ($spacing + 2px);
-        border: none;
-        transition: 150ms ease;
         outline-color: transparent;
+        transition: none;
 
-        &, &:backdrop, &.flat, &.flat:backdrop {
-            //@extend %undecorated_button;
+        @extend %undecorated_button;
 
-            &:hover { background-color: $selected_bg_color; color: $selected_fg_color }
-
-            &:active, &:selected { &, arrow { @extend %selected_items; } }
-
-            &:checked { color: $fg_color; }
+        &:hover {
+            background-color: $selected_bg_color;
+            color: $selected_fg_color;
+        }
 
-            // FIXME: temporary workaround
-            check:last-child,
-            radio:last-child { margin-left: 8px; }
+        &:active, &:selected { &, arrow { @extend %selected_items; } }
 
-            check:first-child,
-            radio:first-child { margin-right: 8px; }
+        &:checked { color: $fg_color; }
 
-            &.flat arrow {
-                &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+        arrow {
+            &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
 
-                &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-            }
+            &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
         }
 
-        &.flat {
-            &, &:hover {
-                transition: none;
-            }
-        }
+        // FIXME: temporary workaround
+        check:last-child,
+        radio:last-child { margin-left: 8px; }
+
+        check:first-child,
+        radio:first-child { margin-right: 8px; }
     }
 }