Hayden Bleasel haydenbleasel

## gist-flat-dark.less
.gist {
    .gist-file {
        border: none !important;
        margin-bottom: 0 !important;
        .gist-data {
            border-bottom: 2px solid #7f8c8d !important;
            .line-numbers {
                border-right: 2px solid #7f8c8d !important;
                padding: 1em !important;
            }

## react-native-phone-input.js
import React, { useState } from 'react';
import CountryPicker from 'react-native-country-picker-modal';
import PNF, { PhoneNumberUtil } from 'google-libphonenumber';

const [countryCode, setCountryCode] = useState('AU');
const [phoneNumber, setPhoneNumber] = useState('');
const phoneUtil = PhoneNumberUtil.getInstance();

function setCode ({ cca2 }) {
  setCountryCode(cca2);

## contact.module.css
.form {
  grid-column: 6 / 11;

  @media (--laptop) {
    grid-column: 1;
  }
}

.form.loading {
  opacity: 0.4;

## qz-plash.css
figure, form, img, nav, div[aria-hidden], footer, aside:first-of-type, iframe { display: none !important; }
aside { top: 0 !important; }
aside:first-of-type + div { border-left: none; }
main > div { background: white !important; }
#main { padding-top: 0; }

## transfade.js
// Custom transform and opacity modifier for Stellar.js
$.stellar.positionProperty.transfade = {
  setPosition: function(element, newLeft, originalLeft, newTop, originalTop) {
    var distance = newTop - originalTop;
    var rate = $(window).height() / 5;
    element.css('transform', 'translate3d(0, ' + distance + 'px, 0').css('opacity', 1 - (distance / rate));
  }
};

## hellosign.css
.l-app .l-app--content {
    padding-bottom: 0;
}

main.au {
    padding-top: 121px;
}

.l-app .l-app--container {
    padding-top: 100px;

## boilerplate.html
<!-- HTML5 Doctype. Remember to delete these comments (Quirks Mode). -->
<!doctype html>

<!-- HTML tag -->
<html lang="">

    <!-- Let's get started -->
    <head>

        <!-- Document settings and metadata -->

## gulpfile.js
const gulp = require('gulp'),
    sync = require('browser-sync').create(),
    del = require('del'),
    minimist = require('minimist')(process.argv.slice(2)),
    $ = require('gulp-load-plugins')(),
    info = require('./package.json'),
    header = '/*! Built with Catalyst. */',
    staticFiles = gulp.src([
        'test/source/**/*',
        '!test/source/**/*.html',

## sanitize.js
// Sanitize a filename. Try 'df.34.%)sdfE$t5.HF.mp4'
var extension = fileName.split('.').slice(0).pop(),
  sanitized = filename.replace(extension, '').replace(/\W+/g, '') + "." + extension;

## link-test.js
var links = document.querySelectorAll('a');
for (var i = 0; i < links.length; i++) {
    links[i].click();
}
	.gist {
	.gist-file {
	border: none !important;
	margin-bottom: 0 !important;
	.gist-data {
	border-bottom: 2px solid #7f8c8d !important;
	.line-numbers {
	border-right: 2px solid #7f8c8d !important;
	padding: 1em !important;
	}
	import React, { useState } from 'react';
	import CountryPicker from 'react-native-country-picker-modal';
	import PNF, { PhoneNumberUtil } from 'google-libphonenumber';

	const [countryCode, setCountryCode] = useState('AU');
	const [phoneNumber, setPhoneNumber] = useState('');
	const phoneUtil = PhoneNumberUtil.getInstance();

	function setCode ({ cca2 }) {
	setCountryCode(cca2);
	.form {
	grid-column: 6 / 11;

	@media (--laptop) {
	grid-column: 1;
	}
	}

	.form.loading {
	opacity: 0.4;
	figure, form, img, nav, div[aria-hidden], footer, aside:first-of-type, iframe { display: none !important; }
	aside { top: 0 !important; }
	aside:first-of-type + div { border-left: none; }
	main > div { background: white !important; }
	#main { padding-top: 0; }
	// Custom transform and opacity modifier for Stellar.js
	$.stellar.positionProperty.transfade = {
	setPosition: function(element, newLeft, originalLeft, newTop, originalTop) {
	var distance = newTop - originalTop;
	var rate = $(window).height() / 5;
	element.css('transform', 'translate3d(0, ' + distance + 'px, 0').css('opacity', 1 - (distance / rate));
	}
	};
	.l-app .l-app--content {
	padding-bottom: 0;
	}

	main.au {
	padding-top: 121px;
	}

	.l-app .l-app--container {
	padding-top: 100px;
	<!-- HTML5 Doctype. Remember to delete these comments (Quirks Mode). -->
	<!doctype html>

	<!-- HTML tag -->
	<html lang="">

	<!-- Let's get started -->
	<head>

	<!-- Document settings and metadata -->
	const gulp = require('gulp'),
	sync = require('browser-sync').create(),
	del = require('del'),
	minimist = require('minimist')(process.argv.slice(2)),
	$ = require('gulp-load-plugins')(),
	info = require('./package.json'),
	header = '/! Built with Catalyst. /',
	staticFiles = gulp.src([
	'test/source/*/',
	'!test/source/*/.html',
	// Sanitize a filename. Try 'df.34.%)sdfE$t5.HF.mp4'
	var extension = fileName.split('.').slice(0).pop(),
	sanitized = filename.replace(extension, '').replace(/\W+/g, '') + "." + extension;
	var links = document.querySelectorAll('a');
	for (var i = 0; i < links.length; i++) {
	links[i].click();
	}