matthewbeta

module.exports = function(grunt) {
  // Show elapsed time after tasks run
  require('time-grunt')(grunt);
  
  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
  

  });

matthewbeta

Web Safe fonts #1

Gonna try and make some nice typographic things with websafe fonts. Started with the easiest and best

A Pen by matthew jackson on CodePen.

License.

matthewbeta

Web Safe Fonts #2

Lucida

A Pen by matthew jackson on CodePen.

License.

matthewbeta

module.exports = function(grunt) {

  var dev = {
    deployConfiguration: grunt.file.readYAML("deployment.dev.yml"),
  },
  prod = {
    deployConfiguration: grunt.file.readYAML("deployment.yml");
  },
  bucket = 'ember-build-dsh';

matthewbeta

// more stuff

sass: {
  dev: {
    options: {                       // Target options
        style: 'expanded'
    },
  },
  prod: {
    options: {

matthewbeta

$color-nav-bg: grey
$color-nav-bg-active
$stretch: -100px; // taller/wider than your links would ever need to stretch

  // 1. Set the nav ul  to be table
  .nav-list {
    display: table;
    width: 100%;
  }
  // 2. Set the nav items  to be table-cell

matthewbeta

/* instead of this */
.mobile {
	.my-module {
		color: red;
	}
}
.desktop {
	.my-module {
		color: blue;
	}

matthewbeta

/* This */
.my-module {
  background: #DDD;
  &-header {
    padding: 10px;
  }
  &-link {
    color: red;
  }
}

matthewbeta

var resizeTimer;

$(window).on('resize', function(e) {

  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {

    // Run code here, resizing has "stopped"
            
  }, 250);

matthewbeta

	
	/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
	.visuallyhidden { 
		border: 0; 
		clip: rect(0 0 0 0); 
		height: 1px; 
		margin: -1px; 
		overflow: hidden; 
		padding: 0; 
		position: absolute;