diff --git a/docs/index.html b/docs/index.html
index c448cf16..c7032ab8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -64,14 +64,14 @@
     <div id="logo-1">
         <div style="max-width:490px;height:100%;position:relative;overflow:hidden;">
             <div style="overflow:hidden;width:208px;position:absolute;right:0;height:100%">
-                <img alt="Split.js" title="Split.js" src="../logo.svg" style="width:430px;max-width:430px;position:absolute;right:-223px;top:0;bottom:0">
+                <img alt="Split.js" title="Split.js" src="./logo.svg" style="width:430px;max-width:430px;position:absolute;right:-223px;top:0;bottom:0">
             </div>
         </div>
     </div>
     <div id="logo-2" style="position:relative">
         <div style="max-width:490px;height:100%;position:absolute;right:0;width:100%;overflow:hidden;">
             <div style="overflow:hidden;width:208px;position:absolute;left:0;height:100%">
-                <img title="Split.js" src="../logo.svg" style="width:430px;max-width:430px;position:absolute;left:-222px;top:0;bottom:0">
+                <img title="Split.js" src="./logo.svg" style="width:430px;max-width:430px;position:absolute;left:-222px;top:0;bottom:0">
             </div>
         </div>
     </div>
@@ -296,7 +296,7 @@ <h2>Docs &amp; API</h2>
 </main>
 <div class="container" style="margin: 30px auto">&copy; 2018 <a href="http://nathancahill.com/">Nathan Cahill</a>. <a href="http://github.com/nathancahill/Split.js/#license">MIT license</a>.</div>
 <script async defer type="text/javascript" src="./web-font.js"></script>
