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

data/dist/sass/patternfly/_progress-bars.scss

@@ -0,0 +1,121 @@
+//
+// Progress Bar
+// --------------------------------------------------
+
+@keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+.progress {
+  @include box-shadow(inset 0 0 1px rgba($color-pf-black, (25/100)));
+  &.progress-label-left,
+  &.progress-label-top-right {
+    overflow: visible;
+    position: relative;
+  }
+  &.progress-label-left {
+    margin-left: 40px;
+  }
+  &.progress-sm {
+    height: $progress-sm;
+    margin-bottom: $progress-sm;
+  }
+  &.progress-xs {
+    height: $progress-xs;
+    margin-bottom: $progress-xs;
+  }
+  td > &:first-child:last-child {
+    margin-bottom: 0;
+    margin-top: 3px;
+  }
+}
+
+.progress-bar {
+  box-shadow: none;
+  .progress-label-left & span,
+  .progress-label-right & span,
+  .progress-label-top-right & span {
+    color: $text-color;
+    position: absolute;
+    text-align: right;
+  }
+  .progress-label-left & span {
+    font-size: $font-size-large;
+    left: -40px;
+    top: 0;
+    width: 35px;
+  }
+  .progress-label-right & span,
+  .progress-label-top-right & span {
+    font-size: $font-size-small;
+    overflow: hidden;
+    right: 0;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    strong {
+      font-weight: 600;
+    }
+  }
+  .progress-label-right & span {
+    max-width: $progress-description-label-width;
+    top: 0;
+  }
+  .progress-label-top-right & span {
+    max-width: 47%;
+    top: (-($line-height-computed * 1.5)); // -30px
+  }
+  .progress-label-left.progress-sm & span,
+  .progress-label-top-right.progress-sm & span {
+    font-size: $font-size-base;
+  }
+  .progress-sm & {
+    line-height: $progress-sm;
+  }
+  .progress-xs & {
+    line-height: $progress-xs;
+  }
+}
+
+.progress-bar-remaining {
+  background: transparent;
+}
+
+.progress-container {
+  position: relative;
+  &.progress-description-left {
+    padding-left :($progress-description-label-width + 5);
+  }
+  &.progress-label-right {
+    padding-right :($progress-description-label-width + 5);
+  }
+}
+
+.progress-description {
+  margin-bottom: ($line-height-computed / 2); // 10px
+  max-width: 52%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  .count {
+    font-size: ($font-size-base * 1.667); // 20px
+    font-weight: 300;
+    line-height: 1;
+    margin-right: 5px;
+  }
+  .fa,
+  .pficon {
+    font-size: 14px;
+    margin-right: 3px;
+  }
+  .progress-description-left & {
+    left: 0;
+    margin-bottom: 0;
+    max-width: $progress-description-label-width;
+    position: absolute;
+    top: 0;
+  }
+  .tooltip {
+    white-space: normal;
+  }
+}

data/dist/sass/patternfly/_rcue-about-modal.scss

@@ -0,0 +1,45 @@
+.about-modal-pf {
+  background-color: $color-pf-black-900;
+  background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$modal-about-pf-bg-img}"), "#{$img-path}#{$modal-about-pf-bg-img}"));
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  background-size: 216px auto;
+  @media (min-width: $screen-sm-min) {
+    background-size: auto;
+  }
+  .modal-body {
+    color: $color-pf-white;
+    padding-bottom: 16px;
+    padding-left: $grid-gutter-width;
+    padding-right: $grid-gutter-width;
+    @media (min-width: $screen-sm-min) {
+      padding-left: ($grid-gutter-width * 2);
+      padding-right: ($grid-gutter-width * 2);
+    }
+  }
+  .modal-header {
+    background-color: transparent;
+  }
+  .modal-footer {
+    img {
+      width: 20%;
+    }
+  }
+  .pficon-close {
+    color: $color-pf-white;
+  }
+}
+
+.product-versions-pf {
+  margin-bottom: 30px;
+  margin-top: 30px;
+  li {
+    strong {
+      margin-right: ($grid-gutter-width / 4);
+    }
+  }
+}
+
+.trademark-pf {
+  font-size: ceil(($font-size-base - 1));
+}

