Rasmus Fløe phloe

To make this work in CSS:

background: url('images.svg#chart');

or img:

<img src="images.svg#chart">

The following outlines a technique combining floating blocks and inline-blocks allowing for fairly interesting layouts without the need to use nested rows and avoids some problems when using pure floats.

The technique itself only uses three classnames:

combine-layout - defines the containing element.
break - starts a new row when in floating block context.
divide - starts off the inline-block context.

	// Written by @iclanzan
	// All credit goes to him!

	// You create the reducer like this:
	// var reducer = createTimelineReducer('someName', someReducer, ['foo', 'bar']);
	// And then whenever an action of type `foo` or `bar` happens it calls `someReducer` and adds the result to the timeline.
	// Then to undo/redo you trigger an action of type `someNameUndo`/`someNameRedo`.

	var defaults = require('lodash/object/defaults');
	var capitalize = require('lodash/string/capitalize');

	//
	// Regular Expression for URL validation
	//
	// Author: Diego Perini
	// Created: 2010/12/05
	// Updated: 2018/09/12
	// License: MIT
	//
	// Copyright (c) 2010-2018 Diego Perini (http://www.iport.it)
	//