chosen.scss 1.0.8 → 1.0.9

data/README.md

@@ -1,13 +1,13 @@
 Chosen.scss
 ===========
 Chosen.scss is a compass implementation of [Chosen](http://harvesthq.github.com/chosen/). It is currently based on Chosen `0.9.8`
-This is currently in version [`1.0.8`](https://rubygems.org/gems/chosen.scss) but *is* __production ready__
+This is currently in version [`1.0.8`](https://rubygems.org/gems/chosen.scss) and *is* __production ready__.
 
 Installation
 ------------
 Install the gem:
 
-    gem install compass.scss --pre
+    gem install chosen.scss
 
 Add the following line to the top of your `config.rb`:
 
@@ -26,7 +26,7 @@ Either import all of the Chosen css:
 Or import the bits you need:
 
 	//ALWAYS import base styles:
-	@import "chosen/chosen-base"; //Which will import chosen/chosen-mixins -> see methods beneath
+	@import "chosen/chosen-base"; //Which will import chosen/chosen-mixins -> see mixins beneath
 	
 	//Then import any of these as needed:
 	@import "chosen/chosen-single";
@@ -42,10 +42,10 @@ They are as follows:
 
 ####`linear-gradient($colorStops, $direction: top, $legacyColorStop: 1, $ieColorStops: '')`
 #####Params:
-* `$colorStops`: A list of color stops and their position
-* `$direction`: `top|bottom|left|right`
-* `$legacyColorStop`: index in the list that will be used as background-color
-* `$ieColorStops`: The two color stops from the list that will be used for IE. Default is first and last. Other Example: ´2 4´. This should be a SASS list
+* `$colorStops`: A list of color stops and their position.
+* `$direction`: `top|bottom|left|right`.
+* `$legacyColorStop`: index in the list that will be used as `background-color`.
+* `$ieColorStops`: The two color stops from the list that will be used for IE. Default is first and last. Other Example: `2 4`. This should be a SASS list.
 
 #####Example:
 
@@ -55,7 +55,7 @@ They are as follows:
 
 ####`dimensions($dimensions)`
 #####Params:
-* `$dimensions`: A list with width and then height.
+* `$dimensions`: A list with `width` and then `height`.
 
 #####Example:
 
@@ -64,17 +64,17 @@ They are as follows:
 * * *
 
 ####`block($dimensions)`
-Adds display:block;` to above mixin. Made for ease of reading scss styles.
+Adds `display:block;` to above mixin. Made for ease of reading scss styles.
 #####Params:
-see dimensions mixin
+* See dimensions mixin.
 
 * * *
 
 ####`pos($type, $position)`
-Inspired by Stylus Compass equivilant nib's pos mixin
+Inspired by Stylus' Compass equivilant, nib, pos mixin.
 #####Params:
-* `$type`: `absolute|fixed|relative|static|inherit`
-* `$position`: List of positions. See examples for `absolute()`, `fixed()`, `relative()`
+* `$type`: `absolute|fixed|relative|static|inherit`.
+* `$position`: List of positions. See examples for `absolute()`, `fixed()`, `relative()`.
 
 * * *
 
@@ -84,4 +84,4 @@ All 'child' mixins of `pos()`. Made for ease of reading scss styles.
 
 	@include absolute(top right); //Absolutely positions an element in the top right corner
 	@include relative(top 15px left -20px); //Relativly positions an element 15px down and 20px left
-	@include fixed(top left 20px); //Fixes a postion at coordinates (0, 20), which is in the top and 20 px in from the left
+	@include fixed(top left 20px); //Fixes a postion at coordinates (0, 20), which is in the top and 20 px in from the left

data/stylesheets/_chosen.scss

@@ -1,4 +1,6 @@
+$base-class: chzn !default;
+
 @import "chosen/chosen-base";
 @import "chosen/chosen-single";
 @import "chosen/chosen-multi";
-@import "chosen/chosen-rtl";
+@import "chosen/chosen-rtl";

data/stylesheets/chosen/_chosen-base.scss

@@ -2,12 +2,12 @@
 @import "compass/css3/box-shadow";
 @import "chosen-mixins";
 
-.chzn-container {
+.#{$base-class}-container {
 	font-size: 13px;
 	position: relative;
 	@include inline-block;
 
-	.chzn-drop {
+	.#{$base-class}-drop {
 		background: #fff;
 		border: 1px solid #aaa;
 		border-top: 0;
@@ -16,7 +16,7 @@
 		z-index: 999;
 	}
 
-	.chzn-results {
+	.#{$base-class}-results {
 		margin: 0 4px 4px 0;
 		max-height: 240px;
 		padding: 0 0 0 4px;
@@ -29,7 +29,7 @@
 			padding: 5px 6px;
 			margin: 0;
 			list-style: none;
-			
+
 			em {
 				background: #feffde;
 				font-style: normal;
@@ -61,7 +61,7 @@
 		}
 	}
 
-	.chzn-results-scroll {
+	.#{$base-class}-results-scroll {
 		background: #fff;
 		margin: 0 4px;
 		position: absolute;
@@ -77,7 +77,7 @@
 
 	}
 
-	.chzn-results-scroll-down {
+	.#{$base-class}-results-scroll-down {
 		bottom: 0;
 
 		span {
@@ -85,14 +85,14 @@
 		}
 	}
 
-	.chzn-results-scroll-up {
+	.#{$base-class}-results-scroll-up {
 		span {
 			background: image-url('chosen/chosen-sprite.png') -22px -3px no-repeat;
 		}
 	}
 }
 
-.chzn-disabled {
+.#{$base-class}-disabled {
 	cursor: default;
 	opacity: 0.5 !important;
-}
+}

data/stylesheets/chosen/_chosen-multi.scss

@@ -1,5 +1,5 @@
-.chzn-container-multi {
-	.chzn-choices {
+.#{$base-class}-container-multi {
+	.#{$base-class}-choices {
 		@include linear-gradient((#eee 1%, #fff 15%));
 		border: 1px solid #aaa;
 		margin: 0;
@@ -9,7 +9,7 @@
 		height: auto !important;
 		height: 1%;
 		position: relative;
-		
+
 		li {
 			float: left;
 			list-style: none;
@@ -63,27 +63,27 @@
 		}
 		.search-choice-focus {
 			background: #d4d4d4;
-			
+
 			.search-choice-close {
 				background-position: right -11px;
 			}
 		}
 	}
 
-	.chzn-drop {
+	.#{$base-class}-drop {
 		.result-selected {
 			display: none;
 		}
 	}
 
-	.chzn-results {
+	.#{$base-class}-results {
 		margin: -1px 0 0;
 		padding: 0;
 	}
 }
 
-.chzn-container-active {
-	.chzn-choices {
+.#{$base-class}-container-active {
+	.#{$base-class}-choices {
 		@include box-shadow(0 0 5px rgba(0,0,0,.3));
 		border: 1px solid #5897fb;
 
@@ -93,8 +93,8 @@
 	}
 }
 
-.chzn-disabled {
-	.chzn-choices .search-choice .search-choice-close {
+.#{$base-class}-disabled {
+	.#{$base-class}-choices .search-choice .search-choice-close {
 		cursor: default;
 	}
-}
+}

data/stylesheets/chosen/_chosen-rtl.scss

@@ -1,7 +1,7 @@
-.chzn-rtl {
+.#{$base-class}-rtl {
 	text-align: right;
 
-	.chzn-single {
+	.#{$base-class}-single {
 		padding: 0 8px 0 0;
 		overflow: visible;
 
@@ -20,7 +20,7 @@
 		}
 	}
 
-	.chzn-choices {
+	.#{$base-class}-choices {
 		.search-field input {
 			direction: rtl;
 		}
@@ -38,21 +38,21 @@
 		}
 	}
 
-	&.chzn-container-single .chzn-results {
+	&.#{$base-class}-container-single .#{$base-class}-results {
 		margin: 0 0 4px 4px;
 		padding: 0 4px 0 0;
 	}
 
-	.chzn-results .group-option {
+	.#{$base-class}-results .group-option {
 		padding-left: 0;
 		padding-right: 15px;
 	}
 
-	&.chzn-container-active .chzn-single-with-drop div { border-right: none;}
+	&.#{$base-class}-container-active .#{$base-class}-single-with-drop div { border-right: none;}
 
-	.chzn-search input {
+	.#{$base-class}-search input {
 		padding: 4px 5px 4px 20px;
 		direction: rtl;
 		@include background(image-url('chosen/chosen-sprite.png') -38 -22px no-repeat, linear-gradient(top, #eee 1%, #fff 15%));
 	}
-}
+}

data/stylesheets/chosen/_chosen-single.scss

@@ -9,8 +9,8 @@ $use-mozilla-ellipsis-binding: true;
 
 @import "compass/typography/text/ellipsis";
 
-.chzn-container-single {
-	.chzn-single {
+.#{$base-class}-container-single {
+	.#{$base-class}-single {
 		@include linear-gradient((#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%), top, 1, 1 3);
 		@include border-radius(5px);
 		@include background-clip;
@@ -52,7 +52,7 @@ $use-mozilla-ellipsis-binding: true;
 		}
 	}
 
-	.chzn-search {
+	.#{$base-class}-search {
 			padding: 3px 4px;
 			position: relative;
 			margin: 0;
@@ -62,7 +62,7 @@ $use-mozilla-ellipsis-binding: true;
 			input {
 				background: #fff image-url('chosen/chosen-sprite.png') 100% -22px no-repeat;
 				@include background(
-					image-url('chosen/chosen-sprite.png') 100% -22px no-repeat, 
+					image-url('chosen/chosen-sprite.png') 100% -22px no-repeat,
 					linear-gradient(top, #eee 1%, #fff 15%));
 				margin: 1px 0;
 				padding: 4px 20px 4px 5px;
@@ -76,22 +76,22 @@ $use-mozilla-ellipsis-binding: true;
 			}
 		}
 
-		.chzn-drop {
+		.#{$base-class}-drop {
 			@include border-radius(0 0 4px 4px);
 			@include background-clip;
 		}
 }
 
-.chzn-container-single-nosearch .chzn-search input {
+.#{$base-class}-container-single-nosearch .#{$base-class}-search input {
 	@include absolute(left -9000px);
 }
 
-.chzn-container-active {
-	.chzn-single {
+.#{$base-class}-container-active {
+	.#{$base-class}-single {
 		@include box-shadow(0 0 5px rgba(0,0,0, .3));
 		border: 1px solid #5897fb;
 	}
-	.chzn-single-with-drop {
+	.#{$base-class}-single-with-drop {
 		border: 1px solid #aaa;
 		@include box-shadow(0 1px 0 #fff inset);
 		@include linear-gradient((#eee 20%, #fff 80%));
@@ -109,8 +109,8 @@ $use-mozilla-ellipsis-binding: true;
 	}
 }
 
-.chzn-disabled {
-	.chzn-single {
+.#{$base-class}-disabled {
+	.#{$base-class}-single {
 		cursor: default;
 	}
-}
+}

metadata

@@ -1,19 +1,19 @@
 --- !ruby/object:Gem::Specification
 name: chosen.scss
 version: !ruby/object:Gem::Version
-  version: 1.0.8
+  version: 1.0.9
   prerelease: 
 platform: ruby
 authors:
-- Emil Melgaard
+- Emil Bay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-04-02 00:00:00.000000000 Z
+date: 2013-02-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
-  requirement: &70148774708820 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,12 @@ dependencies:
         version: '0.11'
   type: :runtime
   prerelease: false
-  version_requirements: *70148774708820
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
 description: ! 'Read more over at github: https://github.com/tixz/chosen.scss'
 email: compass@tixz.dk
 executables: []
@@ -60,7 +65,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.11
+rubygems_version: 1.8.24
 signing_key: 
 specification_version: 3
 summary: Chosen.scss is a compass implementation of Chosen