davidyeiser

<h3 class="subhead-major subhead">
<h4 class="subhead-minor subhead">

davidyeiser

<h3 class="subhead">
<h4 class="minor-subhead">

davidyeiser

.subhead {
  padding: 20px 0 10px 0;
  font-family: Georgia, serif;
  font-style: italic;
}
 
.subhead-major {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00f;

davidyeiser

.subhead {
  padding: 20px 0 10px 0;
  font-family: Georgia, serif;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00f;
}

.minor-subhead {

davidyeiser

$(function() {
	$("#email-signup-label").lettering();
	
	var is_search_empty = $(".email-signup input").attr("value");
	if (!is_search_empty == "") {
		$("#email-signup-label").css({opacity:0});
	}
	
	$("#email-signup-label").click(function() {
		$(".email-signup input").focus();

davidyeiser

body { font-size: 16px; }
h1 { font-size: 68px; }
h2 { font-size: 26px; }

davidyeiser

module Sass::Script::Functions
  def exp(value, power)
    Sass::Script::Number.new(value.value**power.value)
  end
end

davidyeiser

body { @include font-size(1) }
h1 { @include font-size(4) }
h2 { @include font-size(2) }

davidyeiser

sass --watch FILENAME.scss:FILENAME.css -r sass_extensions.rb

davidyeiser

$font-size-base: 16px;
$font-size-minor: 10px;

@mixin font-size($scale: 1) {
  font-size: round(
    ($font-size-base * ((exp(1.618, $scale) - exp(-0.618, $scale)) / 2.236)) + 
    ($font-size-minor * ((exp(1.618, ($scale - 1)) - exp(-0.618, ($scale - 1))) / 2.236))
  );
}