lisacatalano

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

lisacatalano

<snippet>
  <content><![CDATA[
Sef.module('${1:User}App', function(${2:User}App, App, Backbone, Marionette, \$, _) {
  ${3:}
});
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>module</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->

lisacatalano

/* Option 0: Set height on parent (only works if parent has a fixed height) */
ul { 
  height: 43px; 
}

/* Option 1: Float the parent */
ul { 
  float: left; 
}

lisacatalano

/**
Radio buttons list (modified from checklist)
Internally value stored as javascript array of values.

@class radiolist
@extends list
@final
@example
<a href="#" id="options" data-type="radiolist" data-pk="1" data-url="/post" data-original-title="Select option"></a>
<script>

lisacatalano

<div class="color gold"></div>
<div class="color orange"></div>
<div class="color crimson"></div>
<div class="color purple"></div>
<div class="color cornflowerblue"></div>
<div class="color limegreen"></div>

lisacatalano

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

lisacatalano

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
<div class="box">Box 4</div>

lisacatalano

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

lisacatalano

<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color indigo"></div>
<div class="color violet"></div>

lisacatalano

// what we want to generate 
//  .msg:nth-of-type(1) {
//    -webkit-animation-delay: 0;
//  }
$ad-screen-count: 5;
$ad-msg-duration: 4;

.ad {
  .msg {