patternfly-sass 3.23.2 → 3.31.1

data/{assets/stylesheets → dist/sass}/patternfly/_popovers.scss

@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 .popover {
-  @include box-shadow(0 2px 2px rgba($color-pf-black, 0.08));
+  @include box-shadow(0 2px 2px rgba($color-pf-black, (8/100)));
   padding: 0;
 }
 

data/{assets/stylesheets → dist/sass}/patternfly/_progress-bars.scss

@@ -8,7 +8,7 @@
 }
 
 .progress {
-  @include box-shadow(inset 0 0 1px rgba($color-pf-black, 0.25));
+  @include box-shadow(inset 0 0 1px rgba($color-pf-black, (25/100)));
   &.progress-label-left,
   &.progress-label-top-right {
     overflow: visible;

data/{assets/stylesheets → dist/sass}/patternfly/_search.scss

@@ -27,7 +27,7 @@
   }
   .has-clear {
     .clear {
-      background: rgba($color-pf-white, 0.0); // to make the whole button clickable in IE9+
+      background: rgba($color-pf-white, (0/100)); // to make the whole button clickable in IE9+
       border: 0;
       height: ($input-height-base - 1);
       line-height: 1;

data/dist/sass/patternfly/_skip-to-content.scss

@@ -0,0 +1,12 @@
+//
+// Skip to content
+// --------------------------------------------------
+.skiplink-pf {
+  position: absolute;
+  top: $skiplink-pf-top;
+  left: -300%; /* moves off screen */
+  z-index: $zindex-modal;
+}
+.skiplink-pf:focus {
+  left: $skiplink-pf-left;
+}

data/{assets/stylesheets → dist/sass}/patternfly/_spinner.scss

@@ -9,11 +9,11 @@
 
 .spinner {
   animation: rotation 600ms infinite linear;
-  border-bottom: 4px solid rgba($color-pf-black, 0.25);
-  border-left: 4px solid rgba($color-pf-black, 0.25);
-  border-right: 4px solid rgba($color-pf-black, 0.25);
+  border-bottom: 4px solid rgba($color-pf-black, (25/100));
+  border-left: 4px solid rgba($color-pf-black, (25/100));
+  border-right: 4px solid rgba($color-pf-black, (25/100));
   border-radius: 100%;
-  border-top: 4px solid rgba($color-pf-black, 0.75);
+  border-top: 4px solid rgba($color-pf-black, (75/100));
   height: ($font-size-base * 2);
   margin: 0 auto;
   position: relative;
@@ -38,35 +38,35 @@
     width: $font-size-base;
   }
   &.spinner-inverse {
-    border-bottom-color: rgba($color-pf-white, 0.25);
-    border-left-color: rgba($color-pf-white, 0.25);
-    border-right-color: rgba($color-pf-white, 0.25);
-    border-top-color: rgba($color-pf-white, 0.75);
+    border-bottom-color: rgba($color-pf-white, (25/100));
+    border-left-color: rgba($color-pf-white, (25/100));
+    border-right-color: rgba($color-pf-white, (25/100));
+    border-top-color: rgba($color-pf-white, (75/100));
   }
 }
 
 .ie9 .spinner {
-  background: url("#{$img-path}/#{$img-spinner}") no-repeat;
+  background: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner}"), "#{$img-path}#{$img-spinner}")) no-repeat;
   border: 0;
   &.spinner-inverse {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse}"), "#{$img-path}/#{$img-spinner-inverse}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-inverse}"), "#{$img-path}#{$img-spinner-inverse}"));
   }
   &.spinner-inverse-lg {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse-lg}"), "#{$img-path}/#{$img-spinner-inverse-lg}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-inverse-lg}"), "#{$img-path}#{$img-spinner-inverse-lg}"));
   }
   &.spinner-inverse-sm {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse-sm}"), "#{$img-path}/#{$img-spinner-inverse-sm}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-inverse-sm}"), "#{$img-path}#{$img-spinner-inverse-sm}"));
   }
   &.spinner-inverse-xs {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-inverse-xs}"), "#{$img-path}/#{$img-spinner-inverse-xs}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-inverse-xs}"), "#{$img-path}#{$img-spinner-inverse-xs}"));
   }
   &.spinner-lg {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-lg}"), "#{$img-path}/#{$img-spinner-lg}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-lg}"), "#{$img-path}#{$img-spinner-lg}"));
   }
   &.spinner-sm {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-sm}"), "#{$img-path}/#{$img-spinner-sm}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-sm}"), "#{$img-path}#{$img-spinner-sm}"));
   }
   &.spinner-xs {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$img-spinner-xs}"), "#{$img-path}/#{$img-spinner-xs}"));
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-spinner-xs}"), "#{$img-path}#{$img-spinner-xs}"));
   }
 }