data/dist/sass/patternfly/_rcue-additions.scss

@@ -0,0 +1,11 @@
+/* Red Hat Common User Experience (RCUE) */
+
+@import "patternfly-additions";
+
+// RCUE overrides
+@import "rcue-variables";
+@import 'rcue-about-modal';
+@import "rcue-login";
+.navbar-pf-vertical .navbar-brand .navbar-brand-name {
+  height: 35px;
+}

data/dist/sass/patternfly/_rcue-login.scss

@@ -0,0 +1,75 @@
+//
+// Login
+// --------------------------------------------------
+
+.login-pf {
+  background-color:  $login-bg-color;
+  @media (min-width: $screen-sm-min) {
+    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-bg-login-2}"), "#{$img-path}#{$img-bg-login-2}"));
+    background-position: 100% 100%;
+    background-repeat: no-repeat;
+    background-size: 30%;
+  }
+  @media (min-width: $screen-md-min) {
+    background-size: auto;
+  }
+  #badge {
+    margin-right: 65px;
+    margin-bottom: 50px;
+    text-align: right;
+    img {
+      width: 29%;
+    }
+  }
+  body {
+    background: transparent;
+    @media (min-width: $screen-sm-min) {
+      background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-bg-login}"), "#{$img-path}#{$img-bg-login}"));
+      background-repeat: no-repeat;
+      background-size: 30%;
+      height: 100%;
+    }
+    @media (min-width: $screen-md-min) {
+      background-size: auto;
+    }
+  }
+  #brand {
+    top: -30px;
+    img {
+      height: auto;
+      width: 50%;
+    }
+    @media (min-width: $screen-sm-min) {
+      top: -40px;
+      + .alert {
+        margin-top: -20px;
+      }
+    }
+  }
+  .container {
+    padding-top: 0;
+    @media (min-width: $screen-md-min) {
+      bottom: 20%;
+      padding-right: 120px;
+    }
+  }
+  &-page {
+    &-logo {
+      display: flex;
+      justify-content: center;
+      img {
+        margin-top: 15px;
+        height: 50px;
+      }
+    }
+  }
+  .login-pf-page-footer {
+    position: fixed;
+    right: 0;
+    bottom: 50px;
+    left: 0;
+  }
+  .login-pf-page-footer-link {
+    color: $color-pf-black-500;
+  }
+}

data/dist/sass/patternfly/_rcue-variables.scss

