chrishutchinson

div{
  display: table;
  height: auto;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100px;

chrishutchinson

Keybase proof

I hereby claim:

• I am chrishutchinson on github.
• I am chrishutchinson (https://keybase.io/chrishutchinson) on keybase.
• I have a public key whose fingerprint is 04A1 E95F E92A C7D6 A937 4350 6F9B 0283 EAE1 0988

To claim this, I am signing this object:

chrishutchinson

a[data-type="tweet"]{
	span{ display: none; }
	&:before {
		content: "\f099";
		display: block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
  		line-height: 1;
		-webkit-font-smoothing: antialiased;

chrishutchinson

'use strict';

// Import class
import NumberStrings from 'path/to/numberstrings.filter';

angular.module('appName', [])
  .filter('NumberStrings', () => new NumberStrings()) // Add filter

chrishutchinson

const googlefontcssmerge = require('googlefontcssmerge');
const googlefontcss64 = require('googlefontcss64');
const css = require('css');

const url = `http://fonts.googleapis.com/css?family=Open+Sans`;

googlefontcssmerge(url, function(error, style) {
  if (error) throw error;

  googlefontcss64(style, function(error, style) {

chrishutchinson

// HTML Element
<budget-calculator no-headline></budget-calculator>

// Polymer template code
<template is="dom-if" if="{{showHeadline}}">
  <h1>This is my headline</h1>
</template>


// Polymer JavaScript code

chrishutchinson

// HTML Element
<budget-calculator no-headline></budget-calculator>

// Polymer template code
<template is="dom-if" if="{{showHeadline}}">
  <h1>This is my headline</h1>
</template>


// Polymer JavaScript code

chrishutchinson

// Polymer template code
<form on-submit="handleFormSubmit"></form>

// Polymer JavaScript code
handleFormSubmit: function(event) {
  // Your form submission behaviour would go here
}

chrishutchinson

// Polymer template code

<form autocomplete="off" id="form" on-submit="handleFormSubmit">
    <input type="text" name="income" placeholder="Enter your annual income (£)" />

    <div class="selectWrapper">
      <i class="Icon Icon--arrowDown"></i>
      <select name="category" id="dropdown">
        <option value="" disabled selected>Your status</option>
      </select>

chrishutchinson

// Polymer template code
<!-- A permanently visible (although empty) anchor, so we have somewhere to scroll to -->
<div id="results-anchor"></div>

// Polymer JavaScript code
const scrollToElement = (element, offset = 0) => {
  const distanceFromTop = element.getBoundingClientRect().top;
  window.scrollBy({
    top: distanceFromTop + offset,
    left: 0,