_vertical-nav.scss in patternfly-sass-3.57.0

- old
+ new

@@ -79,11 +79,11 @@
       // When flexbox is supported nav item names take up all available space
       @supports (display: flex) {
         display: flex;
         padding-right: 0;
       }
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .glyphicon,
       .pficon {
         color: $nav-pf-vertical-icon-color;
         float: left;
         font-size: ($font-size-base + 8);
@@ -101,11 +101,11 @@
     &:hover > a,
     & > a:focus {
       background-color: $nav-pf-vertical-active-bg-color;
       color: $nav-pf-vertical-active-color;
       font-weight: $nav-pf-vertical-active-font-weight;
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .glyphicon,
       .pficon {
         color: $nav-pf-vertical-active-icon-color;
       }
     }
@@ -158,11 +158,11 @@
     margin: $nav-pf-vertical-secondary-list-header-margin;
   }
   &.hidden-icons-pf {
     > .list-group > .list-group-item { // only the primary menu hides icons
       > a {
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .glyphicon,
         .pficon {
           display: none;
         }
       }
@@ -194,10 +194,10 @@
       line-height: $line-height-base;
       margin: 0;
       padding: 0 7px;
       text-align: center;
       .pficon,
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         font-size: ($font-size-base + 2);
         height: 20px;
         line-height: $line-height-base;
         margin-right: 3px;
         margin-top: -1px;