// ==========================================================
/* § /objects/chromeframe.scss */
//
// Basic styling for Google's chromeframe
// DOCS: https://developers.google.com/chrome/chrome-frame/
// ==========================================================


/* =============================================================================
$ Chromeframe
================================================================================ */
/*<p>*/.chromeframe {
  display: block;
  height: 3.5em;
  border-bottom: 1px $basicBorderStyle #e7db9c;
  background: #faf6e8;

  font-size: 12px;
  line-height: 3.5em;
  text-align: center;
  color: darken(#faf6e8, 60%);

  @extend %non-print; // Will be hidden on print
  a { border-bottom: 1px dotted; }
}

// ==========================================================
/* § /objects/chromeframe.scss */
//
// Basic styling for Google's chromeframe
// DOCS: https://developers.google.com/chrome/chrome-frame/
// ==========================================================


// =============================================================================
// Variables
// =============================================================================
$chromeframeHeight:     3.5em;
$chromeframeFontSize:   12px;
$chromeframeBackground: #faf6e8;


/* =============================================================================
$ Chromeframe
================================================================================ */
/*<p>*/.chromeframe {
  display: block;
  height: $chromeframeHeight;
  border-bottom: 1px $basicBorderStyle #e7db9c;
  background: $chromeframeBackground;

  font-size: chromeframeFontSize;
  line-height: $chromeframeHeight;
  text-align: center;
  color: darken($chromeframeBackground, 60%);

  @extend %non-print; // Will be hidden on print
  a { border-bottom: 1px dotted; }
}

Add variable-driven styling to the ChromeFrame object
Add variable-driven styling to the ChromeFrame object
