patternfly-sass 0.0.0.pre.semantically.pre.released

data/dist/sass/patternfly/_icons.scss

@@ -0,0 +1,371 @@
+//
+// Icons
+// --------------------------------------------------
+// Custom icons and selections from IcoMoon - Free (http://icomoon.io/#icons)
+
+@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");
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="#{$icon-prefix}-"],
+[class*=" #{$icon-prefix}-"] {
+  display: inline-block;
+  font-family: "#{$icon-font-name-pf}";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  /* Better Font Rendering =========== */
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+.#{$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;
+}
+.#{$icon-prefix}-builder-image:before {
+  content: $pficon-var-builder-image;
+}
+.#{$icon-prefix}-bundle:before {
+  content: $pficon-var-bundle;
+}
+.#{$icon-prefix}-blueprint:before {
+  content: $pficon-var-blueprint;
+}
+.#{$icon-prefix}-catalog:before {
+  content: $pficon-var-catalog;
+}
+.#{$icon-prefix}-chat:before {
+  content: $pficon-var-chat;
+}
+.#{$icon-prefix}-close:before {
+  content: $pficon-var-close;
+}
+.#{$icon-prefix}-cloud-security:before {
+  content: $pficon-var-cloud-security;
+}
+.#{$icon-prefix}-cloud-tenant:before {
+  content: $pficon-var-cloud-tenant;
+}
+.#{$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;
+}
+.#{$icon-prefix}-cpu:before {
+  content: $pficon-var-cpu;
+}
+.#{$icon-prefix}-degraded:before {
+  content: $pficon-var-degraded;
+}
+.#{$icon-prefix}-delete:before {
+  content: $pficon-var-delete;
+}
+.#{$icon-prefix}-disconnected:before {
+  content: $pficon-var-disconnected;
+}
+.#{$icon-prefix}-domain:before {
+  content: $pficon-var-domain;
+}
+.#{$icon-prefix}-drag-drop:before {
+  content: $pficon-var-drag-drop;
+}
+.#{$icon-prefix}-edit:before {
+  content: $pficon-var-edit;
+}
+.#{$icon-prefix}-enhancement:before {
+  content: $pficon-var-enhancement;
+}
+.#{$icon-prefix}-enterprise:before {
+  content: $pficon-var-enterprise;
+}
+.#{$icon-prefix}-equalizer:before {
+  content: $pficon-var-equalizer;
+}
+.#{$icon-prefix}-error-circle-o:before {
+  color: $brand-danger;
+  content: $pficon-var-error-circle-o;
+}
+.#{$icon-prefix}-export:before {
+  content: $pficon-var-export;
+}
+.#{$icon-prefix}-flag:before,
+.#{$icon-prefix}-messages:before { // class name deprecated
+  content: $pficon-var-flag;
+}
+.#{$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;
+}
+.#{$icon-prefix}-folder-open:before {
+  content: $pficon-var-folder-open;
+}
+.#{$icon-prefix}-help:before {
+  content: $pficon-var-help;
+}
+.#{$icon-prefix}-history:before {
+  content: $pficon-var-history;
+}
+.#{$icon-prefix}-home:before {
+  content: $pficon-var-home;
+}
+.#{$icon-prefix}-image:before {
+  content: $pficon-var-image;
+}
+.#{$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}-maintenance:before {
+  content: $pficon-var-maintenance;
+}
+.#{$icon-prefix}-memory:before {
+  content: $pficon-var-memory;
+}
+.#{$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}-network-range:before {
+  content: $pficon-var-network-range;
+}
+.#{$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;
+}
+.#{$icon-prefix}-project:before {
+  content: $pficon-var-project;
+}
+.#{$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;
+}
+.#{$icon-prefix}-regions:before {
+  content: $pficon-var-regions;
+}
+.#{$icon-prefix}-registry:before {
+  content: $pficon-var-registry;
+}
+.#{$icon-prefix}-remove:before {
+  content: $pficon-var-remove;
+}
+.#{$icon-prefix}-replicator:before {
+  content: $pficon-var-replicator;
+}
+.#{$icon-prefix}-repository:before {
+  content: $pficon-var-repository;
+}
+.#{$icon-prefix}-resource-pool:before {
+  content: $pficon-var-resource-pool;
+}
+.#{$icon-prefix}-resources-almost-empty:before {
+  content: $pficon-var-resources-almost-empty;
+}
+.#{$icon-prefix}-resources-almost-full:before {
+  content: $pficon-var-resources-almost-full;
+}
+.#{$icon-prefix}-resources-full:before {
+  content: $pficon-var-resources-full;
+}
+.#{$icon-prefix}-route:before {
+  content: $pficon-var-route;
+}
+.#{$icon-prefix}-running:before {
+  content: $pficon-var-running;
+}
+.#{$icon-prefix}-satellite:before {
+  content: $pficon-var-satellite;
+}
+.#{$icon-prefix}-save:before {
+  content: $pficon-var-save;
+}
+.#{$icon-prefix}-screen:before {
+  content: $pficon-var-screen;
+}
+.#{$icon-prefix}-search:before {
+  content: $pficon-var-search;
+}
+.#{$icon-prefix}-security:before {
+  content: $pficon-var-security;
+}
+.#{$icon-prefix}-server:before {
+  content: $pficon-var-server;
+}
+.#{$icon-prefix}-server-group:before {
+  content: $pficon-var-server-group;
+}
+.#{$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;
+}
+.#{$icon-prefix}-sort-common-asc:before {
+  content: $pficon-var-sort-common-asc;
+}
+.#{$icon-prefix}-sort-common-desc:before {
+  content: $pficon-var-sort-common-desc;
+}
+.#{$icon-prefix}-spinner:before {
+  content: $pficon-var-spinner;
+}
+.#{$icon-prefix}-spinner2:before {
+  content: $pficon-var-spinner2;
+}
+.#{$icon-prefix}-storage-domain:before {
+  content: $pficon-var-storage-domain;
+}
+.#{$icon-prefix}-template:before {
+  content: $pficon-var-template;
+}
+.#{$icon-prefix}-tenant:before {
+  content: $pficon-var-tenant;
+}
+.#{$icon-prefix}-thumb-tack-o:before {
+  content: $pficon-var-thumb-tack-o;
+}
+.#{$icon-prefix}-topology:before {
+  content: $pficon-var-topology;
+}
+.#{$icon-prefix}-trend-down:before {
+  content: $pficon-var-trend-down;
+}
+.#{$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}-vcenter:before {
+  content: $pficon-var-vcenter;
+}
+.#{$icon-prefix}-virtual-machine:before {
+  content: $pficon-var-virtual-machine;
+}
+.#{$icon-prefix}-volume:before {
+  content: $pficon-var-volume;
+}
+.#{$icon-prefix}-warning-triangle-o:before {
+  color: $brand-warning;
+  content: $pficon-var-warning-triangle-o;
+}
+.#{$icon-prefix}-zone:before {
+  content: $pficon-var-zone;
+}

