Skip to content

Instantly share code, notes, and snippets.

View danny-englander's full-sized avatar

Danny Englander (he/him) danny-englander

View GitHub Profile
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
spritesmith = require('gulp.spritesmith'),
compass = require('gulp-compass'),
path = require('path'),
minifyCss = require('gulp-minify-css'),
browserSync = require('browser-sync'),
tinypng = require('gulp-tinypng'),
autoprefixer = require('gulp-autoprefixer'),
plumber = require('gulp-plumber');
@danny-englander
danny-englander / magnific-popup-deep-linking.js
Created October 28, 2015 14:41 — forked from sadortun/magnific-popup-deep-linking.js
Deep Linking with Magnificent popup
<script type="text/javascript">
function loadGalleryDeepLink()
{
var prefix = "#gallery-";
var h = location.hash;
if (document.g_magnific_hash_loaded === undefined && h.indexOf(prefix) === 0)
@danny-englander
danny-englander / SassMeister-input-HTML.html
Last active August 29, 2015 14:16
Generated by SassMeister.com.
<div class="foo">
<p>Lorum Ipsum</p>
</div>
module.exports = function (grunt) {
grunt.loadNpmTasks('grunt-cssbeautifier');
grunt.loadNpmTasks('grunt-strip-css-comments');
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
// Define paths.
paths: {
sass: 'source/sass',
devCSS: 'css',
var timer = require("grunt-timer");
module.exports = function (grunt) {
timer.init(grunt);
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
watch: {
sass: {
files: ['sass/**/*.{scss,sass}', 'sass/_base/**/*.{scss,sass}'],
tasks: ['sass:render']
}, //sass
@danny-englander
danny-englander / SassMeister-input.scss
Last active August 29, 2015 14:10
Generated by SassMeister.com.
// ----
// libsass (v3.0.2)
// ----
// Sass
// Colors
$sea_green: #16a085;
$pomegranate: #c0392b;
$orange: #e04604;
@danny-englander
danny-englander / gruntfile.js
Last active March 2, 2016 20:25
gruntfile.js for Jekyll and Sass
// based on https://github.com/nicolashery/nicolashery.com
module.exports = function(grunt) {
// Load all NPM grunt tasks
require('matchdep').filterAll('grunt-*').forEach(grunt.loadNpmTasks);
// Project configuration
grunt.initConfig({
meta: {
scripts: [
@danny-englander
danny-englander / SassMeister-input-HTML.html
Created October 1, 2014 02:54
Sass Color Palettes using @each directive loop and Susy grids.
<div class="l-main-wrap" role="main">
<h1>Theme Color Palettes</h1>
<article>
<p>A demo of the Sass @each directive loop for theme color palettes using Susy grids.</p>
<ul class="theme-colors">
<li class="cp-turquoise"><span>Turquoise</span></li>
<li class="cp-purple"><span>Purple</span></li>
@danny-englander
danny-englander / SassMeister-input.scss
Created October 1, 2014 01:39
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
$white: #fff;
$medium_gray: #999;
$sea_green: #16a085;
$pomegranate: #c0392b;
$orange: #e04604;
@danny-englander
danny-englander / SassMeister-input.scss
Created September 30, 2014 18:20
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
@mixin image-2x($image, $width, $height) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),