patternfly-sass 3.23.2 → 3.31.1

data/dist/sass/patternfly/_fonts.scss

@@ -0,0 +1,124 @@
+//
+// Fonts
+// --------------------------------------------------
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Light-webfont.eot"), "#{$font-path}OpenSans-Light-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Light"), local("OpenSans-Light"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Light-webfont.eot?#iefix"), "#{$font-path}OpenSans-Light-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Light-webfont.woff2"), "#{$font-path}OpenSans-Light-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Light-webfont.woff"), "#{$font-path}OpenSans-Light-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Light-webfont.ttf"), "#{$font-path}OpenSans-Light-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Light-webfont.svg#OpenSans"), "#{$font-path}OpenSans-Light-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Regular-webfont.eot"), "#{$font-path}OpenSans-Regular-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans"), local("OpenSans"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Regular-webfont.eot?#iefix"), "#{$font-path}OpenSans-Regular-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Regular-webfont.woff2"), "#{$font-path}OpenSans-Regular-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Regular-webfont.woff"), "#{$font-path}OpenSans-Regular-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Regular-webfont.ttf"), "#{$font-path}OpenSans-Regular-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Regular-webfont.svg#OpenSans"), "#{$font-path}OpenSans-Regular-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 300;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-LightItalic-webfont.eot"), "#{$font-path}OpenSans-LightItalic-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-LightItalic-webfont.eot?#iefix"), "#{$font-path}OpenSans-LightItalic-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-LightItalic-webfont.woff2"), "#{$font-path}OpenSans-LightItalic-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-LightItalic-webfont.woff"), "#{$font-path}OpenSans-LightItalic-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-LightItalic-webfont.ttf"), "#{$font-path}OpenSans-LightItalic-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-LightItalic-webfont.svg#OpenSans"), "#{$font-path}OpenSans-LightItalic-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 400;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Italic-webfont.eot"), "#{$font-path}OpenSans-Italic-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Italic"), local("OpenSans-Italic"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Italic-webfont.eot?#iefix"), "#{$font-path}OpenSans-Italic-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Italic-webfont.woff2"), "#{$font-path}OpenSans-Italic-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Italic-webfont.woff"), "#{$font-path}OpenSans-Italic-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Italic-webfont.ttf"), "#{$font-path}OpenSans-Italic-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Italic-webfont.svg#OpenSans"), "#{$font-path}OpenSans-Italic-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Semibold-webfont.eot"), "#{$font-path}OpenSans-Semibold-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Semibold"), local("OpenSans-Semibold-webfont"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Semibold-webfont.eot?#iefix"), "#{$font-path}OpenSans-Semibold-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Semibold-webfont.woff2"), "#{$font-path}OpenSans-Semibold-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Semibold-webfont.woff"), "#{$font-path}OpenSans-Semibold-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Semibold-webfont.ttf"), "#{$font-path}OpenSans-Semibold-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Semibold-webfont.svg#OpenSans"), "#{$font-path}OpenSans-Semibold-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 600;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-SemiboldItalic-webfont.eot"), "#{$font-path}OpenSans-SemiboldItalic-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic-webfont"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-SemiboldItalic-webfont.eot?#iefix"), "#{$font-path}OpenSans-SemiboldItalic-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-SemiboldItalic-webfont.woff2"), "#{$font-path}OpenSans-SemiboldItalic-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-SemiboldItalic-webfont.woff"), "#{$font-path}OpenSans-SemiboldItalic-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-SemiboldItalic-webfont.ttf"), "#{$font-path}OpenSans-SemiboldItalic-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-SemiboldItalic-webfont.svg#OpenSans"), "#{$font-path}OpenSans-SemiboldItalic-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Bold-webfont.eot"), "#{$font-path}OpenSans-Bold-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Bold"), local("OpenSans-Bold"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Bold-webfont.eot?#iefix"), "#{$font-path}OpenSans-Bold-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Bold-webfont.woff2"), "#{$font-path}OpenSans-Bold-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Bold-webfont.woff"), "#{$font-path}OpenSans-Bold-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Bold-webfont.ttf"), "#{$font-path}OpenSans-Bold-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-Bold-webfont.svg#OpenSans"), "#{$font-path}OpenSans-Bold-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 700;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-BoldItalic-webfont.eot"), "#{$font-path}OpenSans-BoldItalic-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-BoldItalic-webfont.eot?#iefix"), "#{$font-path}OpenSans-BoldItalic-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-BoldItalic-webfont.woff2"), "#{$font-path}OpenSans-BoldItalic-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-BoldItalic-webfont.woff"), "#{$font-path}OpenSans-BoldItalic-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-BoldItalic-webfont.ttf"), "#{$font-path}OpenSans-BoldItalic-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-BoldItalic-webfont.svg#OpenSans"), "#{$font-path}OpenSans-BoldItalic-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: italic;
+  font-weight: 800;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBoldItalic-webfont.eot"), "#{$font-path}OpenSans-ExtraBoldItalic-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBoldItalic-webfont.eot?#iefix"), "#{$font-path}OpenSans-ExtraBoldItalic-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBoldItalic-webfont.woff2"), "#{$font-path}OpenSans-ExtraBoldItalic-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBoldItalic-webfont.woff"), "#{$font-path}OpenSans-ExtraBoldItalic-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBoldItalic-webfont.ttf"), "#{$font-path}OpenSans-ExtraBoldItalic-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBoldItalic-webfont.svg#OpenSans"), "#{$font-path}OpenSans-ExtraBoldItalic-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 800;
+  src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBold-webfont.eot"), "#{$font-path}OpenSans-ExtraBold-webfont.eot")); /* IE9 Compat Modes */
+  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"),
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBold-webfont.eot?#iefix"), "#{$font-path}OpenSans-ExtraBold-webfont.eot?#iefix")) format("embedded-opentype"), /* IE6-IE8 */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBold-webfont.woff2"), "#{$font-path}OpenSans-ExtraBold-webfont.woff2")) format("woff2"), /* Super Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBold-webfont.woff"), "#{$font-path}OpenSans-ExtraBold-webfont.woff")) format("woff"), /* Modern Browsers */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBold-webfont.ttf"), "#{$font-path}OpenSans-ExtraBold-webfont.ttf")) format("truetype"), /* Safari, Android, iOS */
+       url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}OpenSans-ExtraBold-webfont.svg#OpenSans"), "#{$font-path}OpenSans-ExtraBold-webfont.svg#OpenSans")) format("svg"); /* Legacy iOS */
+}

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

