Sass partial - variables

_variables.scss

/**
* @file
* Custom Sass variables
*
* Define the custom variables for your project here.
* http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
*
* Media queries use: github.com/Team-Sass/breakpoint/wiki/No-Query-Fallbacks
* Grid via: singularity.gs
*/

/* Layout */
$breakpoint-to-ems: true;
$sm: max-width 320px;
$md-raw: 1000px;
$md: $md-raw, 'no-query' true;
$lg-raw: 1000px;
$lg: $lg-raw, 'no-query' true;
$max-page-width: $lg-raw;
$grids: 1;
$grids: add-grid(16 at $md-raw); /* don't use grid until bigger than $md */
$gutters: 0.5;

/* Color Palette */
$dark-blue: #0075c9;
$dark-gray: #5a5858;
$green: #76bd22;
$light-blue: #2cafe8;
$light-gray: #e0e0e0;
$medium-blue: #54c7f8;
$medium-gray: #868484;
$red: #c12b27;

/* Colors */
$primary-text-color: $dark-gray;
$secondary-text-color: $light-gray;
$primary-heading-color: $light-blue;
$body-color: #fff;
$link-color: $dark-blue;
$link-hover-color: $dark-blue;
$selection-background: $light-blue;
$selection-foreground: $body-color;
$status-color: #4d8e4d;
$warning-color: $red;
$error-color: $red;
$pillbox-bg-color: #f9f9f9;
$pillbox-text-color: $body-color;
$border-color: $dark-gray;
$pipeline-border-color: $border-color;
$form-bg-color: $dark-gray; /* Used for fieldsets and vertical-tabs. */
$form-border-color: #999;
$gradient-light: rgba(255, 255, 255, 0.1);
$gradient-dark: rgba(0, 0, 0, 0.1);

/* Typography */
$relative-font-sizing: true; /* used by Compass' vertical rhythm mixins */
$base-font-size: 14px; /* used by Compass' vertical rhythm mixins */
$base-line-height: 16px; /* used by Compass' vertical rhythm mixins */
@include establish-baseline; /* used by Compass' vertical rhythm mixins */
$base-font-family: "Gotham A", "Gotham B", Arial, sans-serif;
$header-font-family: $base-font-family;
$button-font-family: $base-font-family;
$monospace-font-family: Consolas, "Lucida Console", "Liberation Mono", "Courier New", monospace, sans-serif;
$font-size-xxl: $base-font-size + 10; // 24
$font-size-xl: $base-font-size + 6;
$font-size-lg: $base-font-size + 4;
$font-size-md: $base-font-size + 2;
$font-size-normal: $base-font-size;
$font-size-sm: $base-font-size - 2;
$font-size-xs: $base-font-size - 4;
$gotham-bold: 700;
$gotham-book: 400;
$gotham-medium: 500;

/* Buttons */
$button-hover-color: #0079b8;
$button-green-hover-color: #5a911a;
$button-red-hover-color: #992320;
$default-border-radius: 8px;
$default-box-shadow-blur: 10px;
$default-box-shadow-color: rgba(26, 23, 24, 0.36);
$default-box-shadow-spread: 3px;

/* Mobile Menu */
$mobile-menu-bp: 700px;
$mobile-menu-bg-color: rgba(0, 0, 0, 0.9);
$mobile-menu-bg-color-fallback: #111;
$mobile-menu-border-color: #666;
$mobile-menu-text-color: #eee;
$mobile-menu-link-color: #37b;
$mobile-menu-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
$mobile-submenu-bg-color: $mobile-menu-text-color;
$mobile-submenu-border-color: $border-color;
$mobile-submenu-text-color: #333;
$mobile-submenu-link-color: #ddd;

/* Add special styles for Panels admin. */
$panels-admin: false;

/* Polyfill for box-sizing in IE7 and below. The url must be root relative to */
/* the location of the htc script. */
$box-sizing-polyfill-path: '/sites/all/themes/csedweek/polyfills/boxsizing.htc';