//// /// Global project variables. /// /// @group utilities //// // Font variables // Font families $font-family-base: ('Source Sans Pro', 'Helvetica', 'Arial', sans-serif) !default; $font-family-header: ('Source Sans Pro', 'Helvetica', 'Arial', sans-serif) !default; // Font sizes $font-size-base: 16px !default; $font-size-h1: 22px !default; $font-size-h2: 18px !default; $font-size-h3: 14px !default; $font-size-h4: 14px !default; $font-size-h5: 12px !default; $font-size-h6: 16px !default; // Font weights $font-weight-extra-light: 100 !default; $font-weight-light: 200 !default; $font-weight-book: 300 !default; $font-weight-normal: 400 !default; $font-weight-medium: 500 !default; $font-weight-semibold: 600 !default; $font-weight-bold: 700 !default; $font-weight-black: 800 !default; $font-weight-extra-black: 900 !default; // Line heights $line-height-base: 1.5 !default; $line-height-header: 1.1 !default; // Core spacing $space-base: 20px !default; $space-half: ($space-base / 2) !default; $space-double: ($space-base * 2) !default; // Color variables // Site background color $color-background: #fff !default; // Base font color $color-font-base: #333 !default; // Base link colors $color-link: #337ab7 !default; $color-link-hover: shade($color-link, 15%) !default; // Global colors $color-default: #f6f6f6 !default; $color-primary: #337ab7 !default; $color-success: #5cb85c !default; $color-info: #5bc0de !default; $color-warning: #f0ad4e !default; $color-danger: #d9534f !default; // Border variables // Border color $color-border-base: $color-font-base !default; // Default border $border-base: 1px solid $color-border-base !default; // Default border radius $border-radius-base: 0 !default; // Z-index variables $z-index-base: 0 !default; $z-index-nav: 10 !default; $z-index-overlay: 20 !default; $z-index-modal: 30 !default; // Media query breakpoint variables $bp-alpha: 1200px; $bp-bravo: 900px; $bp-charlie: 700px; // Quick animation bezier curves // http://easings.net/ // Ease In $ease-in-sine: cubic-bezier(.47, 0, .745, .715); $ease-in-quad: cubic-bezier(.55, .085, .68, .53); $ease-in-cubic: cubic-bezier(.55, .055, .675, .19); $ease-in-quart: cubic-bezier(.895, .03, .685, .22); $ease-in-quint: cubic-bezier(.755, .05, .855, .06); $ease-in-expo: cubic-bezier(.95, .05, .795, .035); $ease-in-circ: cubic-bezier(.6, .04, .98, .335); $ease-in-back: cubic-bezier(.6, -.28, .735, .045); // Ease Out $ease-out-sine: cubic-bezier(.39, .575, .565, 1); $ease-out-quad: cubic-bezier(.25, .46, .45, .94); $ease-out-cubic: cubic-bezier(.215, .61, .355, 1); $ease-out-quart: cubic-bezier(.165, .84, .44, 1); $ease-out-quint: cubic-bezier(.23, 1, .32, 1); $ease-out-expo: cubic-bezier(.19, 1, .22, 1); $ease-out-circ: cubic-bezier(.075, .82, .165, 1); $ease-out-back: cubic-bezier(.175, .885, .32, 1.275); // Ease In Out $ease-in-out-sine: cubic-bezier(.445, .05, .55, .95); $ease-in-out-quad: cubic-bezier(.455, .03, .515, .955); $ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1); $ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); $ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); $ease-in-out-expo: cubic-bezier(1, 0, 0, 1); $ease-in-out-circ: cubic-bezier(.785, .135, .15, .86); $ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);