@@ -5,11 +5,11 @@
 
 @font-face {
   font-family: "#{$icon-font-name-pf}";
-  src:url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}/#{$icon-font-name-pf}.eot"), "#{$font-path}/#{$icon-font-name-pf}.eot"));
-  src:url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}/#{$icon-font-name-pf}.eot?#iefix"), "#{$font-path}/#{$icon-font-name-pf}.eot?#iefix")) format("embedded-opentype"),
-    url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}/#{$icon-font-name-pf}.ttf"), "#{$font-path}/#{$icon-font-name-pf}.ttf")) format("truetype"),
-    url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}/#{$icon-font-name-pf}.woff"), "#{$font-path}/#{$icon-font-name-pf}.woff")) format("woff"),
-    url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}/#{$icon-font-name-pf}.svg##{$icon-font-name-pf}"), "#{$font-path}/#{$icon-font-name-pf}.svg##{$icon-font-name-pf}")) format("svg");
+  src:url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}#{$icon-font-name-pf}.eot"), "#{$font-path}#{$icon-font-name-pf}.eot"));
+  src:url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}#{$icon-font-name-pf}.eot?#iefix"), "#{$font-path}#{$icon-font-name-pf}.eot?#iefix")) format("embedded-opentype"),
+    url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}#{$icon-font-name-pf}.ttf"), "#{$font-path}#{$icon-font-name-pf}.ttf")) format("truetype"),
+    url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}#{$icon-font-name-pf}.woff"), "#{$font-path}#{$icon-font-name-pf}.woff")) format("woff"),
+    url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$font-path}#{$icon-font-name-pf}.svg##{$icon-font-name-pf}"), "#{$font-path}#{$icon-font-name-pf}.svg##{$icon-font-name-pf}")) format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -31,9 +31,18 @@
 .#{$icon-prefix}-add-circle-o:before {
   content: $pficon-var-add-circle-o;
 }
+.#{$icon-prefix}-applications:before {
+  content: $pficon-var-applications;
+}
 .#{$icon-prefix}-arrow:before {
   content: $pficon-var-arrow;
 }
+.#{$icon-prefix}-asleep:before {
+  content: $pficon-var-asleep;
+}
+.#{$icon-prefix}-automation:before {
+  content: $pficon-var-automation;
+}
 .#{$icon-prefix}-build:before {
   content: $pficon-var-build;
 }
@@ -61,6 +70,9 @@
 .#{$icon-prefix}-cluster:before {
   content: $pficon-var-cluster;
 }
+.#{$icon-prefix}-connected:before {
+  content: $pficon-var-connected;
+}
 .#{$icon-prefix}-container-node:before {
   content: $pficon-var-container-node;
 }