data/dist/sass/patternfly/_infotip.scss

@@ -0,0 +1,145 @@
+//
+// Info Tip
+// --------------------------------------------------
+
+// Overwrites for navbar.less
+.navbar-nav > li > .dropdown-menu.infotip {
+  border-top-width: 1px !important;
+  margin-top: $popover-arrow-width;
+}
+
+// Overwrites for PatternFly - navbar.less
+@media (max-width: $grid-float-breakpoint-max) {
+  .navbar-pf .navbar-nav .open .dropdown-menu.infotip {
+    background-color: $color-pf-white !important;
+    margin-top: 0;
+  }
+}
+
+// Extends "dropdown-menu"
+.infotip {
+  min-width: 235px;
+  padding: 0;
+  .list-group {
+    border-top: 0;
+    margin: 0;
+    padding: 8px 0;
+    .list-group-item {
+      border: none;
+      margin: 0 15px 0 34px;
+      padding: 5px 0;
+      > .i {
+        color: $gray-pf;
+        font-size: 13px;
+        left: -20px;
+        position: absolute;
+        top: 8px;
+      }
+      > a {
+        color: $gray-pf;
+        line-height: 13px;
+      }
+      > .close {
+        float: right;
+      }
+    }
+  }
+  .footer {
+    background-color: $color-pf-black-150;
+    padding: 6px 15px;
+    a:hover {
+      color: $link-color;
+    }
+  }
+}
+
+// Arrows (Copy from popovers.less)
+//
+// .arrow is outer, .arrow:after is inner
+
+.infotip .arrow {
+  &,
+  &:after {
+    border-color: transparent;
+    border-style: solid;
+    display: block;
+    height: 0;
+    position: absolute;
+    width: 0;
+  }
+}
+.infotip .arrow {
+  border-width: $popover-arrow-outer-width;
+}
+.infotip .arrow:after {
+  border-width: $popover-arrow-width;
+  content: "";
+}
+
+.infotip {
+  &.bottom .arrow,
+  &.bottom-left .arrow,
+  &.bottom-right .arrow {
+    border-bottom-color: $popover-arrow-outer-color;
+    border-top-width: 0;
+    left: 50%;
+    margin-left: -$popover-arrow-outer-width;
+    top: -$popover-arrow-outer-width;
+    &:after {
+      border-top-width: 0;
+      border-bottom-color: $popover-arrow-color;
+      content: " ";
+      margin-left: -$popover-arrow-width;
+      top: 1px;
+    }
+  }
+  &.bottom-left .arrow {
+    left: 20%;
+  }
+  // Default:
+  &.bottom-right .arrow {
+    left: 80%;
+  }
+  &.top .arrow {
+    border-bottom-width: 0;
+    border-top-color: $popover-arrow-outer-color;
+    bottom: -$popover-arrow-outer-width;
+    left: 50%;
+    margin-left: -$popover-arrow-outer-width;
+    &:after {
+      border-bottom-width: 0;
+      border-top-color: $color-pf-black-150;
+      bottom: 1px;
+      content: " ";
+      margin-left: -$popover-arrow-width;
+    }
+  }
+  &.right .arrow {
+    border-left-width: 0;
+    border-right-color: $popover-arrow-outer-color;
+    left: -$popover-arrow-outer-width;
+    margin-top: -$popover-arrow-outer-width;
+    top: 50%;
+    &:after {
+      bottom: -$popover-arrow-width;
+      border-left-width: 0;
+      border-right-color: $popover-arrow-color;
+      content: " ";
+      left: 1px;
+    }
+  }
+  &.left .arrow {
+    border-left-color: $popover-arrow-outer-color;
+    border-right-width: 0;
+    margin-top: -$popover-arrow-outer-width;
+    right: -$popover-arrow-outer-width;
+    top: 50%;
+    &:after {
+      border-left-color: $popover-arrow-color;
+      border-right-width: 0;
+      bottom: -$popover-arrow-width;
+      content: " ";
+      right: 1px;
+    }
+  }
+}

