Less: Basic scaffolding

scaffolding.less

//
//
// Scaffolding
// ====================================================================

// Body resets
// --------------------------------------------------------------------

html {
  font-size: 62.5%;
}

body {
  margin: 0;
}

// Reset fonts for revelant elements
body,
input,
button,
select,
textarea {
  color: @gray-dark;
	font-size: @font-size-base;
	font-family: @font-family-base;
	line-height: @line-height-base;
}


// Links
// --------------------------------------------------------------------

a {
  color: @link-color;
  text-decoration: none;
}
a:hover {
  color: @link-color-hover;
  text-decoration: underline;
}
a:focus {
  .tab-focus();
}


// Images
// --------------------------------------------------------------------

img {
  // Responsive images (ensure images don't scale beyond their parents)
  max-width: 100%; // Part 1: Set a maxium relative to the parent
  width: auto\9; // IE8 need help adjusting responsive images
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching

  // Match vertical alignment with other comment elements
  vertical-align: middle;
}