data/{assets/stylesheets → dist/sass}/patternfly/_tabs.scss

@@ -96,7 +96,7 @@
       &:active,
       &:focus,
       &:hover {
-        @include tab-indicator
+        @include tab-indicator()
       }
     }
     > .dropdown-menu {

data/{assets/stylesheets → dist/sass}/patternfly/_time-picker.scss

@@ -1,8 +1,6 @@
 //
 // Time Picker
 // --------------------------------------------------
-$bs-datetimepicker-timepicker-font-size: 1em;
-$bs-datetimepicker-btn-hover-bg: transparent;
 .bootstrap-datetimepicker-widget {
   a[data-action] {
     border: 0;
@@ -16,7 +14,7 @@ $bs-datetimepicker-btn-hover-bg: transparent;
   &.dropdown-menu {
     left: 0!important;
     padding: 0;
-    width: calc(100% - 25px);
+    width: unquote("calc(100% - 25px)");
     &:before, &:after {
       content: none;
     }

data/{assets/stylesheets → dist/sass}/patternfly/_toast.scss

@@ -5,8 +5,9 @@
 .toast-pf {
   background-color: $color-pf-white;
   border-color: $color-pf-black-400;
-  box-shadow: 0 2px 6px rgba($color-pf-black, 0.2);
+  box-shadow: 0 2px 6px rgba($color-pf-black, (20/100));
   padding-left: 68px; //15px space between the icon and the text
+  margin-bottom: 5px;
   &.alert-danger > .pficon  { background-color: $alert-danger-border; }
   &.alert-info > .pficon    { background-color: $alert-info-border; }
   &.alert-success > .pficon { background-color: $alert-success-border; }
@@ -15,13 +16,13 @@
   > .pficon {
     background-color: $gray-pf;
     bottom:  -1px;
-    box-shadow: 2px 0 5px -2px rgba($color-pf-black, 0.2);
+    box-shadow: 2px 0 5px -2px rgba($color-pf-black, (20/100));
     left: -1px;
     padding-top: 10px;
     text-align: center;
     top: -1px;
     width: 53px;
-    &:before { color: rgba($color-pf-white, 0.74); }
+    &:before { color: rgba($color-pf-white, (74/100)); }
   }
   .toast-pf-action {
     margin-left: 15px;
@@ -48,7 +49,7 @@
   position: absolute;
   right: ($grid-gutter-width / 2);
   top: 12px;
-  z-index: 1035; // More than $zindex-navbar-fixed and less than $zindex-modal-background
+  z-index: 1055; // More than $zindex-modal
   /* Medium devices (desktops, 992px and up) */
   @media (min-width: $screen-md-min) {
     left: auto;
@@ -59,8 +60,8 @@
   margin-left: ($grid-gutter-width / 2);
   position: fixed;
   right: ($grid-gutter-width / 2);
-  top: ($grid-gutter-width / 2);
-  z-index: 1050;
+  top: $toast-notification-top;
+  z-index: 1055;
   .toast-pf {
     clear: both;
     float: right;

data/{assets/stylesheets → dist/sass}/patternfly/_toolbar.scss

@@ -5,7 +5,7 @@
 .toolbar-pf {
   background: $color-pf-white;
   border-bottom: 1px solid $sidebar-pf-border-color;
-  box-shadow: 0 1px 0px rgba($color-pf-black, 0.045);
+  box-shadow: 0 1px 0px fade($color-pf-black, 4.5%);
   padding-top: ($grid-gutter-width/4);
   .form-group {
     margin-bottom: ($grid-gutter-width/4);

data/{assets/stylesheets → dist/sass}/patternfly/_variables.scss

@@ -1,13 +1,33 @@
-$patternfly-sass-asset-helper: false !default;
 //
 // Variables
 // --------------------------------------------------
 // Bootstrap overrides and PatternFly-specific variables
 
+// Sass compass/sprockets asset helper flag
+// ----------------------
+$pf-sass-asset-helper:                                              false !default;
+
 // PatternFly-specific
 // -------------------
-@import "color-variables";
+@import 'color-variables';
 
+$applauncher-pf-dropdown-menu-border-width:                         1px !default;
+$applauncher-pf-dropdown-menu-padding:                              9px !default;
+$applauncher-pf-dropdown-menu-width:                                220px !default;
+$applauncher-pf-dropdown-toggle-padding:                            7px 10px !default;
+$applauncher-pf-icon-padding-right:                                 4px !default;
+$applauncher-pf-menu-link-border-color:                             $color-pf-white !default;
+$applauncher-pf-menu-link-border-color-hover:                       $color-pf-black-400 !default;
+$applauncher-pf-menu-link-border-width:                             1px !default;
+$applauncher-pf-menu-link-color:                                    $color-pf-black-300 !default;
+$applauncher-pf-menu-link-color-disabled:                           $color-pf-black-500 !default;
+$applauncher-pf-menu-link-color-hover:                              $color-pf-blue-400 !default;
+$applauncher-pf-menu-link-padding:                                  7px 10px !default;
+$applauncher-pf-menu-link-padding-block-list:                       15px 10px !default;
+$applauncher-pf-menu-link-background-color-hover:                   $color-pf-black-150 !default;
+$applauncher-pf-menu-link-shadow:                                   $color-pf-black-300 !default;
+$applauncher-pf-menu-link-icon-font-size:                           2em !default;
+$applauncher-pf-menu-link-icon-width:                               ((9 * $applauncher-pf-menu-link-icon-font-size) / 14) !default; //Numbers to imitate fa-fw class
 $bootstrap-switch-handle-default-bg-color:                          $color-pf-black-100 !default;
 $bootstrap-treeview-highlight-color:                                $color-pf-blue-300 !default;
 $btn-default-bg-img-start:                                          $color-pf-black-100 !default;
@@ -22,13 +42,15 @@ $card-pf-container-bg-color:                                        $color-pf-bl
 $card-pf-footer-bg-color:                                           $color-pf-black-100 !default;
 $card-pf-selected-border-color:                                     $color-pf-blue-300 !default;
 $donut-font-size-big:                                               30px !default;
+$drawer-pf-top-vertical:                                            58px !default;
+$drawer-pf-top-horizontal:                                          26px !default;
 $dropdown-divider-margin:                                           4px 1px !default;
 $dropdown-link-active-border-color:                                 $color-pf-blue !default;
 $dropdown-link-hover-border-color:                                  $color-pf-blue-100 !default;
 $dropdown-link-focus-color:                                         $color-pf-white !default;
 $flyout-transition-pf:                                              all 200ms cubic-bezier(.35, 0, .25, 1) !default;
 $font-family-monospace:                                             Menlo, Monaco, Consolas, monospace !default;
-$font-path:                                                         if($patternfly-sass-asset-helper, "patternfly", "../fonts/patternfly") !default;
+$font-path:                                                         if($pf-sass-asset-helper, "", "../fonts/") !default;
 $footer-pf-bg-color:                                                $color-pf-black !default;
 $footer-pf-padding-left:                                            25px !default;
 $footer-pf-padding-top:                                             10px !default;
@@ -39,7 +61,7 @@ $icon-font-name-fa:                                                 "FontAwesome
 $icon-font-name-pf:                                                 "PatternFlyIcons-webfont" !default;
 $icon-prefix:                                                       pficon !default;
 $img-bg-login:                                                      "bg-login.jpg" !default;
-$img-path:                                                          if($patternfly-sass-asset-helper, "patternfly", "../images/patternfly") !default;
+$img-path:                                                          if($pf-sass-asset-helper, "", "../img/") !default;
 $img-spinner:                                                       "spinner.gif" !default;
 $img-spinner-inverse:                                               "spinner-inverse.gif" !default;
 $img-spinner-inverse-lg:                                            "spinner-inverse-lg.gif" !default;
@@ -53,15 +75,17 @@ $input-border-focus:                                                $color-pf-bl
 $list-pf-border-color:                                              $color-pf-black-200 !default;
 $list-pf-active-border-color:                                       $color-pf-black-400 !default;
 $list-pf-header-background-color:                                   $color-pf-black-200 !default;
-$list-pf-hover-background-color:                                    $color-pf-black-100 !default;
+$list-pf-hover-background-color:                                    $color-pf-blue-25 !default;
+$list-pf-main-content-width:                                        70% !default; // sets the proportional width of the main content vs the additional content
 $list-pf-padding:                                                   20px !default;
 $list-view-accented-border:                                         $color-pf-blue-300 !default;
 $list-view-active-bg:                                               $color-pf-blue-50 !default;
+$list-view-active-border:                                           $color-pf-black-400 !default;
 $list-view-divider:                                                 $color-pf-black-300 !default;
-$list-view-hover-bg:                                                $color-pf-black-200 !default;
+$list-view-hover-bg:                                                $color-pf-blue-25 !default;
 $list-group-top-border:                                             $color-pf-black-200 !default;
 $login-bg-color:                                                    $color-pf-black !default;
-$login-container-bg-color-rgba:                                     rgba($color-pf-white, 0.055) !default;
+$login-container-bg-color-rgba:                                     fade($color-pf-white, 5.5%) !default;
 $modal-about-pf-bg-img:                                             "bg-modal-about-pf.png" !default;
 $modal-title-padding-horizontal:                                    18px !default;
 $modal-title-padding-vertical:                                      10px !default;
@@ -133,7 +157,7 @@ $nav-pf-vertical-secondary-item-padding:                            0 0 5px 0 !d
 $nav-pf-vertical-secondary-link-height:                             63px !default;
 $nav-pf-vertical-secondary-link-padding:                            4px 0 2px 0 !default;
 $nav-pf-vertical-secondary-list-header-margin:                      30px 20px 10px 20px !default;
-$nav-pf-vertical-tertiary-active-color:                            $color-pf-white !default;
+$nav-pf-vertical-tertiary-active-color:                             $color-pf-white !default;
 $nav-pf-vertical-tertiary-active-bg-color:                          $color-pf-black-800 !default;
 $nav-pf-vertical-tertiary-indicator-padding:                        0 !default;
 $nav-pf-vertical-tertiary-bg-color:                                 $color-pf-black-700 !default;
@@ -147,10 +171,14 @@ $nav-pf-vertical-tertiary-link-padding:                             4px 0 2px 0
 $nav-pf-vertical-tertiary-badge-color:                              $color-pf-white !default;
 $nav-pf-vertical-tertiary-badge-bg-color:                           $color-pf-black-900 !default;
 $nav-pf-vertical-width:                                             200px !default;
+$toast-notification-top:                                            80px !default;
 $pagination-padding-small-vertical:                                 0 !default;
 $panel-default-border-color:                                        $color-pf-black-400 !default;
 $pficon-var-add-circle-o:                                           "\e61b" !default;
+$pficon-var-applications:                                           "\e936" !default;
 $pficon-var-arrow:                                                  "\e929" !default;
+$pficon-var-asleep:                                                 "\e925" !default;
+$pficon-var-automation:                                             "\e937" !default;
 $pficon-var-blueprint:                                              "\e915" !default;
 $pficon-var-build:                                                  "\e902" !default;
 $pficon-var-builder-image:                                          "\e800" !default;
@@ -160,10 +188,12 @@ $pficon-var-close:                                                  "\e60b" !def
 $pficon-var-cloud-security:                                         "\e903" !default;
 $pficon-var-cloud-tenant:                                           "\e904" !default;
 $pficon-var-cluster:                                                "\e620" !default;
+$pficon-var-connected:                                              "\e938" !default;
 $pficon-var-container-node:                                         "\e621" !default;
 $pficon-var-cpu:                                                    "\e927" !default;
 $pficon-var-degraded:                                               "\e91b" !default;
 $pficon-var-delete:                                                 "\e611" !default;
+$pficon-var-disconnected:                                           "\e93c" !default;
 $pficon-var-domain:                                                 "\e919" !default;
 $pficon-var-edit:                                                   "\e60a" !default;
 $pficon-var-enterprise:                                             "\e906" !default;
@@ -172,6 +202,7 @@ $pficon-var-error-circle-o:                                         "\e926" !def
 $pficon-var-export:                                                 "\e616" !default;
 $pficon-var-flag:                                                   "\e603" !default;
 $pficon-var-flavor:                                                 "\e907" !default;
+$pficon-var-filter:                                                 "\e943" !default;
 $pficon-var-folder-close:                                           "\e607" !default;
 $pficon-var-folder-open:                                            "\e606" !default;
 $pficon-var-help:                                                   "\e605" !default;
@@ -180,19 +211,36 @@ $pficon-var-home:                                                   "\e618" !def
 $pficon-var-image:                                                  "\e61f" !default;
 $pficon-var-import:                                                 "\e615" !default;
 $pficon-var-info:                                                   "\e92b" !default;
+$pficon-var-infrastructure:                                         "\e93d" !default;
+$pficon-var-integration:                                            "\e948" !default;
+$pficon-var-in-progress:                                            "\e92c" !default;
 $pficon-var-key:                                                    "\e924" !default;
 $pficon-var-kubernetes:                                             "\e627" !default;
 $pficon-var-locked:                                                 "\e923" !default;
+$pficon-var-maintenance:                                            "\e92d" !default;
 $pficon-var-memory:                                                 "\e908" !default;
 $pficon-var-messages:                                               "\e603" !default;
 $pficon-var-middleware:                                             "\e917" !default;
+$pficon-var-migration:                                              "\e92e" !default;
+$pficon-var-monitoring:                                             "\e944" !default;
 $pficon-var-network:                                                "\e909" !default;
+$pficon-var-off:                                                    "\e92f" !default;
 $pficon-var-ok:                                                     "\e602" !default;
+$pficon-var-on:                                                     "\e931" !default;
+$pficon-var-on-running:                                             "\e930" !default;
 $pficon-var-openshift:                                              "\e626" !default;
+$pficon-var-optimize:                                               "\e93e" !default;
+$pficon-var-orders:                                                 "\e93f" !default;
+$pficon-var-paused:                                                 "\e932" !default;
+$pficon-var-pending:                                                "\e933" !default;
+$pficon-var-plugged:                                                "\e940" !default;
+$pficon-var-port:                                                   "\e945" !default;
 $pficon-var-private:                                                "\e914" !default;
 $pficon-var-print:                                                  "\e612" !default;
+$pficon-var-process-automation:                                     "\e949" !default;
 $pficon-var-project:                                                "\e905" !default;
 $pficon-var-rebalance:                                              "\e91c" !default;
+$pficon-var-rebooting:                                              "\e934" !default;
 $pficon-var-regions:                                                "\e90a" !default;
 $pficon-var-registry:                                               "\e623" !default;
 $pficon-var-remove:                                                 "\e611" !default;
@@ -208,9 +256,12 @@ $pficon-var-running:                                                "\e614" !def
 $pficon-var-save:                                                   "\e601" !default;
 $pficon-var-screen:                                                 "\e600" !default;
 $pficon-var-search:                                                 "\e921" !default;
+$pficon-var-security:                                               "\e946" !default;
 $pficon-var-server:                                                 "\e90d" !default;
 $pficon-var-server-group:                                           "\e91a" !default;
 $pficon-var-service:                                                "\e61e" !default;
+$pficon-var-service-catalog:                                        "\e941" !default;
+$pficon-var-services:                                               "\e947" !default;
 $pficon-var-settings:                                               "\e610" !default;
 $pficon-var-spinner:                                                "\e614" !default;
 $pficon-var-spinner2:                                               "\e613" !default;
@@ -221,6 +272,8 @@ $pficon-var-topology:                                               "\e608" !def
 $pficon-var-trend-down:                                             "\e900" !default;
 $pficon-var-trend-up:                                               "\e901" !default;
 $pficon-var-unlocked:                                               "\e922" !default;
+$pficon-var-unplugged:                                              "\e942" !default;
+$pficon-var-unknown:                                                "\e935" !default;
 $pficon-var-user:                                                   "\e91e" !default;
 $pficon-var-users:                                                  "\e91f" !default;
 $pficon-var-virtual-machine:                                        "\e90f" !default;
@@ -230,12 +283,15 @@ $pficon-var-zone:                                                   "\e911" !def
 $progress-description-label-width:                                  85px !default;
 $sidebar-pf-bg:                                                     $color-pf-black-100 !default;
 $sidebar-pf-border-color:                                           $color-pf-black-300 !default;
+$skiplink-pf-top:                                                   12px !default;
+$skiplink-pf-left:                                                  10px !default;
 $table-border-hover:                                                $color-pf-blue-200 !default;
 $table-cell-padding-bottom:                                         3px !default;
 $table-cell-padding-top:                                            2px !default;
 // Reference variables declared in block above
 $bootstrap-switch-bg-color-start:                                   $btn-default-bg-img-start !default;
 $bootstrap-switch-bg-color-stop:                                    $btn-default-bg-img-stop !default;
+$fa-font-path:                                                      $font-path !default;
 $navbar-pf-navbar-header-border-color:                              lighten($navbar-pf-bg-color, 15%) !default;
 $navbar-pf-navbar-nav-active-active-bg-color:                       lighten($navbar-pf-bg-color, 8%) !default;
 $navbar-pf-navbar-nav-active-active-open-bg-color:                  lighten($navbar-pf-bg-color, 11%) !default;
@@ -273,6 +329,12 @@ $navbar-pf-navbar-primary-context-active-border-color:              lighten($nav
 $navbar-pf-navbar-primary-context-active-border-top-color:          lighten($navbar-pf-navbar-primary-context-hover-border-top-color, 6%) !default;
 // References variable declared in block above
 $navbar-pf-navbar-primary-context-active-border-right-color:        $navbar-pf-navbar-primary-context-active-border-color !default;
+$slider-line-height:                                                16px !default;
+$slider-horizontal-width:                                           100% !default;
+$slider-primary-top:                                                $color-pf-black-100 !default;
+$slider-primary-bottom:                                             $color-pf-black-200 !default;
+$slider-secondary-top:                                              $color-pf-blue-400 !default;
+$slider-secondary-bottom:                                           $color-pf-blue-300 !default;
 
 // Alternate navigation layout - Kept for backwards compatibility
 // --------------------------------------------------------------
@@ -321,6 +383,8 @@ $brand-success:                                                     $color-pf-gr
 $brand-warning:                                                     $color-pf-orange !default;
 $breadcrumb-bg:                                                     transparent !default;
 $breadcrumb-separator:                                              "\f105" !default;
+$bs-datetimepicker-timepicker-font-size:                            1em !default;
+$bs-datetimepicker-btn-hover-bg:                                    transparent !default;
 $btn-danger-bg:                                                     $color-pf-red-200 !default;
 $btn-danger-border:                                                 $color-pf-red-300 !default;
 $btn-default-border:                                                $color-pf-black-400 !default;
@@ -340,6 +404,7 @@ $gray-darker:                                                       lighten($col
 $gray-light:                                                        lighten($color-pf-black, 60%) !default;   // #999
 $gray-lighter:                                                      lighten($color-pf-black, 93.5%) !default; // #eee
 $grid-gutter-width:                                                 40px !default;
+$icon-font-path:                                                    if($pf-sass-asset-helper, "", "../fonts/") !default;
 $input-bg-disabled:                                                 $color-pf-black-150 !default;
 $input-border:                                                      $color-pf-black-400 !default;
 $line-height-base:                                                  1.66666667 !default; // 20/12
@@ -414,6 +479,7 @@ $panel-group-pf-danger-heading-bg:                                  $alert-dange
 $panel-group-pf-primary-heading-bg:                                 lighten($brand-primary, 38%) !default;
 $panel-group-pf-success-heading-bg:                                 $alert-success-bg !default;
 $panel-group-pf-warning-heading-bg:                                 $alert-warning-bg !default;
+$panel-group-pf-info-heading-bg:                                    lighten(desaturate(adjust-hue($brand-info, 13), 45), 60%) !default;
 $panel-danger-border:                                               $brand-danger !default;
 $panel-danger-heading-bg:                                           $brand-danger !default;
 $panel-info-border:                                                 $brand-info !default;
@@ -442,7 +508,7 @@ $btn-primary-bg-img-stop:                                           $btn-primary
 $dropdown-link-focus-bg:                                            $link-color !default;
 $line-height-computed:                                              floor(($font-size-base * $line-height-base)) !default;
 $nav-pf-vertical-icon-size:                                         ($font-size-base + 8) !default;
-$notification-badge-color:                                          $brand-danger !default;
+$notification-badge-color:                                          $color-pf-blue-400 !default;
 $progress-sm:                                                       ($line-height-computed - 6) !default;
 $progress-xs:                                                       ($line-height-computed - 14) !default;
 $syntax-1:                                                          $btn-danger-bg !default;