assets/stylesheets/patternfly/_variables.scss in patternfly-sass-3.0.0 vs assets/stylesheets/patternfly/_variables.scss in patternfly-sass-3.1.0
- old
+ new
@@ -23,14 +23,14 @@
$dropdown-link-hover-border-color: #b3d3e7 !default;
$dropdown-link-focus-color: #fff !default;
$flyout-transition-pf: all .2s cubic-bezier(.35,0,.25,1) !default;
$font-family-monospace: Menlo, Monaco, Consolas, monospace !default;
$font-path: if($patternfly-sass-asset-helper, "patternfly", "../fonts/patternfly") !default;
-$footer-pf-alt-bg-color: #030303 !default;
-$footer-pf-alt-padding-left: 25px !default;
-$footer-pf-alt-padding-top: 10px !default;
-$footer-pf-alt-height: 37px !default;
+$footer-pf-bg-color: #030303 !default;
+$footer-pf-padding-left: 25px !default;
+$footer-pf-padding-top: 10px !default;
+$footer-pf-height: 37px !default;
$gray-light-pf: #aaa !default;
$gray-pf: #4d5258 !default;
$icon-font-name-fa: "FontAwesome" !default;
$icon-font-name-pf: "PatternFlyIcons-webfont" !default;
$icon-prefix: pficon !default;
@@ -54,46 +54,77 @@
$login-bg-color: #080808 !default;
$login-container-bg-color: #181818 !default;
$login-container-bg-color-rgba: rgba(255, 255, 255, 0.055) !default;
$modal-title-padding-horizontal: 18px !default;
$modal-title-padding-vertical: 10px !default;
-$nav-pf-vertical-alt-active-color: #39a5dc !default;
-$nav-pf-vertical-alt-bg-color: #fff !default;
-$nav-pf-vertical-alt-badge-color: #fff !default;
-$nav-pf-vertical-alt-collapsed-width: 75px !default;
-$nav-pf-vertical-alt-color: #464952 !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-active-color: #f1f1f1 !default;
$navbar-pf-alt-active-color: #fff !default;
$navbar-pf-alt-bg-color: #030303 !default;
$navbar-pf-alt-bg-img: url("../img/bg-navbar-pf-alt.svg") !default;
-$navbar-pf-alt-bg-repeat: no-repeat !default;
-$navbar-pf-alt-bg-size: auto 100% !default;
-$navbar-pf-alt-border-style: solid !default;
-$navbar-pf-alt-border-width: 2px !default;
-$navbar-pf-alt-color: #cfcfcf !default;
-$navbar-pf-alt-height: 60px !default;
-$navbar-pf-alt-nav-item-iconic-padding: 21px 12px !default;
-$navbar-pf-alt-navbar-brand-color: #fff !default;
-$navbar-pf-alt-navbar-brand-icon-margin: 0 15px 0 0 !default;
-$navbar-pf-alt-navbar-brand-margin: 0 0 0 25px !default;
-$navbar-pf-alt-navbar-brand-min-height: 35px !default;
-$navbar-pf-alt-navbar-brand-name-breakpoint: 480px !default;
-$navbar-pf-alt-navbar-brand-name-margin: 0 15px 0 0 !default;
-$navbar-pf-alt-navbar-brand-padding: 11px 0 12px !default;
-$navbar-pf-alt-navbar-toggle-margin: 13px 15px !default;
-$navbar-pf-alt-navbar-toggle-icon-bar-hover-bg: #fff !default;
$navbar-pf-bg-color: #030303 !default; //#393F45
$navbar-pf-border-color: #199dde !default;
$navbar-pf-color: #cfcfcf !default;
+$navbar-pf-height: 60px !default;
$navbar-pf-icon-bar-bg-color: #fff !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: #f6f6f6 !default;
$navbar-pf-navbar-navbar-persistent-border-color: #cecdcd !default;
+$navbar-pf-vertical-active-color: #fff !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: #199dde !default;
+$navbar-pf-vertical-border-style: solid !default;
+$navbar-pf-vertical-border-width: 2px !default;
+$navbar-pf-vertical-color: #cfcfcf !default;
+$navbar-pf-vertical-height: 60px !default;
+$navbar-pf-vertical-icon-bar-bg-color: #fff !default;
+$navbar-pf-vertical-navbar-brand-color: #fff !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-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: #fff !default;
+$navbar-pf-vertical-nav-item-iconic-padding: 21px 12px !default;
+$nav-pf-vertical-active-color: #fff !default;
+$nav-pf-vertical-active-before-color: #199dde !default;
+$nav-pf-vertical-active-bg-color: #393f44 !default;
+$nav-pf-vertical-active-border-color: #303030 !default;
+$nav-pf-vertical-active-font-weight: 600 !default;
+$nav-pf-vertical-active-icon-color: #199dde !default;
+$nav-pf-vertical-badge-color: #fff !default;
+$nav-pf-vertical-bg-color: #292e34 !default;
+$nav-pf-vertical-border-color: #262626 !default;
+$nav-pf-vertical-collapsed-width: 75px !default;
+$nav-pf-vertical-color: #dbdada !default;
+$nav-pf-vertical-font-weight: 400 !default;
+$nav-pf-vertical-icon-color: #72767b !default;
+$nav-pf-vertical-icon-width: 24px !default;
+$nav-pf-vertical-item-border-color: #000000 !default;
+$nav-pf-vertical-link-height: 63px !default;
+$nav-pf-vertical-link-padding: 17px 20px 17px 25px !default;
+$nav-pf-vertical-secondary-active-color: #fff !default;
+$nav-pf-vertical-secondary-active-bg-color: #4d5258 !default;
+$nav-pf-vertical-secondary-active-icon-color: #199dde !default;
+$nav-pf-vertical-secondary-badge-color: #fff !default;
+$nav-pf-vertical-secondary-badge-bg-color: #292e34 !default;
+$nav-pf-vertical-secondary-border-color: #199dde !default;
+$nav-pf-vertical-secondary-color: #fff !default;
+$nav-pf-vertical-secondary-header-margin: 18px 20px 10px 20px !default;
+$nav-pf-vertical-secondary-indicator-color: #72767b !default;
+$nav-pf-vertical-secondayr-indicator-padding: 17px 0 !default;
+$nav-pf-vertical-secondary-item-color: #dbdada !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: 0 15px 0 20px !default;
+$nav-pf-vertical-secondary-list-header-margin: 30px 20px 10px 20px !default;
+$nav-pf-vertical-secondary-width: 250px !default;
+$nav-pf-vertical-width: 200px !default;
$pagination-padding-small-vertical: 0 !default;
$panel-default-border-color: #bebdbd !default;
$pficon-var-add-circle-o: "\e61b" !default;
$pficon-var-build: "\e902" !default;
$pficon-var-builder-image: "\e800" !default;
@@ -156,22 +187,21 @@
$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;
-$img-path-alt: $img-path !default;
-$nav-pf-vertical-alt-border-color: $sidebar-pf-border-color !default;
-$navbar-pf-alt-border-color: $navbar-pf-border-color !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%); // #474C50 !default;
$navbar-pf-navbar-primary-bg-color-stop: $navbar-pf-bg-color; // #383F43 !default;
$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-hidden-icons-width: ($nav-pf-vertical-width - $nav-pf-vertical-icon-width) !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;
@@ -196,9 +226,42 @@
$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;
+// 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: #39a5dc !default;
+$nav-pf-vertical-alt-bg-color: #fff !default;
+$nav-pf-vertical-alt-badge-color: #fff !default;
+$nav-pf-vertical-alt-border-color: $sidebar-pf-border-color !default;
+$nav-pf-vertical-alt-collapsed-width: 75px !default;
+$nav-pf-vertical-alt-color: #464952 !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;
// Bootstrap overrides
// -------------------
$alert-info-border: #8b8d8f !default;
$alert-link-font-weight: 500 !default;