Instantly share code, notes, and snippets.

View mixins.scss
@mixin realhover() {
html.can-hover &:hover {
@content;
}
}
ul li {
@include realhover {
ul {
display:block;
}
View trigger-reverse-animations.js
var animateOut = function() {
var animateElements = $('.animated');
var clickLinks = $( 'a[href*="' + window.location.hostname + '"], a[href^="/"]');
var body = $('body');
var classList = [
'bounce','flash','pulse','rubberBand',
'shake','headShake','swing','tada',
'wobble','jello','bounceIn','bounceInDown',
'bounceInLeft','bounceInRight','bounceInUp','bounceOut',
'bounceOutDown','bounceOutLeft','bounceOutRight','bounceOutUp',
View loop.php
<div class="block__wrapper__list">
<?php
$count = 1;
$chunk = 5;
while ( $query->have_posts() ) {
if ($count % $chunk == 1) {
?>
<div class="block__wrapper__list__chunk">
View accordion.html
<div class="accordion-wrapper">
<div class="accordion-header">Title</div>
<div class="accordion-content">Body Copy</div>
</div><!-- accordion wrapper -->