data/dist/sass/patternfly/_labels.scss

@@ -0,0 +1,17 @@
+//
+// Labels
+// --------------------------------------------------
+
+.label {
+  border-radius: 0;
+  font-size: 100%;
+  font-weight: 600;
+  h1 &,
+  h2 &,
+  h3 &,
+  h4 &,
+  h5 &,
+  h6 & {
+    font-size: 75%;
+  }
+}

data/dist/sass/patternfly/_layouts.scss

@@ -0,0 +1,140 @@
+//
+// Layouts
+// --------------------------------------------------
+.layout-pf {
+  &,
+  & body {
+    min-height: 100%;
+  }
+  &.layout-pf-fixed {
+    &.transitions .container-pf-nav-pf-vertical {
+      transition: $flyout-transition-pf;
+    }
+    body {
+      padding-top: $navbar-pf-height; // make space for the navbar
+    }
+    .navbar-pf {
+      left: 0;
+      position: fixed;
+      top:0;
+      right: 0;
+      z-index: 1030;
+    }
+    .container-pf-nav-pf-vertical {
+      margin-left: $nav-pf-vertical-width;
+      &.nav-pf-vertical-with-badges {
+        margin-left: $nav-pf-vertical-badges-width;
+      }
+      &.collapsed-nav {
+        margin-left: $nav-pf-vertical-collapsed-width;
+        &.hidden-icons-pf {
+          margin-left: 0;
+        }
+      }
+      &.hidden-nav {
+        margin-left: 0; // remove space as left nav is hidden
+      }
+      &.hide-nav-pf {
+        visibility: hidden !important;
+      }
+      &.collapsed-secondary-nav-pf, &.collapsed-tertiary-nav-pf {
+        margin-left: $nav-pf-vertical-width;
+        &.nav-pf-vertical-with-badges {
+          margin-left: $nav-pf-vertical-badges-width;
+        }
+      }
+      &.nav-pf-persistent-secondary.secondary-visible-pf {
+        @media (min-width: 1200px) {
+          margin-left: ($nav-pf-vertical-width + $nav-pf-vertical-width);
+          &.nav-pf-vertical-with-badges {
+            margin-left: ($nav-pf-vertical-badges-width + $nav-pf-vertical-badges-width);
+          }
+          &.hidden-nav {
+            margin-left: 0; // remove space as left nav is hidden
+          }
+          &.collapsed-secondary-nav-pf {
+            margin-left: $nav-pf-vertical-width;
+            &.nav-pf-vertical-with-badges {
+              margin-left: $nav-pf-vertical-badges-width;
+            }
+          }
+          &.collapsed-tertiary-nav-pf {
+            margin-left: $nav-pf-vertical-width;
+            &.nav-pf-vertical-with-badges {
+              margin-left: $nav-pf-vertical-badges-width;
+            }
+          }
+          &.collapsed-nav {
+            margin-left: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-width);
+            &.nav-pf-vertical-with-badges {
+              margin-left: ($nav-pf-vertical-collapsed-width + $nav-pf-vertical-badges-width);
+            }
+            &.collapsed-secondary-nav-pf {
+              margin-left: $nav-pf-vertical-width;
+              &.nav-pf-vertical-with-badges {
+                margin-left: $nav-pf-vertical-badges-width;
+              }
+            }
+            &.collapsed-tertiary-nav-pf {
+              margin-left: $nav-pf-vertical-width;
+              &.nav-pf-vertical-with-badges {
+                margin-left: $nav-pf-vertical-badges-width;
+              }
+            }
+            &.hidden-icons-pf {
+              margin-left: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+  &.layout-pf-fixed-with-footer {
+    body {
+      padding-bottom: $footer-pf-height;
+    }
+  }
+}
+.layout-pf-alt {
+  &,
+  & body {
+    min-height: 100%;
+  }
+  &.layout-pf-alt-fixed {
+    &.layout-pf-alt-fixed-inner-scroll {
+      &,
+      & body {
+        height: 100%;
+        min-height: 0;
+      }
+      .container-pf-alt-nav-pf-vertical-alt {
+        height: 100%;
+        overflow: auto;
+        &.container-cards-pf {
+          margin-top: 0;
+          padding-top: ($grid-gutter-width/2);
+        }
+      }
+    }
+    &.transitions .container-pf-alt-nav-pf-vertical-alt {
+      transition: $flyout-transition-pf;
+    }
+    body {
+      padding-top: $navbar-pf-alt-height; // make space for the navbar
+    }
+    .container-pf-alt-nav-pf-vertical-alt {
+      margin-left: ($nav-pf-vertical-alt-width);
+      &.collapsed-nav {
+        margin-left: ($nav-pf-vertical-alt-collapsed-width); // adjust space for the collapsed left nav
+      }
+      &.hidden-nav {
+        margin-left: 0; // remove space as left nav is hidden
+      }
+    }
+  }
+  &.layout-pf-alt-fixed-with-footer {
+    body {
+      padding-bottom: $footer-pf-alt-height;
+    }
+  }
+}

data/dist/sass/patternfly/_links.scss

@@ -0,0 +1,5 @@
+a.disabled {
+  color: $color-pf-black-500;
+  cursor: $cursor-disabled;
+  text-decoration: none;
+}

data/dist/sass/patternfly/_list-group.scss

@@ -0,0 +1,23 @@
+//
+// List groups
+// --------------------------------------------------
+
+.list-group {
+  border-top: 1px solid $list-group-top-border;
+  .list-group-item:first-child {
+    border-top: 0;
+  }
+}
+.list-group-item {
+  border-left: 0;
+  border-right: 0;
+  &.disabled,
+  &.disabled:hover,
+  &.disabled:focus {
+    background-color: $list-group-disabled-bg;
+  }
+}
+
+.list-group-item-heading {
+  font-weight: 600;
+}