@@ -0,0 +1,57 @@
+//
+// Variables
+// --------------------------------------------------
+
+/* RCUE-specific */
+$img-bg-login:                                                      "bg-login.png" !default;
+$img-bg-login-2:                                                    "bg-login-2.png" !default;
+$login-bg-color:                                                    #1a1a1a !default;
+$login-container-bg-color:                                          transparent !default;
+$login-container-bg-color-rgba:                                     transparent !default;
+$modal-about-pf-bg-img:                                             "bg-login-2.png" !default;
+$navbar-pf-alt-border-width:                                        0 !default;
+$navbar-pf-alt-nav-item-iconic-padding:                             22px 12px !default;
+$navbar-pf-alt-navbar-brand-padding:                                18px 0 22px !default;
+$navbar-pf-alt-navbar-brand-name-breakpoint:                        355px !default;
+$navbar-pf-alt-navbar-toggle-margin:                                14px 15px !default;
+$navbar-pf-bg-color:                                                #393f45 !default;
+$navbar-pf-border-color:                                            #cc0000 !default;
+$navbar-pf-vertical-border-color:                                   #cc0000 !default;
+$navbar-pf-active-color:                                            #fff !default;
+$navbar-pf-color:                                                   #dbdada !default;
+$navbar-pf-icon-bar-bg-color:                                       #fff !default;
+$navbar-pf-navbar-header-border-color:                              #53565b !default;
+$navbar-pf-navbar-nav-active-bg-color:                              #454c53 !default;
+$navbar-pf-navbar-nav-active-active-bg-color:                       #3c434a !default;
+$navbar-pf-navbar-nav-active-active-open-bg-color:                  #424950 !default;
+$navbar-pf-navbar-navbar-brand-min-width:                           300px !default;
+$navbar-pf-navbar-navbar-brand-padding:                             7px 0 8px !default;
+$navbar-pf-navbar-navbar-persistent-bg-color:                       #f6f6f6 !default;
+$navbar-pf-navbar-navbar-persistent-border-color:                   #cecdcd !default;
+$navbar-pf-navbar-primary-active-bg-color-start:                    #72757a !default;
+$navbar-pf-navbar-primary-active-bg-color-stop:                     #64686c !default;
+$navbar-pf-navbar-primary-active-border-color:                      #949699 !default;
+$navbar-pf-navbar-primary-bg-color-start:                           #474c50 !default;
+$navbar-pf-navbar-primary-bg-color-stop:                            #383f43 !default;
+$navbar-pf-navbar-primary-hover-bg-color-start:                     #5c6165 !default;
+$navbar-pf-navbar-primary-hover-bg-color-stop:                      #4b5053 !default;
+$navbar-pf-navbar-primary-hover-border-color:                       #949699 !default;
+$navbar-pf-navbar-primary-context-active-bg-color-start:            #6b7175 !default;
+$navbar-pf-navbar-primary-context-active-bg-color-stop:             #65696d !default;
+$navbar-pf-navbar-primary-context-active-border-color:              #6e7276 !default;
+$navbar-pf-navbar-primary-context-active-border-right-color:        #777a7e !default;
+$navbar-pf-navbar-primary-context-active-border-top-color:          #767a7e !default;
+$navbar-pf-navbar-primary-context-bg-color-start:                   #585d61 !default;
+$navbar-pf-navbar-primary-context-bg-color-stop:                    #505458 !default;
+$navbar-pf-navbar-primary-context-border-color:                     #65696d !default;
+$navbar-pf-navbar-primary-context-border-top-color:                 #64696d !default;
+$navbar-pf-navbar-primary-context-hover-bg-color-start:             #62676b !default;
+$navbar-pf-navbar-primary-context-hover-bg-color-stop:              #5a5e62 !default;
+$navbar-pf-navbar-primary-context-hover-border-color:               #6e7276 !default;
+$navbar-pf-navbar-primary-context-hover-border-top-color:           #6c7276 !default;
+$navbar-pf-navbar-utility-border-color:                             #53565b !default;
+$navbar-pf-navbar-utility-color:                                    #fff !default;
+$navbar-pf-navbar-utility-hover-bg-color:                           #4a5053 !default;
+$navbar-pf-navbar-utility-hover-border-color:                       #636466 !default;
+$navbar-pf-navbar-utility-open-bg-color:                            #5b6165 !default;
+$navbar-pf-navbar-utility-open-border-color:                        #6c6e70 !default;

data/dist/sass/patternfly/_rcue.scss

@@ -0,0 +1,6 @@
+/* Red Hat Common User Experience (RCUE) */
+
+@import 'patternfly';
+
+// RCUE overrides
+@import "rcue-variables";

data/dist/sass/patternfly/_search.scss