-<script type="text/javascript" src="../split.js"></script>
+<script type="text/javascript" src="./split.js"></script>
 <script>
 Split(['#logo-1', '#logo-2'], {
     minSize: 0,
diff --git a/docs/logo.svg b/docs/logo.svg
new file mode 100644
index 00000000..f8dc2a4b
--- /dev/null
+++ b/docs/logo.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 416 139" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M295 109.488V95.66c3.555 3.164 7.227 5.537 11.016 7.12 3.79 1.58 7.714 2.372 11.777 2.372 5.586 0 9.482-1.455 11.69-4.365 2.206-2.91 3.31-8.33 3.31-16.26V35.543H310.47v-9.96h34.16v58.944c0 11.016-2.062 18.81-6.183 23.38-4.12 4.57-11.006 6.855-20.654 6.855-3.75 0-7.48-.43-11.19-1.29-3.712-.86-7.58-2.187-11.603-3.984zM410.156 28.57v12.012c-3.594-2.305-7.197-4.043-10.81-5.215-3.614-1.172-7.256-1.758-10.928-1.758-5.586 0-10 1.298-13.242 3.896-3.242 2.598-4.863 6.103-4.863 10.517 0 3.868 1.064 6.817 3.193 8.848 2.13 2.032 6.103 3.732 11.924 5.1l6.21 1.405c8.204 1.914 14.18 4.922 17.93 9.023 3.75 4.102 5.625 9.688 5.625 16.758 0 8.32-2.578 14.668-7.734 19.043-5.155 4.374-12.655 6.562-22.5 6.562-4.1 0-8.222-.44-12.362-1.32-4.14-.878-8.3-2.196-12.48-3.954V96.89c4.49 2.852 8.74 4.942 12.743 6.27 4.005 1.328 8.038 1.992 12.1 1.992 5.978 0 10.626-1.338 13.946-4.013 3.32-2.677 4.98-6.417 4.98-11.222 0-4.375-1.142-7.715-3.427-10.02-2.286-2.304-6.26-4.082-11.925-5.332l-6.328-1.464c-8.125-1.836-14.023-4.61-17.695-8.32-3.672-3.712-5.508-8.692-5.508-14.942 0-7.813 2.627-14.072 7.88-18.78 5.255-4.707 12.237-7.06 20.948-7.06 3.36 0 6.895.38 10.606 1.143 3.71.76 7.617 1.904 11.718 3.427zM51.152 28.57v12.012c-3.593-2.305-7.197-4.043-10.81-5.215-3.614-1.172-7.256-1.758-10.928-1.758-5.586 0-10 1.298-13.242 3.896-3.242 2.598-4.863 6.103-4.863 10.517 0 3.868 1.063 6.817 3.192 8.848 2.13 2.032 6.103 3.732 11.924 5.1l6.21 1.405c8.204 1.914 14.18 4.922 17.93 9.023 3.75 4.102 5.625 9.688 5.625 16.758 0 8.32-2.577 14.668-7.733 19.043-5.156 4.374-12.656 6.562-22.5 6.562-4.102 0-8.223-.44-12.363-1.32-4.14-.878-8.3-2.196-12.48-3.954V96.89c4.49 2.852 8.74 4.942 12.743 6.27 4.004 1.328 8.038 1.992 12.1 1.992 5.977 0 10.625-1.338 13.945-4.013 3.32-2.677 4.98-6.417 4.98-11.222 0-4.375-1.142-7.715-3.427-10.02-2.285-2.304-6.26-4.082-11.924-5.332l-6.327-1.464c-8.125-1.836-14.023-4.61-17.695-8.32C1.836 61.07 0 56.09 0 49.84c0-7.813 2.627-14.072 7.88-18.78C13.136 26.354 20.118 24 28.83 24c3.36 0 6.895.38 10.606 1.143 3.71.76 7.617 1.904 11.718 3.427zm26.328 6.74v32.87h13.71c5.47 0 9.738-1.446 12.804-4.336 3.067-2.89 4.6-6.934 4.6-12.13 0-5.194-1.524-9.228-4.57-12.1-3.047-2.87-7.325-4.305-12.833-4.305H77.48zM65.645 25.58H91.19c9.767 0 17.17 2.217 22.208 6.65 5.04 4.434 7.56 10.928 7.56 19.483 0 8.633-2.51 15.156-7.53 19.57-5.02 4.414-12.432 6.62-22.237 6.62H77.48v35.157H65.645v-87.48zm63.3 0h11.895v77.52h42.246v9.96h-54.14v-87.48z" fill="#34495E"/><path d="M207 6v127" stroke="#34495E" stroke-width="12" stroke-linecap="square"/><path d="M244.795 68.91l-11.088-11.087c-.55-.55-1.2-.823-1.95-.823s-1.4.274-1.95.823c-.547.548-.82 1.198-.82 1.95v5.543h-44.354v-5.544c0-.75-.275-1.4-.824-1.95-.55-.548-1.2-.822-1.95-.822s-1.4.274-1.95.823L168.824 68.91c-.55.55-.823 1.2-.823 1.95s.274 1.4.823 1.95l11.088 11.087c.55.548 1.2.823 1.95.823s1.4-.275 1.95-.823c.548-.548.823-1.198.823-1.95v-5.544h44.353v5.545c0 .75.274 1.4.822 1.95.55.547 1.2.822 1.95.822s1.4-.275 1.95-.823l11.087-11.088c.55-.55.823-1.2.823-1.95s-.274-1.4-.823-1.95z" fill="#34495E" fill-rule="nonzero"/><path fill="#34495E" d="M285.14 113.48h-11.894V35.96H231V26h54.14"/></g></svg>
\ No newline at end of file
diff --git a/docs/split.js b/docs/split.js
index efdccaa9..38382d66 100644
--- a/docs/split.js
+++ b/docs/split.js
@@ -1,4 +1,4 @@
-/*! Split.js - v1.3.4 */
+/*! Split.js - v1.4.0 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -18,15 +18,14 @@ var document = global.document;
 var addEventListener = 'addEventListener';
 var removeEventListener = 'removeEventListener';
 var getBoundingClientRect = 'getBoundingClientRect';
+var HORIZONTAL = 'horizontal';
 var NOOP = function () { return false; };
 
 // Figure out if we're in IE8 or not. IE8 will still render correctly,
 // but will be static instead of draggable.
 var isIE8 = global.attachEvent && !global[addEventListener];
 
-// This library only needs two helper functions:
-//
-// The first determines which prefixes of CSS calc we need.
+// Helper function determines which prefixes of CSS calc we need.
 // We only need to do this once on startup, when this anonymous function is called.
 //
 // Tests -webkit, -moz and -o prefixes. Modified from StackOverflow:
@@ -38,17 +37,59 @@ var calc = (['', '-webkit-', '-moz-', '-o-'].filter(function (prefix) {
     return (!!el.style.length)
 }).shift()) + "calc";
 
-// The second helper function allows elements and string selectors to be used
+// Helper function checks if its argument is a string-like type
+var isString = function (v) { return (typeof v === 'string' || v instanceof String); };
+
+// Helper function allows elements and string selectors to be used
 // interchangeably. In either case an element is returned. This allows us to
 // do `Split([elem1, elem2])` as well as `Split(['#id1', '#id2'])`.
 var elementOrSelector = function (el) {
-    if (typeof el === 'string' || el instanceof String) {
-        return document.querySelector(el)
+    if (isString(el)) {
+        var ele = document.querySelector(el);
+        if (!ele) {
+            throw new Error(("Selector " + el + " did match a DOM element"))
+        }
+        return ele
     }
 
     return el
 };
 
+// Helper function gets a property from the properties object, with a default fallback
+var getOption = function (options, propName, def) {
+    var value = options[propName];
+    if (value !== undefined) {
+        return value
+    }
+    return def
+};
+
+// Default options
+var defaultGutterFn = function (i, gutterDirection) {
+    var gut = document.createElement('div');
+    gut.className = "gutter gutter-" + gutterDirection;
+    return gut
+};
+
+var defaultElementStyleFn = function (dim, size, gutSize) {
+    var style = {};
+
+    if (!isString(size)) {
+        if (!isIE8) {
+            style[dim] = calc + "(" + size + "% - " + gutSize + "px)";
+        } else {
+            style[dim] = size + "%";
+        }
+    } else {
+        style[dim] = size;
+    }
+
+    return style
+};
+
+var defaultGutterStyleFn = function (dim, gutSize) { return (( obj = {}, obj[dim] = (gutSize + "px"), obj ))
+    var obj; };
+
 // The main function to initialize a split. Split.js thinks about each pair
 // of elements as an independant pair. Dragging the gutter between two elements
 // only changes the dimensions of elements in that pair. This is key to understanding
@@ -82,7 +123,6 @@ var Split = function (ids, options) {
     if ( options === void 0 ) options = {};
 
     var dimension;
-    var parentDimension;
     var clientAxis;
     var position;
     var elements;
@@ -90,62 +130,40 @@ var Split = function (ids, options) {
     // All DOM elements in the split should have a common parent. We can grab
     // the first elements parent and hope users read the docs because the
     // behavior will be whacky otherwise.
-    var parent = elementOrSelector(ids[0]).parentNode;
+    var firstElement = elementOrSelector(ids[0]);
+    var parent = firstElement.parentNode;
     var parentFlexDirection = global.getComputedStyle(parent).flexDirection;
 
     // Set default options.sizes to equal percentages of the parent element.
-    var sizes = options.sizes || ids.map(function () { return 100 / ids.length; });
+    var sizes = getOption(options, 'sizes') || ids.map(function () { return 100 / ids.length; });
 
     // Standardize minSize to an array if it isn't already. This allows minSize
     // to be passed as a number.
-    var minSize = options.minSize !== undefined ? options.minSize : 100;
+    var minSize = getOption(options, 'minSize', 100);
     var minSizes = Array.isArray(minSize) ? minSize : ids.map(function () { return minSize; });
-    var gutterSize = options.gutterSize !== undefined ? options.gutterSize : 10;
-    var snapOffset = options.snapOffset !== undefined ? options.snapOffset : 30;
-    var direction = options.direction || 'horizontal';
-    var cursor = options.cursor || (direction === 'horizontal' ? 'ew-resize' : 'ns-resize');
-    var gutter = options.gutter || (function (i, gutterDirection) {
-        var gut = document.createElement('div');
-        gut.className = "gutter gutter-" + gutterDirection;
-        return gut
-    });
-    var elementStyle = options.elementStyle || (function (dim, size, gutSize) {
-        var style = {};
-
-        if (typeof size !== 'string' && !(size instanceof String)) {
-            if (!isIE8) {
-                style[dim] = calc + "(" + size + "% - " + gutSize + "px)";
-            } else {
-                style[dim] = size + "%";
-            }
-        } else {
-            style[dim] = size;
-        }
-
-        return style
-    });
-    var gutterStyle = options.gutterStyle || (function (dim, gutSize) { return (( obj = {}, obj[dim] = (gutSize + "px"), obj ))
-        var obj; });
+    var gutterSize = getOption(options, 'gutterSize', 10);
+    var snapOffset = getOption(options, 'snapOffset', 30);
+    var direction = getOption(options, 'direction', HORIZONTAL);
+    var cursor = getOption(options, 'cursor', direction === HORIZONTAL ? 'ew-resize' : 'ns-resize');
+    var gutter = getOption(options, 'gutter', defaultGutterFn);
+    var elementStyle = getOption(options, 'elementStyle', defaultElementStyleFn);
+    var gutterStyle = getOption(options, 'gutterStyle', defaultGutterStyleFn);
 
     // 2. Initialize a bunch of strings based on the direction we're splitting.
     // A lot of the behavior in the rest of the library is paramatized down to
     // rely on CSS strings and classes.
-    if (direction === 'horizontal') {
+    if (direction === HORIZONTAL) {
         dimension = 'width';
         clientAxis = 'clientX';
         position = 'left';
-        parentDimension = 'offsetWidth';
     } else if (direction === 'vertical') {
         dimension = 'height';
         clientAxis = 'clientY';
         position = 'top';
-        parentDimension = 'offsetHeight';
     }
 
-    var parentSize = options.parentSize ? options.parentSize : function (parent) { return parent[parentDimension]; };
-
     // 3. Define the dragging helper functions, and a few helpers to go with them.
-    // Each helper is bound to a pair object that contains it's metadata. This
+    // Each helper is bound to a pair object that contains its metadata. This
     // also makes it easy to store references to listeners that that will be
     // added and removed.
     //
@@ -163,14 +181,18 @@ var Split = function (ids, options) {
         var style = elementStyle(dimension, size, gutSize);
 
         // eslint-disable-next-line no-param-reassign
-        Object.keys(style).forEach(function (prop) { return (el.style[prop] = style[prop]); });
+        Object.keys(style).forEach(function (prop) {
+            el.style[prop] = style[prop];
+        });
     }
 
     function setGutterSize (gutterElement, gutSize) {
         var style = gutterStyle(dimension, gutSize);
 
         // eslint-disable-next-line no-param-reassign
-        Object.keys(style).forEach(function (prop) { return (gutterElement.style[prop] = style[prop]); });
+        Object.keys(style).forEach(function (prop) {
+            gutterElement.style[prop] = style[prop];
+        });
     }
 
     // Actually adjust the size of elements `a` and `b` to `offset` while dragging.
@@ -207,6 +229,8 @@ var Split = function (ids, options) {
     // | <- this.start                                        this.size -> |
     function drag (e) {
         var offset;
+        var a = elements[this.a];
+        var b = elements[this.b];
 
         if (!this.dragging) { return }
 
@@ -222,10 +246,10 @@ var Split = function (ids, options) {
         // If within snapOffset of min or max, set offset to min or max.
         // snapOffset buffers a.minSize and b.minSize, so logic is opposite for both.
         // Include the appropriate gutter sizes to prevent overflows.
-        if (offset <= elements[this.a].minSize + snapOffset + this.aGutterSize) {
-            offset = elements[this.a].minSize + this.aGutterSize;
-        } else if (offset >= this.size - (elements[this.b].minSize + snapOffset + this.bGutterSize)) {
-            offset = this.size - (elements[this.b].minSize + this.bGutterSize);
+        if (offset <= a.minSize + snapOffset + this.aGutterSize) {
+            offset = a.minSize + this.aGutterSize;
+        } else if (offset >= this.size - (b.minSize + snapOffset + this.bGutterSize)) {
+            offset = this.size - (b.minSize + this.bGutterSize);
         }
 
         // Actually adjust the size.
@@ -233,9 +257,7 @@ var Split = function (ids, options) {
 
         // Call the drag callback continously. Don't do anything too intensive
         // in this callback.
-        if (options.onDrag) {
-            options.onDrag();
-        }
+        getOption(options, 'onDrag', NOOP)();
     }
 
     // Cache some important sizes when drag starts, so we don't have to do that
@@ -252,11 +274,15 @@ var Split = function (ids, options) {
     // ------------------------------------------------
     // | <- start                             size -> |
     function calculateSizes () {
+        // Figure out the parent size minus padding.
         var a = elements[this.a].element;
         var b = elements[this.b].element;
 
-        this.size = a[getBoundingClientRect]()[dimension] + b[getBoundingClientRect]()[dimension] + this.aGutterSize + this.bGutterSize;
-        this.start = a[getBoundingClientRect]()[position];
+        var aBounds = a[getBoundingClientRect]();
+        var bBounds = b[getBoundingClientRect]();
+
+        this.size = aBounds[dimension] + bBounds[dimension] + this.aGutterSize + this.bGutterSize;
+        this.start = aBounds[position];
     }
 
     // stopDragging is very similar to startDragging in reverse.
@@ -265,8 +291,8 @@ var Split = function (ids, options) {
         var a = elements[self.a].element;
         var b = elements[self.b].element;
 
-        if (self.dragging && options.onDragEnd) {
-            options.onDragEnd();
+        if (self.dragging) {
+            getOption(options, 'onDragEnd', NOOP)();
         }
 
         self.dragging = false;
@@ -275,14 +301,12 @@ var Split = function (ids, options) {
         global[removeEventListener]('mouseup', self.stop);
         global[removeEventListener]('touchend', self.stop);
         global[removeEventListener]('touchcancel', self.stop);
+        global[removeEventListener]('mousemove', self.move);
+        global[removeEventListener]('touchmove', self.move);
 
-        self.parent[removeEventListener]('mousemove', self.move);
-        self.parent[removeEventListener]('touchmove', self.move);
-
-        // Delete them once they are removed. I think this makes a difference
-        // in memory usage with a lot of splits on one page. But I don't know for sure.
-        delete self.stop;
-        delete self.move;
+        // Clear bound function references
+        self.stop = null;
+        self.move = null;
 
         a[removeEventListener]('selectstart', NOOP);
         a[removeEventListener]('dragstart', NOOP);
@@ -301,6 +325,7 @@ var Split = function (ids, options) {
 
         self.gutter.style.cursor = '';
         self.parent.style.cursor = '';
+        document.body.style.cursor = '';
     }
 
     // startDragging calls `calculateSizes` to store the inital size in the pair object.
@@ -313,8 +338,8 @@ var Split = function (ids, options) {
         var b = elements[self.b].element;
 
         // Call the onDragStart callback.
-        if (!self.dragging && options.onDragStart) {
-            options.onDragStart();
+        if (!self.dragging) {
+            getOption(options, 'onDragStart', NOOP)();
         }
 
         // Don't actually drag the element. We emulate that in the drag function.
@@ -332,9 +357,8 @@ var Split = function (ids, options) {
         global[addEventListener]('mouseup', self.stop);
         global[addEventListener]('touchend', self.stop);
         global[addEventListener]('touchcancel', self.stop);
-
-        self.parent[addEventListener]('mousemove', self.move);
-        self.parent[addEventListener]('touchmove', self.move);
+        global[addEventListener]('mousemove', self.move);
+        global[addEventListener]('touchmove', self.move);
 
         // Disable selection. Disable!
         a[addEventListener]('selectstart', NOOP);
@@ -352,10 +376,10 @@ var Split = function (ids, options) {
         b.style.MozUserSelect = 'none';
         b.style.pointerEvents = 'none';
 
-        // Set the cursor, both on the gutter and the parent element.
-        // Doing only a, b and gutter causes flickering.
+        // Set the cursor at multiple levels
         self.gutter.style.cursor = cursor;
         self.parent.style.cursor = cursor;
+        document.body.style.cursor = cursor;
 
         // Cache the initial sizes of the pair.
         calculateSizes.call(self);
@@ -381,68 +405,19 @@ var Split = function (ids, options) {
     // |           pair 0                pair 1             pair 2           |
     // |             |                     |                  |              |
     // -----------------------------------------------------------------------
-
-    var parentPixelSize = parentSize(parent);
-    var percentMinSizes = minSizes.map(function (pixels) { return (pixels / parentPixelSize) * 100; });
-
     var pairs = [];
-
-    // Determine the index of the flexible element
-    var flexible = options.flexible !== undefined ?
-        options.flexible :
-        sizes.reduce(function (iMax, x, i) { return (x > sizes[iMax] ? i : iMax); }, ids.length - 1);
-
-    // Accumulate surplus size that will be subtracted afterwards.
-    var surplus = 0;
-
-    // Increase each size to it's minSize, while tracking the added surplus
-    var adjustedSizes = sizes.map(function (size, i) {
-        if (size < percentMinSizes[i]) {
-            surplus += (percentMinSizes[i] - size);
-            return percentMinSizes[i]
-        }
-
-        return size
-    });
-
-    var gutterPercent = (gutterSize / parentPixelSize) * 100;
-    var flexibleGutterPercent = (flexible === 0 || flexible === ids.length - 1) ?
-        gutterPercent / 2 :
-        gutterPercent;
-
-    // If there is a surplus, accomodate it entirely in the flexible element,
-    // or, if greater than that, the remainder split among every other element.
-    var surplusSizes = !surplus ? adjustedSizes : adjustedSizes.map(function (size, i) {
-        // Case: Entire surplus fits in element
-        if (adjustedSizes[flexible] > surplus) {
-            if (i === flexible) {
-                return size - surplus
-            }
-            return size
-        }
-
-        // Case: Surplus doesn't fit in element, split among every other element too.
-        // Effectively zero's out the size of the element (set it to the gutter size).
-        if (i === flexible) {
-            return flexibleGutterPercent
-        }
-
-        // From the size, subtract a fraction of the surplus that didn't fit in the element
-        return size - (((surplus - adjustedSizes[flexible]) + flexibleGutterPercent) / (sizes.length - 1))
-    });
-
     elements = ids.map(function (id, i) {
         // Create the element object.
         var element = {
             element: elementOrSelector(id),
-            size: surplusSizes[i],
+            size: sizes[i],
             minSize: minSizes[i],
         };
 
         var pair;
 
         if (i > 0) {
-            // Create the pair object with it's metadata.
+            // Create the pair object with its metadata.
             pair = {
                 a: i - 1,
                 b: i,
@@ -501,6 +476,12 @@ var Split = function (ids, options) {
             setElementSize(element.element, element.size, gutterSize);
         }
 
+        var computedSize = element.element[getBoundingClientRect]()[dimension];
+
+        if (computedSize < element.minSize) {
+            element.minSize = computedSize;
+        }
+
         // After the first iteration, and we have a pair object, append it to the
         // list of pairs.
         if (i > 0) {
@@ -526,11 +507,14 @@ var Split = function (ids, options) {
         });
     }
 
-    function destroy () {
+    function destroy (preserve) {
         pairs.forEach(function (pair) {
             pair.parent.removeChild(pair.gutter);
-            elements[pair.a].element.style[dimension] = '';
-            elements[pair.b].element.style[dimension] = '';
+
+            if (preserve !== true) {
+                elements[pair.a].element.style[dimension] = '';
+                elements[pair.b].element.style[dimension] = '';
+            }
         });
     }
 
@@ -566,6 +550,8 @@ var Split = function (ids, options) {
             }
         },
         destroy: destroy,
+        parent: parent,
+        pairs: pairs,
     }
 };