Skip to content

Instantly share code, notes, and snippets.

View windycitymoon's full-sized avatar

Derek Moon windycitymoon

View GitHub Profile
@windycitymoon
windycitymoon / SassMeister-input-HTML.html
Created November 8, 2013 07:15
Generated by SassMeister.com.
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
</head>
<body>
<div id="wrapper">
<header>
<h1>Header Area</h1>
</header>
@windycitymoon
windycitymoon / 0_reuse_code.js
Created March 10, 2014 15:57
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@windycitymoon
windycitymoon / SassMeister-input-HTML.html
Created January 22, 2016 20:18
Generated by SassMeister.com.
<footer class="footer" role="contentinfo">
<div class="footer-inner layout-constrain">
<div class="footer-row footer-row__top">
<div class="footer-item footer-logo"><a href="<?php echo home_url(); ?>" class="sitename"><img alt="Science Philanthropy Alliance" src="<?php echo get_template_directory_uri() . '/images/footer-logo.png';?>"/></a></div>
<div class="footer-item footer-menu--primary"><?php gesso_nav('primary'); ?></div>
<div class="footer-item footer-menu--secondary"><?php gesso_nav('footer-secondary'); ?></div>
<div class="footer-social">
<span>
<a href="https://www.facebook.com/SciPhil.org"><i class="fa fa-facebook"></i></a>
</span>
@windycitymoon
windycitymoon / browserSync.js
Last active December 16, 2016 23:52
A Grunt task to use with the Gesso base theme.
/* browserSync.js
1. Place this in the Gesso theme's task/config folder
2. Be sure to update the localDev variable
*/
module.exports = function(grunt) {
var paths = {
localDev: "http://wpsandbox:8888", // Set this to your site's localhost
js: ['<%= pkg.themePath %>/js/**/*.js'],
html: ['<%= pkg.themePath %>/**/*.{html,php,twig}', '<%= pkg.themePath %>/pattern-lab/source/**/*.{twig,json}'],
@windycitymoon
windycitymoon / _grid-ie-calc.scss
Created April 6, 2018 14:07 — forked from robinloeffel/_grid-ie-calc.scss
Dynamic CSS Grid Items in Internet Explorer and Edge - https://rbnlffl.synology.me/grid-ie-calc
/*
This mixin allows us use CSS grid without having to think about
what -ms-grid-row/-ms-grid-column we have to assign to a grid element
for it to properly work on Internet Explorer and Edge.
It takes three arguments, the last one of which is optional. Specify the
maximum amount of items you want to have in your grid, when they should
break to the next line and, if you like, a grid-gap of some sort.