matthewbeta

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

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

@sml-bp: 480px;
@med-bp: 720px;
@lrg-bp: 970px;

.phablet(@rules) {
   @media screen and (min-width: @sml-bp) {
      @rules();
    }
};

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; 

matthewbeta

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->