[Pkg-javascript-commits] [jquery-minicolors] 10/28: Added link to non-Bootstrap demo

[David Prévot]

This is an automated email from the git hooks/post-receive script.

taffit pushed a commit to branch master
in repository jquery-minicolors.

commit be7af6db9117b7fa76e4fc40b6e09cc056dabe0e
Author: Cory LaViska <cory at abeautifulsite.net>
Date:   Thu Aug 8 13:43:16 2013 -0400

    Added link to non-Bootstrap demo
---
 index.html |   36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 01b4423..c819257 100644
--- a/index.html
+++ b/index.html
@@ -123,6 +123,15 @@
 			
 			<!-- Demos -->
 			<h2 id="demos">Demos</h2>
+			<p>
+				This is the main demo page, which uses <a href="http://getbootstrap.com/">Bootstrap 3</a>,
+				but this plugin works without Bootstrap as well.
+			</p>
+			<p>
+				<a href="without-bootstrap.html" class="btn btn-primary">View Demo Without Bootstrap</a>
+			</p>
+			
+			<!-- Control types -->
 			<h3>Control Types</h3>
 			<div class="well">
 				<div class="row">
@@ -400,8 +409,33 @@ $.minicolors.defaults = $.extend($.minicolors.defaults, {
 				<dd>
 					<p>
 						A string containing the name of the custom theme to be applied. In your CSS, prefix 
-						your selectors like this: <code>.minicolors-theme-yourThemeName { ... }</code>
+						your selectors like this:
+					</p>
+<pre>
+.minicolors-theme-yourThemeName { ... }
+</pre>
+					<p>
+						If you are using the default theme, you will probably need to adjust the swatch 
+						styles depending on your existing stylesheet rules. Version 2.1 removes as much 
+						styling on the <code>input</code> element as possible, which means it’s up to 
+						you to adjust your CSS to make sure the swatch aligns properly.
+					</p>
+					<p>
+						To adjust the swatch, override these styles:
 					</p>
+<pre>
+.minicolors-theme-default .minicolors-swatch {
+	top: 5px;
+	left: 5px;
+	width: 18px;
+	height: 18px;	
+}
+.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
+	left: auto;
+	right: 5px;
+}
+</pre>
+					</div>
 				</dd>
 			</dl>
 			

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/jquery-minicolors.git