From 37786c4b9b9be40818205649fb614b5802a377f1 Mon Sep 17 00:00:00 2001
From: peterd <peter@dematte.at>
Date: Mon, 2 Feb 2015 15:21:33 +0100
Subject: [PATCH] added 'smaller' demo

---
 index.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/index.html b/index.html
index 0e48df9..9426e22 100644
--- a/index.html
+++ b/index.html
@@ -21,6 +21,7 @@ On all inputs with calssName 'color': <pre>$('input.color').colorPicker();</pre>
 		<option value="mobile">Mobile</option>
 		<option value="input">Input fields</option>
 		<option value="noalpha">Default without alpha</option>
+		<option value="small">Default but smaller</option>
 	</select>
 	(see index.js for more details...)
 </p>
@@ -186,6 +187,15 @@ window.myColorPicker = $('input.color').colorPicker({
 			opacity: false
 		};
 
+		// the default but smaller
+		plugin.small = {
+			customBG: '#222',
+			margin: '4px -2px',
+			cssAddon: // could also be in a css file instead
+				'.cp-xy-slider{width:100px; height:100px;}' +
+				'.cp-z-slider{height:100px;}'
+		};
+
 
 
 		pluginSelect.value = type;