Add backward for using icons without `.icons` class!

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 29e2ce4aaa5801a4578eb9e6b433a1bc74bb2d4f..4ce7a04c478f08365ad1eab3a8abcac0ff845914 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -48,6 +48,11 @@ $menu-state-back-compat: true !default;
 /// @type Boolean
 $menu-centered-back-compat: true !default;
 
+/// Backward compatibility for using `icon-*` classes without `.icons` classes
+/// But please note that this backward compatibility will be removed in upcoming versions.
+/// @type Boolean
+$menu-icons-back-compat: true !default;
+
 /// Creates the base styles for a Menu.
 @mixin menu-base {
   padding: 0;
@@ -406,6 +411,16 @@ $menu-centered-back-compat: true !default;
       @include menu-icons;
     }
 
+    // Backward Compatibility for active state
+    @if $menu-icons-back-compat {
+      &.icon-top,
+      &.icon-right,
+      &.icon-bottom,
+      &.icon-left {
+        @include menu-icons;
+      }
+    }
+
     // Icon Left
     &.icon-left {
       @include menu-icon-position(left);