Shpigford

<li> <a class="pic" href="#"><img src="/wp-content/uploads/2011/06/Lisa_harris.jpg" alt="" /></a>
<h3><a href="#">Lisa Harris</a></h3>
<p class="links"><a href="http://www.linkedin.com/pub/lisa-harris/5/3a5/666">Website</a></p>
<p>They say that the devil is in the details.</p>
<p>However, “they” don’t have Lisa. Prior to joining Six Foot Five, Lisa worked in the agency world for 12+ years supervising client accounts and managing campaigns for numerous local, regional, and national brands. All this experience comes together to make Lisa our commercial producer extraordinaire.  AANNDD, In addition to producing, she is also in charge of drumming up new relationships.</p>
<p>Bottom line: Lisa’s passion/job is making things happen. Lucky us!</p>
</li>

Shpigford

# Mixin
@mixin gradient-background($start, $end) {
    background: $start; /* Old browsers */
    background: -moz-linear-gradient(top, $start 0%, $end 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$start), color-stop(100%,$end)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, $start 0%,$end 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, $start 0%,$end 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, $start 0%,$end 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$end',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, $start 0%,$end 100%); /* W3C */

Shpigford

.blog {
  header[role="banner"] {
    hgroup {
      h2 {
        font-size: 5em;
      }
    }
  }
}

Shpigford

$dude: 'maxvoltar';
@mixin booyah_sauce {
  p {
    @if $dude == 'maxvoltar' {
      color: rgba(#000, 0.5);
    } @else if $dude == 'mr_super_awesomeness' {
      color: rgba(black, 0.5);
    }
  }
}

Shpigford

task :clockwork => :environment do
  Clockwork.every(10.seconds, "events.update_viewers") {
    Resque.enqueue(ViewerCountWorker)
  }
  Clockwork.run
end

Shpigford

div {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMWIzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMTMyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e1b31), color-stop(100%, #0a1322));
  background: -webkit-linear-gradient(top, #0e1b31,#0a1322);
  background: -moz-linear-gradient(top, #0e1b31,#0a1322);
  background: -o-linear-gradient(top, #0e1b31,#0a1322);
  background: -ms-linear-gradient(top, #0e1b31,#0a1322);
  background: linear-gradient(top, #0e1b31,#0a1322);
}

Shpigford

/* z-index issue */
.img {
	background:#fff;
	z-index:10;
	position:relative;
	width:500px;
	height:344px;
	border:1px solid black;
	padding:10px;
}

Shpigford

/* z-index issue */
.img {
	background:#fff;
	position:relative;
	width:500px;
	height:344px;
	border:1px solid black;
	padding:10px;
}

Shpigford

// Gradient button mixin
@mixin gradient_button($color) {
  @include background-image(linear-gradient($color, darken($color, 5%)));
  @include border-radius(4px);
  @include box-shadow(inset 0 1px 0 rgba(white,0.2),inset 0 0 5px rgba(black,0.2));
  border: 1px solid rgba(black,0.3);
  text-shadow: 0 1px 0 rgba(black,0.2);
  color: white;
  font-size: 116%;
  text-decoration: none;

Shpigford

$.fn.fauxPlaceholder = function(){
  return this.each(function(){
    $(this)
      .click(function(){
        $(this).find("label").hide();
        $(this).find('input').focus();
      }).find("input").focus(function(){
        $(this).prev('label').hide();
      }).blur(function(){
        if (!$(this).val()){