pigeonfresh

:root {
  font-size: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

pigeonfresh

import { TimelineMax, TimelineLite, TweenMax } from 'gsap';

export default class LerpedTimeline {
  public progress: number = 0;
  public readonly timeline: TimelineMax | TimelineLite;
  private readonly ease: number;
  private currentProgress: number = 0;

  constructor(timeline, ease: number = 0.1) {
    this.timeline = timeline;

pigeonfresh

/*
 * This mixin is used to calculate the max-width of an element within it's wrapper.
 *
 * The columns have a flexible width
 * The columns are divided by a gutter
 * The gutters have a fixed width of 40px
 * 
 */

@mixin column($columnsWanted, $total: 12) {