jhafner

#columns-3 {
    text-align: justify;
    -ms-column-count: 3;
    -ms-column-gap: 12px;
    -ms-column-rule: 1px solid #c4c8cc;    
    -moz-column-count: 3;
    -moz-column-gap: 12px;
    -moz-column-rule: 1px solid #c4c8cc;
    -webkit-column-count: 3;
    -webkit-column-gap: 12px;

jhafner

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

jhafner

.Center-Container {
  position: relative;
}

.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;

jhafner

<form id="mobile-form">

  <input type="tel" /> <!-- Displays number pad -->
  <input type="text" pattern="\d*" novalidate /> <!-- Displays number pad on text fields -->
  
  <input type="email" autocapitalize="off" /> <!-- Displays email input, disables auto-capitalization -->

  <input type="text" autocorrect="off" /> <!-- Disables autocorrect -->

</form>

jhafner

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
 
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
 
function loop() {
  clear();
  update();
  draw();

jhafner

#!/usr/bin/env bash

# fresh-chrome
#
# Use this script on OS X to launch a new instance of Google Chrome
# with its own empty cache, cookies, and user configuration.
#
# The first time you run this script, it will launch a new Google
# Chrome instance with a permanent user-data directory, which you can
# customize below. Perform any initial setup you want to keep on every

jhafner

$(function(){
  $('.truncate').each(function(el){
    var $this = $(this);
    var t_size = $this.data('text-length');
    $this.succinct({
      size: t_size
    });
  });
});

jhafner

// For adding icons to elements using CSS pseudo-elements
// Source: http://jaydenseric.dev/blog/fun-with-sass-and-font-icons
@mixin icon($position: 'before', $styles: true, $icon: false) {
  // Either a :before or :after pseudo-element, defaulting to :before
  &:#{$position} {
    @if $icon {
      // Icon has been specified
      content: match($icons, $icon);
    }
    @if $styles {

jhafner

// Mixin Function
@mixin breakpoint($point) {
  @if $point == desktop {
    @media (max-width: 1600px) { @content; }
  }
  @else if $point == tablet {
    @media (max-width: 1250px) { @content; }
  }
  @else if $point == handheld {
    @media (max-width: 650px)  { @content; }

jhafner

/* Your variables */
$nb-columns : 6; 
$wrap-width : 1140px; 
$column-width : 180px; 

/* Calculations */
$gutter-width : ($wrap-width - $nb-columns * $column-width) / $nb-columns; 
$column-pct : ($column-width / $wrap-width) * 100; 
$gutter-pct : ($gutter-width / $wrap-width) * 100;