This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// 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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<p><a href="#">Link 1</a></p> | |
<p><a href="#">Link 2</a></p> | |
<p><a href="#">Link 3</a></p> | |
<nav> | |
<ul> | |
<li>List 1</li> | |
<li>List 2</li> | |
<li>List 3</li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="col1"> | |
<h1>Main</h1> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, nesciunt, odio nemo doloremque maxime aperiam? Perferendis, odio, maxime, magnam accusantium provident veniam ea culpa cum suscipit illum non voluptatum quibusdam.</p> | |
</div> | |
<div class="col2"> | |
<h3>Something</h3> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, nesciunt, odio nemo doloremque maxime aperiam? Perferendis, odio, maxime, magnam accusantium provident veniam ea culpa cum suscipit illum non voluptatum quibusdam.</p> | |
</div> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="col1"> | |
<h1>Main</h1> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, nesciunt, odio nemo doloremque maxime aperiam? Perferendis, odio, maxime, magnam accusantium provident veniam ea culpa cum suscipit illum non voluptatum quibusdam.</p> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
*, | |
*:before, | |
*:after { | |
box-sizing: border-box; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* fadeInOut */ | |
@-webkit-keyframes fadeInOut { | |
from { opacity: 1; } | |
to { opacity: 0; } | |
} | |
@keyframes fadeInOut { | |
from { opacity: 1; } | |
to { opacity: 0; } | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* shrinkGrow */ | |
@-webkit-keyframes shrinkGrow { | |
from { width: 200px; height: 200px; } | |
to { width: 100px; height: 100px; } | |
} | |
@keyframes shrinkGrow { | |
from { width: 200px; height: 200px; } | |
to { width: 100px; height: 100px; } | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* move */ | |
@-webkit-keyframes move { | |
0% { left: 0px; top: 0px; } | |
25% { left: 300px; top: 0px; } | |
50% { left: 300px; top: 300px; } | |
75% { left: 0px; top: 300px; } | |
100% { left: 0px; top: 0px} | |
} | |
@keyframes move { | |
0% { left: 0px; top: 0px; } |