// Breakpoints $mobile-width: 800px; // Border radius $border-radius: 3px; // Fonts $mono-font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace; $sans-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $body-font-size: 15px; // Link colors $link-color: rgb(32, 137, 196); $link-color-hover: rgb(79, 172, 225); $link-code-color: rgb(55, 119, 176); // Inline code colors $code-color: rgb(95, 131, 65); $code-background-color: rgba(95, 131, 65, .1); // Home page colors $landing-background: #34373c; $topic-border: rgb(215, 215, 215); $topic-ee-header-color: rgb(107, 79, 187); $topic-omnibus-header-color: rgb(9, 96, 153); $topic-runner-header-color: rgb(203, 88, 15); $subtopic-color: rgba(0, 0, 0, .6); $subtopic-border-color: rgb(79, 172, 225); // Other colors $toc-bg-color: rgba(244, 247, 248, .7); $toc-border: rgb(229, 229, 229); $border-color: #e5e5e5; $border-color-light: #f0f0f0; $table-border-color: $border-color; $thead-border-color: rgba(170, 170, 170, .5); $thead-background-color: rgba(96, 125, 139, .16); $hr-border-color: $border-color; $blockquote-border-color: rgb(0, 188, 242); $blockquote-background-color: rgb(239, 246, 251); $pre-background-color: rgba(238, 238, 238, .35); $body-color: rgba(0, 0, 0, .85); $body-background-color: rgb(249, 249, 249); $main-background-color: rgb(255, 255, 255); $search-border: rgba(0, 0, 0, .25); $h-border-bottom: rgba(125, 134, 140, .2); $h1-border-bottom: $code-color; $main-box-shadow: rgba(0, 0, 0, .1); $white: #fff; $black: #333; // tanuki $color-tanuki-dark: rgb(226, 67, 41); $color-tanuki-medium: rgb(252, 109, 38); $color-tanuki-light: rgb(252, 163, 38); // Footer variables $color-white: #fff; $color-white-alt: #d9ccff; $color-transparent: rgba(0, 0, 0, 0); $color-dark: #000; $color-gray: #777; $color-gray-medium: #ddd; $color-gray-light: #aaa; $color-gray-extra-light: #e7e7e7; $color-light-gray: rgb(117, 117, 117); $color-green: #18be97; $color-red: #f00; $color-primary: #548; $color-primary-alt: #6b4fbb; $color-secondary: #e14329; $color-secondary-alt: #fba225; $color-subfooter-bg: rgb(85, 68, 136); $color-primary-medium: #503991; $divider-color: #d3d3d3; $border-color: #dfdfdf; $header-text-light-color: #a69ebd; $team-content-color: #999; $member-name-color: #333; $member-shadow-color: #ccc; $member-social-color: #ccc; $blog-color-text: #222; $blog-color-note: #666; $blog-color-heading: #fff; $blog-color-purple: rgb(107, 79, 187); $blog-color-mk-border: #ccc; $blog-color-date: #888; $blog-color-overlay-border: #eee; $blog-color-border-shadow: rgba(0, 0, 0, .1); $blog-color-image-from: rgba(0, 0, 0, 0); $blog-color-image-to: rgba(0, 0, 0, .8); $blog-color-ipanel-heading: rgba(221, 221, 221, .5); $blog-color-legacy-image-from: rgba(85, 68, 136, .8); $blog-color-legacy-image-to: rgba(72, 135, 197, .92); // legacy blog variables that were used by other pages $blog-date-color: #999; $blog-text-color: #444; $blog-notes-color: #606060; $blog-image-color-to: #4887c5; $blog-divider-color: #128bee; $blog-table-background: #faf9f9; $blog-table-background-hover: #f4f8fe; $blog-table-border: #efeff1; $release-manager-list-bg: #403366; $release-manager-table-border: #584985; $release-manager-table-header-color: #9583c9; $release-manager-current-table-data-color: #ff9; $mvp-list-bg: #403366; $mvp-table-border: #584985; $mvp-table-header-color: #9583c9; $landing-community-bg: #34373c; $landing-organization-color: #d7d7d7; $downloads-btn-color: #7769a0; $downloads-btn-hover-color: #403366; $downloads-code-color: #403366; $downloads-step-link-color: #ffb800; $downloads-step-color: #e3dcf7; $contact-color: #bbb4cf; $contact-btn-bg: #887ab6; $consultancy-bg-color: #272120; $gs-btn-bg: #129bee; $gs-btn-hover-bg: #6144b8; $applications-title-color: #373737; $applications-app-shadow-color: #e0e0e0; $link-box-color: #333; $link-box-border-color: #7863b6; $link-box-hover-bg: #f4f0ff; $pricing-primary: #129bee; $subscription-header-bg: #444; $subs-header-color: #242424; $subs-header-sub-color: #979797; $subs-header-hr-color: #d4d4d4; $pricing-header-color-to: #4887c5; $pricing-gray-bg: #fafafa; $blueish-gray: #a1a1a2; $dropdown-text-color: #626262; $dropdown-caret-color: #c4c4c4; $dropdown-border-color: #eaeaea; $dropdown-focus-color: #c4c4c4; $dropdown-hover-color: #f7faff; $dropdown-filter-border-color: rgba(0, 0, 0, .1); $dropdown-fa-color: #c7c7c7; $dropdown-fa-focus-color: #555; $formula-variable-bg: #f9f9f9; $formula-text-color: #9d9d9d; $formula-value-color: #444; // Bootstrap overrides $breadcrumb-separator: ">"; $breadcrumb-bg: darken($color-white, 2%); $container-large-desktop: 1200px; $body-bg: #f9f9f9; $border-radius-large: 3px; $grid-float-breakpoint: 992px; $screen-sm-min: 768px; $navbar-default-bg: #fff; $navbar-default-toggle-icon-bar-bg: $color-primary; $navbar-default-link-color: #8c929d; $navbar-default-link-hover-color: $color-primary; $navbar-default-link-active-color: $color-primary; $navbar-default-link-active-bg: transparent; $navbar-default-border: #d7d7d7; $dropdown-bg: #019875; $dropdown-link-color: #fff; $dropdown-link-hover-color: #18be97; $search-input-font-color: #333; $search-border-color: #bcbcbc; $reseller-divider-color: $navbar-default-border; $reseller-hero-bg-color: #35393d; $reseller-hero-content-color: #969696; $reseller-category-active-background-color: rgba(255, 255, 255, .4); $applications-search-box-shadow-color: rgba($color-dark, .5); $features-gradient-end: rgba(148, 149, 150, 1); $features-gradient-begin: rgba(0, 0, 0, .91); $features-semi-transparent-white: rgba(255, 255, 255, .15); $features-semi-transparent-gray: rgba(180, 180, 180, .15); $features-semi-transparent-gray-link: rgba(180, 180, 180, .50); $features-semi-transparent-black: rgba(12, 12, 12, .47); $features-semi-transparent-purple: rgba(107, 79, 187, .50); $features-barely-transparent-white: rgba(255, 255, 255, .5); $features-gray-light-barely-transparent: rgba(170, 170, 170, .5); $features-gallery-background-gradient-begin: #6b4fbb; $features-gallery-background-gradient-middle: #5942a0; $features-gallery-background-gradient-end: #42327a; $features-gallery-alt-description-black: rgba(0, 0, 0, .7); $ee-standalone-primary-background-gradient: linear-gradient(to right, $color-primary-alt 0%, $features-gallery-background-gradient-middle 40%, $features-gallery-background-gradient-end 100%); $ee-standalone-hero-background-top: rgba(52, 55, 60, .85); $ee-standalone-hero-background-gradient: linear-gradient(to bottom, $ee-standalone-hero-background-top, $landing-community-bg 85%); $facebook-bg: #3b5998; $twitter-bg: #55acee; $google-bg: #dd4b39; $linkedin-bg: #007bb5; $article-metadata: rgb(110, 110, 110);