@@ -73,6 +85,9 @@
 .#{$icon-prefix}-delete:before {
   content: $pficon-var-delete;
 }
+.#{$icon-prefix}-disconnected:before {
+  content: $pficon-var-disconnected;
+}
 .#{$icon-prefix}-domain:before {
   content: $pficon-var-domain;
 }
@@ -99,6 +114,9 @@
 .#{$icon-prefix}-flavor:before {
   content: $pficon-var-flavor;
 }
+.#{$icon-prefix}-filter:before {
+  content: $pficon-var-filter;
+}
 .#{$icon-prefix}-folder-close:before {
   content: $pficon-var-folder-close;
 }
@@ -120,17 +138,26 @@
 .#{$icon-prefix}-import:before {
   content: $pficon-var-import;
 }
+.#{$icon-prefix}-in-progress:before {
+  content: $pficon-var-in-progress;
+}
 .#{$icon-prefix}-info:before {
   content: $pficon-var-info;
 }
+.#{$icon-prefix}-infrastructure:before {
+  content: $pficon-var-infrastructure;
+}
+.#{$icon-prefix}-integration:before {
+  content: $pficon-var-integration;
+}
 .#{$icon-prefix}-key:before {
   content: $pficon-var-key;
 }
 .#{$icon-prefix}-locked:before {
   content: $pficon-var-locked;
 }
-.#{$icon-prefix}-unlocked:before {
-  content: $pficon-var-unlocked;
+.#{$icon-prefix}-maintenance:before {
+  content: $pficon-var-maintenance;
 }
 .#{$icon-prefix}-memory:before {
   content: $pficon-var-memory;
@@ -138,16 +165,52 @@
 .#{$icon-prefix}-middleware:before {
   content: $pficon-var-middleware;
 }
+.#{$icon-prefix}-migration:before {
+  content: $pficon-var-migration;
+}
+.#{$icon-prefix}-monitoring:before {
+  content: $pficon-var-monitoring;
+}
 .#{$icon-prefix}-network:before {
   content: $pficon-var-network;
 }
+.#{$icon-prefix}-on:before {
+  content: $pficon-var-on;
+}
+.#{$icon-prefix}-on-running:before {
+  content: $pficon-var-on-running;
+}
+.#{$icon-prefix}-optimize:before {
+  content: $pficon-var-optimize;
+}
+.#{$icon-prefix}-orders:before {
+  content: $pficon-var-orders;
+}
+.#{$icon-prefix}-off:before {
+  content: $pficon-var-off;
+}
 .#{$icon-prefix}-ok:before {
   color: $brand-success;
   content: $pficon-var-ok;
 }
+.#{$icon-prefix}-paused:before {
+  content: $pficon-var-paused;
+}
+.#{$icon-prefix}-pending:before {
+  content: $pficon-var-pending;
+}
+.#{$icon-prefix}-plugged:before {
+  content: $pficon-var-plugged;
+}
+.#{$icon-prefix}-port:before {
+  content: $pficon-var-port;
+}
 .#{$icon-prefix}-print:before {
   content: $pficon-var-print;
 }
+.#{$icon-prefix}-process-automation:before {
+  content: $pficon-var-process-automation;
+}
 .#{$icon-prefix}-private:before {
   content: $pficon-var-private;
 }
@@ -157,6 +220,9 @@
 .#{$icon-prefix}-rebalance:before {
   content: $pficon-var-rebalance;
 }
+.#{$icon-prefix}-rebooting:before {
+  content: $pficon-var-rebooting;
+}
 .#{$icon-prefix}-refresh:before, // class name deprecated
 .#{$icon-prefix}-restart:before {
   content: $pficon-var-restart;
@@ -203,6 +269,9 @@
 .#{$icon-prefix}-search:before {
   content: $pficon-var-search;
 }
+.#{$icon-prefix}-security:before {
+  content: $pficon-var-security;
+}
 .#{$icon-prefix}-server:before {
   content: $pficon-var-server;
 }
@@ -212,6 +281,12 @@
 .#{$icon-prefix}-service:before {
   content: $pficon-var-service;
 }
+.#{$icon-prefix}-services:before {
+  content: $pficon-var-services;
+}
+.#{$icon-prefix}-service-catalog:before {
+  content: $pficon-var-service-catalog;
+}
 .#{$icon-prefix}-settings:before {
   content: $pficon-var-settings;
 }
@@ -239,12 +314,21 @@
 .#{$icon-prefix}-trend-up:before {
   content: $pficon-var-trend-up;
 }