@@ -0,0 +1,64 @@
+//
+// Search
+// --------------------------------------------------
+
+.search-pf {
+  &.has-button {
+    border-collapse: separate;
+    display: table;
+    .form-group {
+      display: table-cell;
+      width: 100%;
+      .btn {
+        @include box-shadow(none);
+        float: left;
+        margin-left: -1px;
+        &.btn-lg {
+          font-size: ($font-size-large + .5); // to make button height consistent across browsers!
+        }
+        &.btn-sm {
+          font-size: ($font-size-small - .3); // to make button height consistent across browsers!
+        }
+      }
+      .form-control {
+        float: left;
+      }
+    }
+  }
+  .has-clear {
+    .clear {
+      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;
+      padding: 0;
+      position: absolute;
+      right: 1px;
+      top: 1px;
+      width: 28px;
+      &:focus {
+        outline: none;
+      }
+    }
+    .form-control {
+      padding-right: 30px;
+      &::-ms-clear {
+        display: none;
+      }
+    }
+    .input-lg + .clear {
+      height: ($input-height-large - 2);
+      width: 28px;
+    }
+    .input-sm + .clear {
+      height: ($input-height-small - 2);
+      width: 28px;
+      span {
+        font-size: ($font-size-base - 2);
+      }
+    }
+    .search-pf-input-group {
+      position: relative;
+    }
+  }
+}

data/dist/sass/patternfly/_sidebar.scss

