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

data/dist/sass/patternfly/_variables.scss

@@ -0,0 +1,595 @@
+//
+// Variables
+// --------------------------------------------------
+// Bootstrap overrides and PatternFly-specific variables
+
+// Sass compass/sprockets asset helper flag
+// ----------------------
+$pf-sass-asset-helper:                                              false !default;
+
+// PatternFly-specific
+// -------------------
+@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
+$blank-slate-pf-secondary-link-padding-left:                        15px !default;
+$blank-slate-pf-secondary-link-padding-top:                         5px !default;
+$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;
+$btn-default-bg-img-stop:                                           $color-pf-black-200 !default;
+$btn-xs-font-weight:                                                400 !default;
+$card-pf-accented-border-top-color:                                 $color-pf-blue-300 !default;
+$card-pf-aggregate-status-title-icon-color:                         $color-pf-black-900 !default;
+$card-pf-bg-color:                                                  $color-pf-white !default;
+$card-pf-border-color:                                              $color-pf-black-300 !default;
+$card-pf-border-top-color:                                          transparent !default;
+$card-pf-container-bg-color:                                        $color-pf-black-150 !default;
+$card-pf-footer-bg-color:                                           $color-pf-black-100 !default;
+$card-pf-selected-border-color:                                     $color-pf-blue-300 !default;
+$contextselector-title-width-desktop:                               210px !default;
+$contextselector-title-width-mobile:                                170px !default;
+$contextselector-pf-bootstrap-select-width-desktop:                 ($contextselector-title-width-desktop + 32) !default;
+$contextselector-pf-bootstrap-select-width-mobile:                  ($contextselector-title-width-mobile + 32) !default;
+$contextselector-pf-dropdown-toggle-padding-bottom:                 19px !default;
+$contextselector-pf-dropdown-toggle-padding-left:                   10px !default;
+$contextselector-pf-dropdown-toggle-padding-top:                    19px !default;
+$contextselector-pf-margin-left:                                    10px !default;
+$contextselector-pf-nav-item-iconic-padding:                        23px 20px 18px 10px !default;
+$contextselector-pf-form-group-margin:                              0 5px 5px 5px !default;
+$contextselector-pf-list-max-height:                                200px !default;
+$contextselector-pf-list-li-padding:                                1px 10px !default;
+$contextselector-pf-list-li-border-width:                           1px 0 !default;
+$donut-font-size-big:                                               30px !default;
+$drawer-pf-top-vertical:                                            58px !default;
+$drawer-pf-top-horizontal:                                          25px !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($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;
+$footer-pf-height:                                                  37px !default;
+$form-horizontal-pf-align-left-padding-left:                        30px !default;
+$gray-light-pf:                                                     $color-pf-black-400 !default;
+$gray-pf:                                                           $color-pf-black-700 !default;
+$icon-font-name-fa:                                                 "FontAwesome" !default;
+$icon-font-name-pf:                                                 "PatternFlyIcons-webfont" !default;
+$icon-prefix:                                                       pficon !default;
+$img-bg-login:                                                      "bg-login.jpg" !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;
+$img-spinner-inverse-sm:                                            "spinner-inverse-sm.gif" !default;
+$img-spinner-inverse-xs:                                            "spinner-inverse-xs.gif" !default;
+$img-spinner-lg:                                                    "spinner-lg.gif" !default;
+$img-spinner-sm:                                                    "spinner-sm.gif" !default;
+$img-spinner-xs:                                                    "spinner-xs.gif" !default;
+$input-border-hover:                                                $color-pf-blue-200 !default;
+$input-border-focus:                                                $color-pf-blue-400 !default;
+$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-blue-25 !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-blue-25 !default;
+$list-group-disabled-bg:                                            $color-pf-black-100 !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, (5.5/100)) !default;
+$modal-about-pf-bg-img:                                             "bg-modal-about-pf.png" !default;
+$modal-title-padding-horizontal:                                    18px !default;
+$modal-title-padding-vertical:                                      10px !default;
+$navbar-pf-active-color:                                            $color-pf-black-150 !default;
+$navbar-pf-alt-active-color:                                        $color-pf-white !default;
+$navbar-pf-alt-bg-color:                                            $color-pf-black !default;
+$navbar-pf-alt-bg-img:                                              "bg-navbar-pf-alt.svg" !default;
+$navbar-pf-bg-color:                                                $color-pf-black !default;
+$navbar-pf-border-color:                                            $color-pf-blue-300 !default;
+$navbar-pf-color:                                                   $color-pf-black-300 !default;
+$navbar-pf-height:                                                  60px !default;
+$navbar-pf-icon-bar-bg-color:                                       $color-pf-white !default;
+$navbar-pf-item-hover-bg-color:                                     rgba(255, 255, 255, .14) !default;
+$navbar-pf-item-open-bg-color:                                      rgba(255, 255, 255, .24) !default;
+$navbar-pf-item-active-color:                                       $color-pf-white !default;
+$navbar-pf-item-icon-padding-right:                                 4px !default;
+$navbar-pf-navbar-navbar-brand-min-width:                           270px !default;
+$navbar-pf-navbar-navbar-brand-padding:                             8px 0 7px !default;
+$navbar-pf-navbar-navbar-persistent-bg-color:                       $color-pf-black-150 !default;
+$navbar-pf-navbar-navbar-persistent-border-color:                   $color-pf-black-300 !default;
+$navbar-pf-vertical-active-color:                                   $navbar-pf-item-active-color !default;
+$navbar-pf-vertical-bg-color:                                       #1d1d1d !default;
+$navbar-pf-vertical-bg-repeat:                                      no-repeat !default;
+$navbar-pf-vertical-bg-size:                                        auto 100% !default;
+$navbar-pf-vertical-border-color:                                   $color-pf-blue-300 !default;
+$navbar-pf-vertical-border-style:                                   solid !default;
+$navbar-pf-vertical-border-width:                                   2px !default;
+$navbar-pf-vertical-color:                                          $color-pf-black-300 !default;
+$navbar-pf-vertical-height:                                         60px !default;
+$navbar-pf-vertical-icon-bar-bg-color:                              $color-pf-white !default;
+$navbar-pf-vertical-navbar-brand-color:                             $color-pf-white !default;
+$navbar-pf-vertical-navbar-brand-icon-margin:                       0 15px 0 0 !default;
+$navbar-pf-vertical-navbar-brand-margin:                            0 0 0 25px !default;
+$navbar-pf-vertical-navbar-brand-min-height:                        35px !default;
+$navbar-pf-vertical-navbar-brand-max-height:                        35px !default;
+$navbar-pf-vertical-navbar-brand-line-height:                       34px !default;
+$navbar-pf-vertical-navbar-brand-name-breakpoint:                   480px !default;
+$navbar-pf-vertical-navbar-brand-name-margin:                       0 15px 0 0 !default;
+$navbar-pf-vertical-navbar-brand-padding:                           11px 0 12px !default;
+$navbar-pf-vertical-navbar-toggle-margin:                           13px 15px !default;
+$navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg:                $color-pf-white !default;
+$navbar-pf-vertical-nav-item-iconic-padding:                        21px 12px !default;
+$nav-pf-container-transition-period:                                250ms !default;
+$nav-pf-menu-transition-period:                                     100ms !default;
+$nav-pf-vertical-active-before-color:                               $color-pf-blue-300 !default;
+$nav-pf-vertical-active-bg-color:                                   $color-pf-black-800 !default;
+$nav-pf-vertical-active-border-color:                               $color-pf-black-900 !default;
+$nav-pf-vertical-active-color:                                      $color-pf-white !default;
+$nav-pf-vertical-active-font-weight:                                600 !default;
+$nav-pf-vertical-active-icon-color:                                 $color-pf-blue-300 !default;
+$nav-pf-vertical-badge-color:                                       $color-pf-white !default;
+$nav-pf-vertical-badge-bg-color:                                    $color-pf-black-900 !default;
+$nav-pf-vertical-bg-color:                                          $color-pf-black-900 !default;
+$nav-pf-vertical-border-color:                                      $color-pf-black-900 !default;
+$nav-pf-vertical-collapsed-width:                                   75px !default;
+$nav-pf-vertical-color:                                             $color-pf-black-300 !default;
+$nav-pf-vertical-font-weight:                                       400 !default;
+$nav-pf-vertical-icon-color:                                        $color-pf-black-600 !default;
+$nav-pf-vertical-icon-width:                                        24px !default;
+$nav-pf-vertical-item-border-color:                                 $color-pf-black !default;
+$nav-pf-vertical-link-height:                                       63px !default;
+$nav-pf-vertical-link-padding:                                      17px 20px 17px 25px !default;
+$nav-pf-vertical-secondary-active-color:                            $color-pf-white !default;
+$nav-pf-vertical-secondary-active-bg-color:                         $color-pf-black-700 !default;
+$nav-pf-vertical-secondary-active-icon-color:                       $color-pf-blue-300 !default;
+$nav-pf-vertical-secondary-badge-color:                             $color-pf-white !default;
+$nav-pf-vertical-secondary-badge-bg-color:                          $color-pf-black-900 !default;
+$nav-pf-vertical-secondary-border-color:                            $color-pf-blue-300 !default;
+$nav-pf-vertical-secondary-color:                                   $color-pf-white !default;
+$nav-pf-vertical-secondary-header-margin:                           18px 20px 10px 20px !default;
+$nav-pf-vertical-secondary-indicator-color:                         $color-pf-black-600 !default;
+$nav-pf-vertical-secondary-indicator-padding:                       14px 0 !default;
+$nav-pf-vertical-secondary-item-color:                              $color-pf-black-300 !default;
+$nav-pf-vertical-secondary-item-padding:                            0 0 5px 0 !default;
+$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-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;
+$nav-pf-vertical-tertiary-color:                                    #fff !default;
+$nav-pf-vertical-tertiary-header-margin:                            18px 20px 10px 20px !default;
+$nav-pf-vertical-tertiary-list-header-margin:                       30px 20px 10px 20px !default;
+$nav-pf-vertical-tertiary-item-padding:                             0 0 5px 0 !default;
+$nav-pf-vertical-tertiary-item-color:                               $color-pf-black-300 !default;
+$nav-pf-vertical-tertiary-link-margin:                              0 20px 0 20px !default;
+$nav-pf-vertical-tertiary-link-padding:                             4px 0 2px 0 !default;
+$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;
+$pficon-var-bundle:                                                 "\e918" !default;
+$pficon-var-catalog:                                                "\e939" !default;
+$pficon-var-chat:                                                   "\e928" !default;
+$pficon-var-close:                                                  "\e60b" !default;
+$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-drag-drop:                                              "\e950" !default;
+$pficon-var-edit:                                                   "\e60a" !default;
+$pficon-var-enhancement:                                            "\e93a" !default;
+$pficon-var-enterprise:                                             "\e906" !default;
+$pficon-var-equalizer:                                              "\e610" !default;
+$pficon-var-error-circle-o:                                         "\e926" !default;
+$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;
+$pficon-var-history:                                                "\e93b" !default;
+$pficon-var-home:                                                   "\e618" !default;
+$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-network-range:                                          "\e94a" !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;
+$pficon-var-replicator:                                             "\e624" !default;
+$pficon-var-repository:                                             "\e90b" !default;
+$pficon-var-resource-pool:                                          "\e90c" !default;
+$pficon-var-resources-almost-empty:                                 "\e91d" !default;
+$pficon-var-resources-almost-full:                                  "\e912" !default;
+$pficon-var-resources-full:                                         "\e92a" !default;
+$pficon-var-restart:                                                "\e617" !default;
+$pficon-var-route:                                                  "\e625" !default;
+$pficon-var-running:                                                "\e614" !default;
+$pficon-var-save:                                                   "\e601" !default;
+$pficon-var-satellite:                                              "\e94b" !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-sort-common-asc:                                        "\e94e" !default;
+$pficon-var-sort-common-desc:                                       "\e94f" !default;
+$pficon-var-spinner:                                                "\e614" !default;
+$pficon-var-spinner2:                                               "\e613" !default;
+$pficon-var-storage-domain:                                         "\e90e" !default;
+$pficon-var-template:                                               "\e94c" !default;
+$pficon-var-tenant:                                                 "\e916" !default;
+$pficon-var-thumb-tack-o:                                           "\e920" !default;
+$pficon-var-topology:                                               "\e608" !default;
+$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-vcenter:                                                "\e94d" !default;
+$pficon-var-virtual-machine:                                        "\e90f" !default;
+$pficon-var-volume:                                                 "\e910" !default;
+$pficon-var-warning-triangle-o:                                     "\e913" !default;
+$pficon-var-zone:                                                   "\e911" !default;
+$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;
+$navbar-pf-navbar-nav-active-bg-color:                              lighten($navbar-pf-bg-color, 12.5%) !default;
+$navbar-pf-navbar-primary-bg-color-start:                           lighten($navbar-pf-bg-color, 10%) !default; // #474C50
+$navbar-pf-navbar-primary-bg-color-stop:                            $navbar-pf-bg-color !default; // #383F43
+$navbar-pf-navbar-utility-border-color:                             lighten($navbar-pf-bg-color, 15.5%) !default;
+$navbar-pf-navbar-utility-color:                                    $navbar-pf-color !default;
+$navbar-pf-navbar-utility-hover-bg-color:                           lighten($navbar-pf-bg-color, 12.5%) !default;
+$nav-pf-vertical-secondary-bg-color:                                $nav-pf-vertical-active-bg-color !default;
+$nav-tabs-color:                                                    $gray-pf !default;
+// Reference variables declared in block above
+$navbar-pf-navbar-primary-context-bg-color-start:                   lighten($navbar-pf-navbar-primary-bg-color-start, 8.5%) !default;
+$navbar-pf-navbar-primary-context-bg-color-stop:                    lighten($navbar-pf-navbar-primary-bg-color-stop, 11%) !default;
+$navbar-pf-navbar-primary-hover-bg-color-start:                     lighten($navbar-pf-navbar-primary-bg-color-start, 10%) !default;
+$navbar-pf-navbar-primary-hover-bg-color-stop:                      lighten($navbar-pf-navbar-primary-bg-color-stop, 10%) !default;
+$navbar-pf-navbar-primary-hover-border-color:                       lighten($navbar-pf-navbar-header-border-color, 20%) !default;
+$navbar-pf-navbar-primary-context-border-color:                     lighten($navbar-pf-navbar-header-border-color, 8%) !default;
+$navbar-pf-navbar-primary-context-border-top-color:                 lighten($navbar-pf-navbar-header-border-color, 7%) !default;
+$navbar-pf-navbar-utility-hover-border-color:                       lighten($navbar-pf-navbar-utility-border-color, 5%) !default;
+$navbar-pf-navbar-utility-open-bg-color:                            lighten($navbar-pf-navbar-utility-hover-bg-color, 7.5%) !default;
+$navbar-pf-navbar-utility-open-border-color:                        lighten($navbar-pf-navbar-utility-hover-border-color, 5%) !default;
+// Reference variables declared in block above
+$navbar-pf-navbar-primary-active-bg-color-start:                    lighten($navbar-pf-navbar-primary-hover-bg-color-start, 5%) !default;
+$navbar-pf-navbar-primary-active-bg-color-stop:                     lighten($navbar-pf-navbar-primary-hover-bg-color-stop, 7.5%) !default;
+$navbar-pf-navbar-primary-active-border-color:                      lighten($navbar-pf-navbar-primary-hover-border-color, 5%) !default;
+$navbar-pf-navbar-primary-context-hover-bg-color-start:             lighten($navbar-pf-navbar-primary-context-bg-color-start, 5%) !default;
+$navbar-pf-navbar-primary-context-hover-bg-color-stop:              lighten($navbar-pf-navbar-primary-context-bg-color-stop, 7.5%) !default;
+$navbar-pf-navbar-primary-context-hover-border-color:               lighten($navbar-pf-navbar-primary-context-border-color, 5%) !default;
+$navbar-pf-navbar-primary-context-hover-border-top-color:           lighten($navbar-pf-navbar-primary-context-border-top-color, 6%) !default;
+// Reference variables declared in block above
+$navbar-pf-navbar-primary-context-active-bg-color-start:            lighten($navbar-pf-navbar-primary-context-hover-bg-color-start, 5%) !default;
+$navbar-pf-navbar-primary-context-active-bg-color-stop:             lighten($navbar-pf-navbar-primary-context-hover-bg-color-stop, 7.5%) !default;
+$navbar-pf-navbar-primary-context-active-border-color:              lighten($navbar-pf-navbar-primary-context-hover-border-color, 5%) !default;
+$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;
+$tree-list-view-pf-padding-left:                                    45px !default;
+
+// Alternate navigation layout - Kept for backwards compatibility
+// --------------------------------------------------------------
+$footer-pf-alt-bg-color:                                            $footer-pf-bg-color !default;
+$footer-pf-alt-padding-left:                                        $footer-pf-padding-left !default;
+$footer-pf-alt-padding-top:                                         $footer-pf-padding-top !default;
+$footer-pf-alt-height:                                              $footer-pf-height !default;
+$img-path-alt:                                                      $img-path !default;
+$nav-pf-vertical-alt-active-color:                                  $color-pf-blue-300 !default;
+$nav-pf-vertical-alt-bg-color:                                      $color-pf-white !default;
+$nav-pf-vertical-alt-badge-color:                                   $color-pf-white !default;
+$nav-pf-vertical-alt-border-color:                                  $sidebar-pf-border-color !default;
+$nav-pf-vertical-alt-collapsed-width:                               75px !default;
+$nav-pf-vertical-alt-link-height:                                   63px !default;
+$nav-pf-vertical-alt-link-padding:                                  17px 20px 17px 25px !default;
+$nav-pf-vertical-alt-width:                                         250px !default;
+$navbar-pf-alt-bg-repeat:                                           $navbar-pf-vertical-bg-repeat !default;
+$navbar-pf-alt-bg-size:                                             $navbar-pf-vertical-bg-size !default;
+$navbar-pf-alt-border-color:                                        $navbar-pf-vertical-border-color !default;
+$navbar-pf-alt-border-style:                                        $navbar-pf-vertical-border-style !default;
+$navbar-pf-alt-border-width:                                        $navbar-pf-vertical-border-width !default;
+$navbar-pf-alt-color:                                               $navbar-pf-vertical-color !default;
+$navbar-pf-alt-height:                                              $navbar-pf-vertical-height !default;
+$navbar-pf-alt-nav-item-iconic-padding:                             $navbar-pf-vertical-nav-item-iconic-padding !default;
+$navbar-pf-alt-navbar-brand-color:                                  $navbar-pf-vertical-navbar-brand-color !default;
+$navbar-pf-alt-navbar-brand-icon-margin:                            $navbar-pf-vertical-navbar-brand-icon-margin !default;
+$navbar-pf-alt-navbar-brand-margin:                                 $navbar-pf-vertical-navbar-brand-margin !default;
+$navbar-pf-alt-navbar-brand-min-height:                             $navbar-pf-vertical-navbar-brand-min-height !default;
+$navbar-pf-alt-navbar-brand-name-breakpoint:                        $navbar-pf-vertical-navbar-brand-name-breakpoint !default;
+$navbar-pf-alt-navbar-brand-name-margin:                            $navbar-pf-vertical-navbar-brand-name-margin !default;
+$navbar-pf-alt-navbar-brand-padding:                                $navbar-pf-vertical-navbar-brand-padding !default;
+$navbar-pf-alt-navbar-toggle-margin:                                $navbar-pf-vertical-navbar-toggle-margin !default;
+$navbar-pf-alt-navbar-toggle-icon-bar-hover-bg:                     $navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg !default;
+
+// Login page
+// -------------------
+$login-pf-brand-margin-top:                                               0px !default;
+$login-pf-page-padding-top:                                               20px !default;
+$login-pf-brand-desktop-margin-top:                                       22px !default;
+$login-pf-page-header-margin-bottom:                                      20px !default;
+$login-pf-page-header-desktop-margin-bottom:                              40px !default;
+$login-pf-page-header-paragraph-margin-top:                               20px !default;
+$login-pf-card-pf-padding:                                 10px 20px 30px 20px !default;
+$login-pf-card-pf-desktop-padding:                         20px 40px 30px 40px !default;
+$login-pf-card-pf-max-width:                                             840px !default;
+$login-pf-checkbox-label-margin-bottom:                                   15px !default;
+$login-pf-dropdown-toggle-padding-right:                                  15px !default;
+$login-pf-btn-primary-margin-top:                                         40px !default;
+$login-pf-header-margin-bottom:                                           20px !default;
+$login-pf-header-desktop-margin-bottom:                                   10px !default;
+$login-pf-signup-margin-top:                                              40px !default;
+$login-pf-signup-a-margin-left:                                           10px !default;
+$login-pf-page-footer-links-margin-top:                                   60px !default;
+$login-pf-page-footer-links-li-margin-right:                              20px !default;
+$login-pf-page-footer-sso-margin-top:                                     40px !default;
+$login-pf-page-footer-sso-logos-li-margin:                                5px !default;
+$login-pf-page-footer-padding-bottom-mobile:                              50px !default;
+$login-pf-page-footer-padding-bottom-desktop:                             100px !default;
+$login-pf-page-accounts-margin:                                           20px !default;
+$login-pf-accounts-section-heading-margin-top:                            30px !default;
+$login-pf-accounts-section-heading-margin-bottom:                         30px !default;
+$login-pf-accounts-section-heading-desktop-margin-bottom:                 15px !default;
+$login-pf-accounts-section-heading-desktop-padding-right:                 40px !default;
+$login-pf-accounts-section-heading-desktop-padding-left:                  40px !default;
+$login-pf-accounts-link-margin-bottom:                                    15px !default;
+$login-pf-accounts-link-img-margin-right:                                 10px !default;
+$login-pf-accounts-link-a-padding:                                        7px !default;
+$login-pf-accounts-more-caret-margin-left:                                5px !default;
+$login-pf-social-margin:                                           40px 0 0 0 !default;
+
+
+// Bootstrap overrides
+// -------------------
+$alert-info-border:                                                 $color-pf-black-500 !default;
+$alert-link-font-weight:                                            500 !default;
+$alert-padding:                                                     11px !default;
+$alert-margin-left:                                                 250px !default;
+$alert-margin-right:                                                250px !default;
+$body-bg:                                                           $color-pf-white !default;
+$border-radius-base:                                                1px !default;
+$brand-danger:                                                      $color-pf-red !default;
+$brand-info:                                                        $color-pf-blue-500 !default;
+$brand-primary:                                                     $color-pf-blue-300 !default;
+$brand-success:                                                     $color-pf-green !default;
+$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;
+$btn-font-weight:                                                   600 !default;
+$btn-primary-bg:                                                    $color-pf-blue !default;
+$btn-primary-border:                                                $color-pf-blue-500 !default;
+$caret-width-base:                                                  0 !default;
+$code-bg:                                                           $color-pf-blue-50 !default;
+$dropdown-border:                                                   $color-pf-black-400 !default;
+$dropdown-divider-bg:                                               $color-pf-black-200 !default;
+$dropdown-link-active-color:                                        $color-pf-white !default;
+$dropdown-link-hover-bg:                                            $color-pf-blue-50 !default;
+$font-family-base:                                                  "Open Sans", Helvetica, Arial, sans-serif !default;
+$font-size-base:                                                    12px !default;
+$gray-dark:                                                         lighten($color-pf-black, 20%) !default;   // #333
+$gray-darker:                                                       lighten($color-pf-black, 13.5%) !default; // #222
+$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
+$link-color:                                                        $color-pf-blue !default;
+$list-group-border:                                                 $color-pf-black-150 !default;
+$list-group-border-radius:                                          0 !default;
+$list-group-hover-bg:                                               $color-pf-blue-50 !default;
+$link-hover-color:                                                  $color-pf-blue-500 !default;
+$nav-tabs-border-color:                                             $color-pf-black-200 !default;
+$nav-tabs-link-hover-border-color:                                  transparent !default;
+$padding-large-horizontal:                                          10px !default;
+$padding-base-horizontal:                                           6px !default;
+$padding-base-vertical:                                             2px !default;
+$padding-large-vertical:                                            6px !default;
+$pager-border-radius:                                               0 !default;
+$pager-disabled-color:                                              $color-pf-black-500 !default;
+$pagination-bg:                                                     $color-pf-black-150 !default;
+$pagination-border:                                                 $color-pf-black-400 !default;
+$pagination-hover-bg:                                               $color-pf-black-200 !default;
+$panel-inner-border:                                                $color-pf-black-300 !default;
+$popover-arrow-color:                                               $color-pf-white !default;
+$popover-arrow-outer-color:                                         $color-pf-black-400 !default;
+$popover-border-color:                                              $color-pf-black-400 !default;
+$popover-border-bottom-color:                                       $color-pf-black-150 !default;
+$popover-border-width:                                              10px !default;
+$popover-border-top-width:                                          0 !default;
+$popover-max-width:                                                 220px !default;
+$popover-position-top:                                              -20px !default;
+$popover-title-bg:                                                  $color-pf-black-150 !default;
+$pre-bg:                                                            $color-pf-black-100 !default;
+$progress-bg:                                                       $color-pf-black-200 !default;
+$table-bg-accent:                                                   $color-pf-black-150 !default;
+$table-bg-hover:                                                    $color-pf-blue-50 !default;
+$table-border-color:                                                $color-pf-black-300 !default;
+$table-cell-padding:                                                10px !default;
+$tooltip-arrow-width:                                               8px !default;
+$tooltip-bg:                                                        $color-pf-black-800 !default;
+$tooltip-max-width:                                                 220px !default;
+// Reference variables declared in block above
+$alert-danger-bg:                                                   lighten($color-pf-red-100, 55%) !default;
+$alert-danger-border:                                               $brand-danger !default;
+$alert-danger-text:                                                 $gray-dark !default;
+$alert-info-bg:                                                     $color-pf-black-150 !default;
+$alert-info-text:                                                   $gray-dark !default;
+$alert-success-bg:                                                  lighten($color-pf-green-100, 8%) !default;
+$alert-success-border:                                              $brand-success !default;
+$alert-success-text:                                                $gray-dark !default;
+$alert-warning-bg:                                                  lighten($color-pf-orange-100, 8%) !default;
+$alert-warning-border:                                              $brand-warning !default;
+$alert-warning-text:                                                $gray-dark !default;
+$text-danger-p-padding-top:                                         10px !default;
+$badge-border-radius:                                               $border-radius-base !default;
+$border-radius-large:                                               $border-radius-base !default;
+$border-radius-small:                                               $border-radius-base !default;
+$breadcrumb-active-color:                                           $gray-pf !default;
+$breadcrumb-color:                                                  $gray-pf !default;
+$btn-default-bg:                                                    $gray-lighter !default;
+$btn-default-color:                                                 $gray-pf !default;
+$caret-width-large:                                                 $caret-width-base !default;
+$code-color:                                                        $color-pf-blue-600 !default;
+$dropdown-fallback-border:                                          $dropdown-border !default;
+$dropdown-link-active-bg:                                           $link-color !default;
+$dropdown-link-hover-color:                                         $gray-pf !default;
+$font-size-h1:                                                      ceil(($font-size-base * 2)) !default; // ~24px
+$font-size-h2:                                                      ceil(($font-size-base * 1.8333)) !default; // ~22px
+$font-size-h3:                                                      ceil(($font-size-base * 1.3333)) !default; // ~16px
+$font-size-h5:                                                      ceil(($font-size-base * 1.0833)) !default; // ~13px
+$font-size-large:                                                   ceil(($font-size-base * 1.1666)) !default; // ~14px
+$font-size-small:                                                   ceil(($font-size-base * .9166)) !default; // ~11px
+$input-color:                                                       $gray-dark !default;
+$nav-tabs-active-link-hover-color:                                  $link-color !default;
+$nav-tabs-justified-link-border-color:                              $nav-tabs-border-color !default;
+$nav-pf-vertical-badges-width:                                      ($nav-pf-vertical-width + 50px) !default;
+$padding-small-horizontal:                                          $padding-base-horizontal !default;
+$padding-small-vertical:                                            $padding-base-vertical !default;
+$panel-group-pf-danger-heading-bg:                                  $alert-danger-bg !default;
+$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;
+$panel-info-heading-bg:                                             $brand-info !default;
+$panel-primary-border:                                              $brand-primary !default;
+$panel-primary-text:                                                $body-bg !default;
+$panel-success-border:                                              $brand-success !default;
+$panel-success-heading-bg:                                          $brand-success !default;
+$panel-warning-border:                                              $brand-warning !default;
+$panel-warning-heading-bg:                                          $brand-warning !default;
+$state-warning-text:                                                $brand-warning !default;
+$state-danger-text:                                                 $brand-danger !default;
+// Reference variable declared in block above
+$panel-danger-text:                                                 $panel-primary-text !default;
+$panel-info-text:                                                   $panel-primary-text !default;
+$panel-success-text:                                                $panel-primary-text !default;
+$panel-warning-text:                                                $panel-primary-text !default;
+
+// PatternFly-specific variables based on Bootstrap overides
+// ---------------------------------------------------------
+$bootstrap-switch-bg-color:                                         $btn-default-bg !default;
+$btn-danger-bg-img-start:                                           $brand-danger !default;
+$btn-danger-bg-img-stop:                                            $btn-danger-bg !default;
+$btn-primary-bg-img-start:                                          $brand-primary !default;
+$btn-primary-bg-img-stop:                                           $btn-primary-bg !default;
+$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:                                          $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;
+$syntax-2:                                                          $gray-dark !default;
+$syntax-3:                                                          $brand-success !default;
+$syntax-4:                                                          $brand-info !default;
+$tooltip-font-size:                                                 $font-size-base !default;