gistfile1.txt

//////////////////////////////////////////////
// COLORS ///////////////////////////////////
////////////////////////////////////////////

$body-bg: #fff;
$body-color: $brand-primary !default; // ** is this possible without explicitly defining body color

$bento-bar-bg: darken($brand-primary, 6%);

$border-width:                1px !default;
$hr-border-color:             rgba(0,0,0,.1) !default;
$hr-border-width:             $border-width !default; // ** border width set lower


//////////////////////////////////////////////
// TEXT STYLES //////////////////////////////
////////////////////////////////////////////

$link-color: $body-color;
$link-decoration: underline;
$line-height: 2;

$headings-line-height: 1.75;
$headings-margin-bottom: 1.5rem;

$header-active-color: darken($header-color, 15%) !default; //** maybe don't need this

$footer-color: #fff;
$bento-bar-color: #fff;

$font-size-h1:               2.5rem !default;
$font-size-h2:               2rem !default;
$font-size-h3:               1.75rem !default;
$font-size-h4:               1.5rem !default;
$font-size-h5:               1.25rem !default;
$font-size-h6:               1rem !default;


//////////////////////////////////////////////
// OVERLAY CONTROLS//////////////////////////
////////////////////////////////////////////
$accent-color: rgba(0,0,0,.06);
$darken-color:rgba(0,0,0,.4);
$right-split-overlay: $darken-color;

//////////////////////////////////////////////
// BUTTON STYLES ////////////////////////////
////////////////////////////////////////////
$btn-primary-color: $body-color;
$btn-primary-bg: transparent;
$btn-primary-border: $body-color;
$btn-secondary-color: $body-bg;
$btn-secondary-bg: $brand-primary;
$btn-secondary-border: $brand-primary;
$btn-padding-x: 2rem !default;
$btn-padding-y: 1rem !default;
$border-radius: 3px;

$border-radius-lg:       .3rem !default;
$border-radius-sm:       .2rem !default;


//////////////////////////////////////////////
// FORM STYLES //////////////////////////////
////////////////////////////////////////////
$input-color: $body-color;
$input-color-placeholder: $input-color;
$input-border-color: $body-color;
$input-border-radius: 0;
$input-padding-x: 1.3rem !default;
$input-padding-y: 1rem !default;

$input-btn-border-width:         $border-width !default; // ** border width not set

//////////////////////////////////////////////
// BREAK POINTS /////////////////////////////
////////////////////////////////////////////
$mobile-nav-breakpoint: 780px !default;

$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 544px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px
) !default;


/////////////////////////////////////////////
// SPACING /////////////////////////////////
////////////////////////////////////////////
$spacer: 1.5rem;
$grid-gutter-width:          1.875rem !default;

$nav-link-padding:                          .5em 1em !default;


/////////////////////////////////////////////
// TABS     /////////////////////////////////
////////////////////////////////////////////
$tab-active-color: darken($link-color, 15%);

/////////////////////////////////////////////
// MODALS //////////////////////////////////
////////////////////////////////////////////
$modal-inner-padding: 40px !default;
$modal-md:440px !default;