// // 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;