jantimon

// http://codepen.io/jantimon/pen/meNYaj
$break-small: 629px;
$break-large: 950px;

$breakpointsMinWidth: (
  'mobile': null,
  'tablet' : $break-small + 1,
  'desktop': $break-large + 1
);

jantimon

set UnixPath to POSIX path of ((path to me as text) & "::")
set Grunt to "cd \"" & UnixPath & "\"; node node_modules/grunt-cli/bin/grunt dev"

tell application "Terminal"
	do script Grunt
	activate
end tell

jantimon

module.exports.apply = function(compiler) {
  var SingleEntryPlugin = require ('webpack/lib/SingleEntryPlugin');

  var styleguideName = 'atrium-styleguide-core';
  var styleguideEntry = 'atrium-entry.js';
  var styleguideFileName = 'atrium/core.js';

  // Inject entry into the main compilation
  compiler.apply(new SingleEntryPlugin(
      this.context, 

jantimon

// Approach 1
$('.demo').each((i,target) => {
  var $target = $(target);
  $target.height($target.height() + 10);
});

// Approach 2
var heights = $('.demo').map((i,target) => {
  return $(target).height();
}).get();

jantimon

[alias]
# Delete any branches that have been merged except master, development and the current branch
cleanup = !git remote prune origin && git branch --merged | egrep -v '(^\\*|master|develop)' | xargs git branch -d

jantimon

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

   entry: {
     app: './src/app.js'
   },

   output: {

jantimon

interface Box {
    height: number;
    width: number;
    color: 'RED' | 'BLUE'
}

function logColor(box: Box) {
    switch (box.color) {
        case 'RED':
            console.log(box, 'is red');

jantimon

interface Box {
    height: number;
    width: number;
    color: 'RED' | 'BLUE'
}

function logColor(box: Box) {
    switch (box.color) {
        case 'RED':
            console.log(box, 'is red');

jantimon

const viewportClassPrefix = (viewport: 'xs' | 'sm' | 'md' | 'lg') => viewport === 'xs' ? '' : ('-' + viewport);

const flexAlignment = {
	col: {
		direction: {
			outer: (viewport: 'xs' | 'sm' | 'md' | 'lg') => `flex${viewportClassPrefix(viewport)}-column`,
			inner: (viewport: 'xs' | 'sm' | 'md' | 'lg') => `flex${viewportClassPrefix(viewport)}-row`,
		},

jantimon

export default function() {
  return import('react-dom');
}