pieter-biesemans

//Prefers reduced motion check
let reduceMotion = window.matchMedia('(prefers-reduced-motion)').matches;

//create a traversable array of all the items with the animation data attr
const animateItems = gsap.utils.toArray('[data-in], [data-out]');

//add the animation to each item in the array
animateItems.forEach((item, i) => {
    
    //respect reduced motion request

pieter-biesemans

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html, body, h1, h2, h3, h4, p, a, ul, ol, li, input, textarea {
    font-family: 'Open Sans', sans !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
    line-height: 1.5em;

pieter-biesemans

aside, .w-blog-post.deal, .w-blog-post.podcast, .w-blog-post.uncategorized{
    display: none;
}

main, .l-content {
    width: 100%;
}

pieter-biesemans

/* ===================== *\
    SCSS HELPERS
\* ===================== */

/* TRANSFORM =-=-=-=-=-=-=-=-=-=-=-=*/

@mixin transform($transform){
    -ms-transform: $transform;
    -webkit-transform: $transform;
    transform: $transform;