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'), | |
| }); |