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 + '"]' );
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 -->
View parallax.css
.banner-parallax {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center 0;
}
View update-hash-url-on-scroll.js
/* JavaScript Document */
(function($) {
'use strict';
$(window).on('load',function() {
// wait until other functions finish
View gist:ed55b93871f5023c50cb8ed111ae80e9
var scrollToContentBtn = function() {
// Scroll to the next piece of content
$('a[href*=#]').click(function(e) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
var target = $(this.hash);