babsgosgens

<div>
  <ul>
  <li>When line-height is set in percentage, changing the font-size of child elements will not change the computed value of the line-height for that element.</li>
  <li>When the line-height is set in numbers, the line-height of child elements will be computed against that elements font-size.</li>
  </ul>
  <p>Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull. Give me... Raoul. Right, Omar? Give me Raoul.</p>
</div>

babsgosgens

@function em($target, $context: $base-font-size) {
   @if $target == 0 { @return 0 }
   @return $target / $context + 0em;
}

$base-font-size: 15px;

h1 {
	font-size: em(21px, 15px); // Outputs 1.4em
}

babsgosgens

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$red: #ff4242;

// Declare this variable early 
$parent-classes: ();

babsgosgens

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$red: #ff4242;

// Declare this variable early 
$parent-classes: ();

babsgosgens

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----



@mixin smart-extend($placeholder-name)
{
  @extend %#{$placeholder-name} !optional;

babsgosgens

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

$old-ie: false;
@mixin old-ie() {
  @if $old-ie {
    @content;
  }

babsgosgens

// This document is a compilated resource from various documents on good practices found elsewhere (see a list of resources at the end of this document).
// We hesitate to use the words 'good' or 'bad', since this is a contributor's guide for our code base and not a critique of techniques. We've replaced them with:
// No (as in, not our way) and Yes (this is what we expect from contributions)

// Elements can be referred to as Tags or Elements, or both


/* General principles */

// All code in any code-base should look like a single person typed it, no matter how many people contributed.

babsgosgens

@if $debug-baseline {
	html {
		@extend %debug;			
	}
}

%debug {
	/*
	 * Mixin debug-rhythm to display the vertical rhythm units
	 */

babsgosgens

@mixin pull($fraction, $persistent: false)
{
    @include move(-1*$fraction);

	@if $persistent!=true and $column-breakpoint {
		@include breakpoint( $column-breakpoint ) {
			position: static;
			position: initial;
		}
	}

babsgosgens

@mixin push($fraction, $persistent: false)
{
    @include move($fraction);

	@if $persistent!=true and $column-breakpoint {
		@include breakpoint( $column-breakpoint ) {
			position: static;
			position: initial;
		}
	}