thomasthesecond’s gists

thomasthesecond / north-america.usa.json

Created September 21, 2018 21:18

	[
	{
	"name": "New York City",
	"url": "https://www.lonelyplanet.com/usa/new-york-city"
	},
	{
	"name": "San Francisco",
	"url": "https://www.lonelyplanet.com/usa/san-francisco"
	},
	{

thomasthesecond / design-systems-and-css-grid-8.markdown

Created February 28, 2018 07:38

Design Systems and CSS Grid, 8

thomasthesecond / radium.jsx

Created February 2, 2017 19:18

	import React, { PropTypes } from "react";
	import radium, { Style } from "radium";
	import { color } from "../../../settings.json";
	import font from "../../utils/font";

	const styles = {
	color: color.detailHeaderSmall,
	fontFamily: font("benton"),
	fontSize: "11px",
	lineHeight: (17 / 11),

thomasthesecond / slug.js

Created April 28, 2016 14:25

	// Takes a string and creates a hyphenated slug
	const slug = string.toLowerCase()
	.replace(/[\. ,:;&()-]+/g, "-") // replace spaces and some characters with "-"
	.replace(/-\s*$/, ""); // if last character is a "-", remove it

thomasthesecond / line-clamp.scss

Created December 11, 2015 16:32

	/// Clamps, aka truncates, multi-line text. Note that non-webkit browsers will
	/// not see the ellipsis ¯\_(ツ)_/¯
	/// @param {Value} $font-size - Font size of the text
	/// @param {Unitless Value} $line-height - Line height of the text; must be a unitless value
	/// @param {Number} $lines-to-show - Number of lines to show
	/// @example scss
	/// p {
	/// @include line-clamp($font-size: 16px, $line-height: 1.5, $lines-to-show: 3);
	/// }
	@mixin line-clamp(

thomasthesecond / icon.scss

Created November 16, 2015 14:46

Create a "pop-out" icon for a photo gallery

thomasthesecond / _entry.twig

Created June 27, 2015 16:13

	{% extends '_layouts/default' %}

	{% set meta = {
	title: entry.title,
	url: entry.url,
	description: entry.description\|default(entry.body),
	keywords: entry.keywords,
	image: entry.image.first().url
	} %}

thomasthesecond / phone.twig

Last active February 22, 2022 04:07

Twig filter for formatting telephone numbers for anchors

+1-{{ phoneNumber|trim|replace({'(': '', ')': '', ' ': '-', '.': '-'}) }}

thomasthesecond / notEqualTo.js

Created March 17, 2015 15:00

notEqualTo method for jQuery Validation plugin

	$.validator.addMethod('notEqualTo', function(value, element, param) {
	return this.optional(element) \|\| value !== param;
	}, 'Value cannot be equal to ' + param + '.');

thomasthesecond / SassMeister-input-HTML.html

Last active August 29, 2015 14:14

Generated by SassMeister.com.

	<html>
	<head>
	<title>Sass Breakpoints</title>
	</head>
	<body>
	<div></div>
	</body>
	</html>

Tom Cunningham thomasthesecond