@@ -0,0 +1,176 @@
+//
+// Sidebar
+// --------------------------------------------------
+
+.sidebar-header {
+  border-bottom: 1px solid darken($page-header-border-color, 2%);
+  padding-bottom: (($line-height-computed / 2) + 1);
+  margin: (($line-height-computed * 2) + 10) 0 $line-height-computed;
+  .actions {
+    margin-top: -2px;
+  }
+}
+
+.sidebar-pf {
+  .sidebar-header + .list-group {
+    border-top: 0;
+    margin-top: (-$grid-gutter-width / 2 / 2);
+    .list-group-item {
+      background: transparent;
+      border-color: darken($page-header-border-color, 2%);
+      padding-left: 0;
+    }
+    .list-group-item-heading {
+      font-size: $font-size-base;
+    }
+  }
+  .nav-category {
+    h2 {
+      color: $dropdown-header-color;
+      font-size: $font-size-base;
+      font-weight: 400;
+      line-height: ($line-height-computed + 1);
+      margin: 0;
+      padding: 8px 0;
+    }
+    + .nav-category {
+      margin-top: ($grid-gutter-width / 4);
+    }
+  }
+  .nav-pills > li {
+    &.active > a {
+      background: $dropdown-link-active-bg !important;
+      border-color: $dropdown-link-active-border-color !important;
+      color: $color-pf-white;
+      @media (min-width: $grid-float-breakpoint) {
+        &:after {
+          content: $fa-var-angle-right;
+          font-family: $icon-font-name-fa;
+          display: block;
+          position: absolute;
+          right: ($grid-gutter-width / 2 / 2);
+          top: 1px;
+        }
+      }
+      .fa {
+        color: $color-pf-white;
+      }
+    }
+    > a {
+      border-bottom: 1px solid transparent;
+      border-radius: 0;
+      border-top: 1px solid transparent;
+      color: $text-color;
+      font-size: ($font-size-base + 1);
+      line-height: ($line-height-computed + 1);
+      padding: 1px ($grid-gutter-width / 2);
+      &:hover {
+        background: $dropdown-link-hover-bg;
+        border-color: $dropdown-link-hover-border-color;
+      }
+      .fa {
+        color: lighten($gray-pf, 12%);
+        font-size: ($font-size-base + 3);
+        margin-right: ($grid-gutter-width / 4);
+        text-align: center;
+        vertical-align: middle;
+        width: ($font-size-base + 3);
+      }
+    }
+  }
+  .nav-stacked {
+    margin-left: (-($grid-gutter-width / 2));
+    margin-right: (-($grid-gutter-width / 2));
+    li + li {
+      margin-top: 0;
+    }
+  }
+  .panel {
+    background: transparent;
+  }
+  .panel-body {
+    padding: 6px ($grid-gutter-width / 2);
+    .nav-pills > li > a {
+      padding-left: ($grid-gutter-width / 2 + 17);
+    }
+  }
+  .panel-heading {
+    padding: 9px ($grid-gutter-width / 2);
+  }
+  .panel-title {
+    font-size: $font-size-base;
+    > a {
+      &:before {
+        display: inline-block;
+        margin-left: 1px;
+        margin-right: 4px;
+        width: 9px;
+      }
+      &.collapsed:before {
+        margin-left: 3px;
+        margin-right: 2px;
+      }
+    }
+  }
+}
+
+@media (min-width: $grid-float-breakpoint-max) {
+  .sidebar-header-bleed-left {
+    margin-left: (-($grid-gutter-width / 2));
+    > h2 {
+      margin-left: ($grid-gutter-width / 2);
+    }
+  }
+  .sidebar-header-bleed-right {
+    margin-right: (-($grid-gutter-width / 2));
+    .actions {
+      margin-right: ($grid-gutter-width / 2);
+    }
+    > h2 {
+      margin-right: ($grid-gutter-width / 2);
+    }
+    + .list-group {
+      margin-right: (-($grid-gutter-width / 2));
+    }
+  }
+  .sidebar-pf {
+    .panel-group .panel-default,
+    .treeview {
+      border-left: 0;
+      border-right: 0;
+      margin-left: (-($grid-gutter-width / 2));
+      margin-right: (-($grid-gutter-width / 2));
+    }
+    .treeview {
+      margin-top: 5px;
+      .list-group-item {
+        padding-left: ($grid-gutter-width / 2);
+        padding-right: ($grid-gutter-width / 2);
+        &.node-selected:after {
+          content: $fa-var-angle-right;
+          font-family: $icon-font-name-fa;
+          display: block;
+          position: absolute;
+          right: ($grid-gutter-width/2 / 2);
+          top: 1px;
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: $grid-float-breakpoint) {
+  .sidebar-pf {
+    background: $sidebar-pf-bg;
+    &.sidebar-pf-left {
+      border-right: 1px solid $sidebar-pf-border-color;
+    }
+    &.sidebar-pf-right {
+      border-left: 1px solid $sidebar-pf-border-color;
+    }
+    > .nav-category,
+    > .nav-stacked {
+      margin-top: 5px;
+    }
+  }
+}

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/dist/sass/patternfly/_spinner.scss

@@ -0,0 +1,72 @@
+//
+// Spinner
+// --------------------------------------------------
+
+@keyframes rotation {
+  from {transform: rotate(0deg);}
+  to {transform: rotate(359deg);}
+}
+
+.spinner {
+  animation: rotation 600ms infinite linear;
+  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, (75/100));
+  height: ($font-size-base * 2);
+  margin: 0 auto;
+  position: relative;
+  width: ($font-size-base * 2);
+  &.spinner-inline {
+    display: inline-block;
+    margin-right: 3px;
+  }
+  &.spinner-lg {
+    border-width: 5px;
+    height: ($font-size-base * 2.5);
+    width: ($font-size-base * 2.5);
+  }
+  &.spinner-sm {
+    border-width: 3px;
+    height: ($font-size-base * 1.5);
+    width: ($font-size-base * 1.5);
+  }
+  &.spinner-xs {
+    border-width: 2px;
+    height: $font-size-base;
+    width: $font-size-base;
+  }
+  &.spinner-inverse {
+    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(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}"));
+  }
+  &.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}"));
+  }
+  &.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}"));
+  }
+  &.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}"));
+  }
+}

data/dist/sass/patternfly/_syntax-highlighting.scss

@@ -0,0 +1,36 @@
+//
+// Syntax Highlighting for google-code-prettify
+// --------------------------------------------------
+
+.prettyprint {
+  .atn,
+  .com,
+  .fun,
+  .var {
+    color: $syntax-3;
+  }
+
+  .atv,
+  .str {
+    color: $syntax-1;
+  }
+
+  .clo,
+  .dec,
+  .kwd,
+  .opn,
+  .pln,
+  .pun {
+    color: $syntax-2;
+  }
+
+  .lit,
+  .tag,
+  .typ {
+    color: $syntax-4;
+  }
+
+  ol.linenums {
+    margin-bottom: 0;
+  }
+}