isGabe

// ----
// libsass (v3.2.4)
// ----

$font-family-base: "Roboto";
$font-family-base--lc: roboto;
$font-family-base--fallback: Arial, sans-serif;
$font-family-heading: "Roboto Condensed";
$font-family-heading--lc: robotocondensed;
$font-family-heading--fallback: "Arial Narrow", Arial, sans-serif;

isGabe

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

isGabe

<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">

<polymer-element name="my-element">

  <template>
    <style>    
      #paper_icon_button {

isGabe

// ----
// Sass (v3.3.2)
// Compass (v1.0.0.alpha.18)
// ----

.thing {
  border: {
    color: #ccc;
    width: 1px;
    style: solid;

isGabe

<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>

isGabe

// Include gulp & plugins
var gulp = require('gulp'),
    jshint = require('gulp-jshint'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    svgmin = require('gulp-svgmin'),
    rename = require('gulp-rename'),

isGabe

<button>Submit</button>

isGabe

# Place this in your .bash_profile, reload .bash_profile
# Type 'mkdircd [new-directory-name]'
# Rejoice

# Found here: http://linux.101hacks.com/cd-command/mkdir-and-cd-together/#comment-4
# I shortened mine to 'mdcd'

function mkdircd () { mkdir -p "$@" && cd $_; }

isGabe

Styles upside the head with jQuery

Yes, it's dirty, but sometimes we have to do it.

For example I'm working on a 3rd party search tool that for some odd reason allows a single custom javascript file, but no other customizations outside of their UI.

A Pen by Gabriel Luethje on CodePen.

License.

isGabe

module.exports = function(grunt) {

grunt.initConfig({
   grunticon: {
    myIcons: {
        options: {
        src: "icons-svg",
        dest: "icons-exp",
        datasvgcss: "icon-svg.scss",
        datapngcss: "icon-png.scss",