mledwards

// Need this to work out which direction the scroll is happening
let lastScroll = 0;

// Store header component
const header = document.querySelector("header");
// Element looks like this: <header class="transition-transform duration-300 fixed w-full">

// On page scroll
window.addEventListener("scroll", () => {
  // Store current page scroll pixels from top

mledwards

import React from "react";

// Normalise new lines from a textarea before outputting as JSX
export const Content = ({ content, className, lastParagraphMargin = "mb-0"}) => {

  // Return null if there's no content passed to the component
  if (!content || content.length === 0) {
    return null;
  }

mledwards

/*
 * Adds fade on hover of an element or a specified child element
 */
@mixin hover-fade($child: '') {
  @if $child != '' {
    #{$child} {
      transition: opacity 0.33s linear;
    }
  } @else {
    transition: opacity 0.33s linear;