Lucida
A Pen by matthew jackson on CodePen.
var resizeTimer; | |
$(window).on('resize', function(e) { | |
clearTimeout(resizeTimer); | |
resizeTimer = setTimeout(function() { | |
// Run code here, resizing has "stopped" | |
}, 250); |
/* This */ | |
.my-module { | |
background: #DDD; | |
&-header { | |
padding: 10px; | |
} | |
&-link { | |
color: red; | |
} | |
} |
/* instead of this */ | |
.mobile { | |
.my-module { | |
color: red; | |
} | |
} | |
.desktop { | |
.my-module { | |
color: blue; | |
} |
// more stuff | |
sass: { | |
dev: { | |
options: { // Target options | |
style: 'expanded' | |
}, | |
}, | |
prod: { | |
options: { |
module.exports = function(grunt) { | |
var dev = { | |
deployConfiguration: grunt.file.readYAML("deployment.dev.yml"), | |
}, | |
prod = { | |
deployConfiguration: grunt.file.readYAML("deployment.yml"); | |
}, | |
bucket = 'ember-build-dsh'; |
var gulp = require('gulp'); | |
var gutil = require('gulp-util'); | |
var sass = require('gulp-ruby-sass') ; | |
var prefix = require('gulp-autoprefixer'); | |
var uglify = require('gulp-uglify'); | |
var concat = require('gulp-concat'); | |
var filter = require('gulp-filter'); | |
var sourcemaps = require('gulp-sourcemaps'); | |
var minifycss = require('gulp-minify-css'); | |
var browserSync = require('browser-sync'); |
Lucida
A Pen by matthew jackson on CodePen.
Gonna try and make some nice typographic things with websafe fonts. Started with the easiest and best
A Pen by matthew jackson on CodePen.
module.exports = function(grunt) { | |
// Show elapsed time after tasks run | |
require('time-grunt')(grunt); | |
// Project configuration. | |
grunt.initConfig({ | |
pkg: grunt.file.readJSON('package.json'), | |
}); |