+.#{$icon-prefix}-unknown:before {
+  content: $pficon-var-unknown;
+}
 .#{$icon-prefix}-user:before {
   content: $pficon-var-user;
 }
 .#{$icon-prefix}-users:before {
   content: $pficon-var-users;
 }
+.#{$icon-prefix}-unlocked:before {
+  content: $pficon-var-unlocked;
+}
+.#{$icon-prefix}-unplugged:before {
+  content: $pficon-var-unplugged;
+}
 .#{$icon-prefix}-virtual-machine:before {
   content: $pficon-var-virtual-machine;
 }

data/{assets/stylesheets → dist/sass}/patternfly/_list-pf.scss

@@ -2,8 +2,6 @@
 // PatternFly List
 // --------------------------------------------------
 
-$list-pf-main-content-width: 70%; // sets the proportional width of the main content vs the additional content
-
 .list-pf {
   border-bottom: 1px solid $list-pf-border-color;
 }
@@ -45,6 +43,10 @@ $list-pf-main-content-width: 70%; // sets the proportional width of the main con
   }
 }
 
+.list-pf-chevron {
+  min-width: 1.2em; // ensures that the width does not shift when the chevron is sideways
+}
+
 .list-pf-chevron,
 .list-pf-select {
   margin-right: 10px;
@@ -58,7 +60,8 @@ $list-pf-main-content-width: 70%; // sets the proportional width of the main con
   }
 }
 
-.list-pf-content {
+// add this class to manage flexed contents in the list item content
+.list-pf-content-flex {
   align-items: flex-start;
   display:flex;
   flex-grow: 1;

data/{assets/stylesheets → dist/sass}/patternfly/_list-view.scss

@@ -10,19 +10,21 @@
     border-color: transparent #fff;
     border-style: solid;
     border-width: 1px;
-    @include clearfix; //IE9 fallback
+    @include clearfix(); //IE9 fallback
     display: flex;
     flex-wrap: wrap;
     padding-bottom: 0;
     padding-top: 0;
     &.list-view-pf-expand-active {
       background-color: $list-view-hover-bg;
+      box-shadow: 0 2px 6px rgba(3, 3, 3, .2);
+      z-index: 1;
     }
     &.active {
       color: $list-group-link-color;
       background-color: $list-view-active-bg;
       background-clip: border-box;
-      border-color: $color-pf-blue-300 transparent transparent;
+      border-color: $list-view-active-border transparent transparent;
       z-index:auto;
     }
     &:hover {
@@ -31,9 +33,9 @@
       border-right-color: transparent;
     }
     &.list-view-pf-expand-active {
-      border: solid 1px $list-group-active-border;
+      border: solid 1px $list-view-active-border;
       &:first-child {
-        border-top-color: $color-pf-blue-300;
+        border-top-color: $list-view-active-border;
       }
     }
     &:first-child {
@@ -51,14 +53,14 @@
       font-weight: 400;
     }
     @media (min-width: $screen-md-min) {
-      flex:     1 0 calc(25% - 20px);
+      flex:     1 0 unquote("calc(25% - 20px)");
       float: left; // IE9 fallback
       font-size: $font-size-base;
       margin: 0 ($grid-gutter-width/2) 0 0;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      width: calc(25% - 20px); // IE9 fallback
+      width: unquote("calc(25% - 20px)"); // IE9 fallback
     }
   }
   .list-group-item-text {
@@ -68,7 +70,7 @@
       flex:     1 0 auto; // it covers whats left from the title
       float: left; // IE9 fallback
       margin: 0 $grid-gutter-width 0 0;
-      width: calc(75% - 40px); // IE9 fallback
+      width: unquote("calc(75% - 40px)") // IE9 fallback
     }
   }
 }
@@ -100,9 +102,7 @@
 .list-view-pf-additional-info-item {
   align-items: center;
   display: inline-block;
-  @supports (display: flex) {
-    display: flex;
-  }
+  display: flex;
   margin-right: ($grid-gutter-width/2);
   max-width:100%;
   text-align: center;
@@ -227,7 +227,7 @@
 .list-view-pf-main-info {
   align-items: flex-start;
   display: flex;
-  flex:     1;
+  flex: 1;
   min-width: 0;
   padding-bottom: ($grid-gutter-width/2);
   padding-top: ($grid-gutter-width/2);
@@ -289,7 +289,7 @@
 }
 .list-group-item-container {
   background: #fff;
-  border-top: solid 1px $list-group-active-border;
+  border-top: solid 1px $list-view-active-border;
   box-sizing: content-box;
   margin: -1px -15px 0;
   order: 3;