From: harry <harmanmanchanda182@gmail.com>
Date: Mon, 3 Jul 2017 19:02:26 +0000 (+0530)
Subject: Add backward for using icons without `.icons` class!
X-Git-Tag: v6.4.2-rc2~1^2~38^2~1
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=9ea60de287df6980ead98771ef57fdcc35328644;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 29e2ce4aa..4ce7a04c4 100644
--- 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);