mturnwall

header .heroImage {
  background: url("/images/hero.jpg") no-repeat 0 0;
  position: absolute;
  z-index: 3000;
}

header .siteLogo {
  position: absolute;
  z-index: 3100;
}

mturnwall

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

$zIndex: (
	scroller: 100,
	dropdown: 200,
	absolute: 300,
	fixed: 4000,

mturnwall

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

.firstClass {
  border: 1px solid red;
}
.secondClass {
  @extend .firstClass;

mturnwall

// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----

// When compiling with Compass (v0.12.6) I get the following error
// error workspace/submoduled-assets/styles/styleguide.scss 
// (Line 2 of workspace/submoduled-assets/styles/modules/_node-homepage-rotator.scss: 
// Invalid CSS after "    template1": expected ")", was ": (svg: "vertic...")
$homepageShapes: (

mturnwall

// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----

$hoverOffset: -36px;
$socialIconsSprite: (
    email: (blur: 0 0, focus: 0 $hoverOffset),
    facebook: (blur: -36px 0, focus: -36px $hoverOffset),
    twitter: (blur: -72px 0, focus: -72px $hoverOffset),

mturnwall

Front-End Coding Standards

HTML

• All tags, attributes, and attribute values must be lowercase.
• All attribute values must be inside double quotation marks.
• All tags must be closed. Tags that do not contain data such as image and line break tags do not need to have a closing tag.
• All IDs and Classes are lower camel case.
• A tag's ID should be the first attribute followed by a class if one exists.
• Use Unix-style line endings (LF).

mturnwall

// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----

$color-wild-sand: #f5f5f5;
$color-black: #000;
%charlieHdr {
    font-size: 22px;
}

mturnwall

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

%alertHeader {
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    color: #9b9b9b;

mturnwall

::-moz-placeholder {
  color: red;
  font-weight: 300;
  padding-top: 5px;
}

::-webkit-input-placeholder {
  color: red;
  font-weight: 300;
  padding-top: 5px;

mturnwall

/**
 * Default font size for the page. 
 * Leave the unit type off to make the math easier later on. 
 * Add this variable to the HTML element of the page.
 *
 * @group Fonts
 */
$font-size-base: 14;

/**