Max Scopp max-scopp

About: CSS Grid for IE11

CSS Grid in IE11 is an implementation based on the 2011 spec, which means we aren't really able to use grids out of the box according to the newer spec. However, Autoprefixer automates a lot of work for us with getting the correct IE11 properties, and it has support for most (if not all?) -ms-grid properties.

There are still some gotchas which Autoprefixer can't help with though:

There is no auto-placement behaviour in the 2011 spec. This means that for IE11, you have to position everything. rather than use the autoplacement ability of grid.
Using minmax() with an auto value is not supported, and will break things - e.g. minmax(auto, 1200px) will not work. To use minmax, you have to specify two positive values - e.g. minmax(500px, 1200px).
grid-gap properties were added in a later spec. To create grid-gaps in IE11, you will need to create separate

webpack.config.js

var webpack = require('webpack');

var featureFlagsPlugin = new webpack.DefinePlugin({
  __DEV__: !!process.env.DEV,
  __RELEASE__: !!process.env.RELEASE
});

	#!/usr/bin/env bash
	#
	# see: https://gist.github.com/gregorynicholas/2160046ec6946a2ce0fa
	# src: https://github.com/mathiasbynens/dotfiles/blob/master/.osx
	# updated: 2015-06-06
	#

	# ask for the administrator password upfront
	sudo -v

	// Add on element with overflow
	-webkit-mask-image: -webkit-radial-gradient(white, black);