Erin Keeffe erin-dot-io

Default

Powerlevel10k

Icon-fonts. They are pretty awesome, but much like managing Sprite files, there are issues that make them a real pain to manage. Sure there are full libraries out there that you can grab wholesale and rely on their documentation, but for optimization and performance reasons you do not want to load up a series of libraries just to use a few icons. Leveraging the power of HAML and Sass we can make this less painful and at the same time maintain a living style guide. Basically, winning all over the place.

[IcoMoon][IcoMoon] is a fantastic resource that allows users to select specific icons from various libraries, as well as upload custom SVG art and download a customized font library. In the download package there is an HTML document that illustrates the library you just created, but for most professional applications this isn't going to work. Mainly because you will probably not use IcoMoon's code verbatim. Customizing the HTML and CSS per your use is ve

	Place this in your head.
	{% block head_extra %}
	{% set prev = prevItem(item, 'publish_date', true) %}
	{% set next = nextItem(item, 'publish_date', true) %}
	{% if prev %}
	<link rel="prefetch" href="{{ url(prev) }}" />
	{% endif %}
	{% if next %}
	<link rel="prefetch" href="{{ url(next) }}" />
	{% endif %}

	lib-cov
	*.seed
	*.log
	*.csv
	*.dat
	*.out
	*.pid
	*.gz
	.DS_Store
	.sass-cache

	/* ===========================================================
	* jquery-onepage-scroll.js v1.3.1
	* ===========================================================
	* Copyright 2013 Pete Rojwongsuriya.
	* http://www.thepetedesign.com
	*
	* Create an Apple-like website that let user scroll
	* one page at a time
	*
	* Credit: Eike Send for the awesome swipe event

	<html>
	<head>
	<title>Select styles with CSS only</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body {
	background-color: #fff;
	font-family: helvetica, sans-serif;
	margin: 4% 10%
	}

	// Userscript for Fluid App to enable dock badge and desktop notifications for Fastmail.
	//
	// Author: @lylo

	window.fluid.dockBadge = '';

	// for tracking when to notify
	let previousUnreadCount = 0;

	// Main polling

	(*
	"Album Rating Reset" for iTunes
	written by Doug Adams
	[email protected]

	v1.0 sept 6 2007
	-- initial release

	v2.0 mar 6 2013
	updated by Dhiraj Gupta (http://www.dhirajgupta.com)

	// Media Queries in Sass 3.2
	//
	// These mixins make media queries a breeze with Sass.
	// The media queries from mobile up until desktop all
	// trigger at different points along the way
	//
	// And important point to remember is that and width
	// over the portrait width is considered to be part of the
	// landscape width. This allows us to capture widths of devices
	// that might not fit the dimensions exactly. This means the break

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];