danielmatthew

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

danielmatthew

transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;

danielmatthew

{
  "remove-empty-rulesets": true,
  "always-semicolon": true,
  "color-case": "lower",
  "block-indent": "  ",
  "color-shorthand": true,
  "element-case": "lower",
  "eof-newline": true,
  "leading-zero": true,
  "quotes": "double",

danielmatthew

$medium-screen: 30em;
$big-screen: 50em;

@mixin medium {
  @media (min-width: #{$medium-screen}) and (max-width: #{$big-screen} - 1px) {
    @content;
  }
}

@mixin large {

danielmatthew

$(window).scroll(function()
	{
  	$("#phone").css("margin-top",Math.max(0,970-$(this).scrollTop()));
	});
}