patternfly-sass 3.45.3 → 3.46.0

data/dist/sass/rcue/_patternfly-additions.scss

@@ -0,0 +1,74 @@
+/* PatternFly additions to Bootstrap */
+
+// Bootstrap variables and mixins
+@import 'bootstrap/less/variables';
+@import 'bootstrap/less/mixins';
+// Font Awesome variables
+@import 'font-awesome/less/variables';
+
+// Bootstrap-Slider
+@import 'bootstrap-slider/src/less/variables';
+@import 'bootstrap-slider/src/less/rules';
+
+// Bootstrap-Combobox
+@import 'patternfly-bootstrap-combobox/less/combobox';
+// Bootstrap-Datepicker
+@import 'bootstrap-datepicker/less/datepicker3';
+// Bootstrap-Select
+@import 'bootstrap-select/less/bootstrap-select';
+// Bootstrap Switch
+@import 'bootstrap-switch/src/less/bootstrap3/bootstrap-switch';
+// Bootstrap Touchspin
+@import (less) "bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css";
+// C3 charts
+@import (less) "c3/c3.css";
+// Bootstrap-DateTimePicker
+@import 'eonasdan-bootstrap-datetimepicker/src/less/bootstrap-datetimepicker-build';
+
+@import 'variables';
+@import 'bootstrap-mixin-overrides';
+@import 'mixins';
+@import 'about-modal';
+@import 'application-launcher';
+@import 'blank-slate';
+@import 'bootstrap-combobox';
+@import 'bootstrap-datepicker';
+@import 'bootstrap-select';
+@import 'bootstrap-slider';
+@import 'bootstrap-switch';
+@import 'bootstrap-touchspin';
+@import 'bootstrap-treeview';
+@import 'cards';
+@import 'card-view';
+@import 'charts';
+@import 'close';
+@import 'context-selector';
+@import 'datatables';
+@import 'experimental-features';
+@import 'filter';
+@import 'footer';
+@import 'icons';
+@import 'infotip';
+@import 'layouts';
+@import 'links';
+@import 'list-pf';
+@import 'list-view';
+@import 'list-view-dnd';
+@import 'login';
+@import 'navbar';
+@import 'navbar-alt';
+@import 'navbar-vertical';
+@import 'nav-vertical-alt';
+@import 'notifications-drawer';
+@import 'search';
+@import 'sidebar';
+@import 'skip-to-content';
+@import 'spinner';
+@import 'syntax-highlighting';
+@import 'table-view';
+@import 'time-picker';
+@import 'toast';
+@import 'toolbar';
+@import 'tree-list-view';
+@import 'vertical-nav';
+@import 'wizard';

data/dist/sass/rcue/_patternfly.scss

@@ -0,0 +1,31 @@
+/* PatternFly */
+
+// OpenSans
+@import 'fonts';
+// Bootstrap
+@import 'bootstrap/less/bootstrap';
+// Font Awesome
+@import 'font-awesome/less/font-awesome';
+
+// Bootstrap overrides
+@import 'variables';
+@import 'bootstrap-mixin-overrides';
+@import 'mixins';
+@import 'alerts';
+@import 'badges';
+@import 'breadcrumbs';
+@import 'buttons';
+@import 'dropdowns';
+@import 'forms';
+@import 'labels';
+@import 'list-group';
+@import 'modals';
+@import 'pager';
+@import 'pagination';
+@import 'panels';
+@import 'popovers';
+@import 'progress-bars';
+@import 'tables';
+@import 'tabs';
+@import 'tooltip';
+@import 'type';

data/dist/sass/rcue/_popovers.scss

@@ -0,0 +1,38 @@
+//
+// Popovers
+// --------------------------------------------------
+
+.popover {
+  @include box-shadow(0 2px 2px rgba($color-pf-black, (8/100)));
+  padding: 0;
+}
+
+.popover-content {
+  color: $gray-pf;
+  line-height: 18px;
+  padding: 10px 14px;
+}
+
+.popover-title {
+  border-bottom: none;
+  border-radius: 0;
+  color: $gray-pf;
+  font-size: ($font-size-base + 1);
+  font-weight: 700;
+  min-height: 34px;
+  .close {
+    height: 22px;
+    position: absolute;
+    right: 8px;
+    top: 6px;
+  }
+  &.closable {
+    padding-right: 30px;
+  }
+}
+.popover-pf-info {
+  color: $color-pf-black-900;
+    &:hover, &:active {
+      color : $color-pf-blue-500;
+    }
+}

data/dist/sass/rcue/_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/rcue/_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/rcue/_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/rcue/_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;