lisacatalano

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

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

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 {
  

lisacatalano

<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>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

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

<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

@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

<div class="warning">Don't do it</div>
<div class="error">That is just wrong</div>
<div class="success">Yes!!!</div>

lisacatalano

<div class="warning">Don't do it</div>
<div class="error">That is just wrong</div>
<div class="success">Yes!!!</div>