chosen.scss 1.0.4beta → 1.0.5beta

data/stylesheets/chosen/_chosen-base.scss

@@ -1,5 +1,6 @@
 @import "compass/css3/inline-block";
 @import "compass/css3/box-shadow";
+@import "chosen-mixins";
 
 .chzn-container {
 	font-size: 13px;

data/stylesheets/chosen/_chosen-mixins.scss

@@ -0,0 +1,62 @@
+@mixin linear-gradient($colorStops, $direction: top, $legacyColorStop: 1, $ieColorStops: '')
+{
+	@if $ieColorStops == ''
+	{
+		$ieColorStops: 1 length($colorStops);
+	}
+
+	$ieGradientType: if($direction == top or $direction == bottom, 0, 1);
+
+	background-color: nth(nth($colorStops, $legacyColorStop), 1);
+	@include has-layout;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{ie-hex-str(nth(nth($colorStops, nth($ieColorStops, 1)), 1))}', endColorstr='#{ie-hex-str(nth(nth($colorStops, nth($ieColorStops, 2)), 1))}', GradientType=#{$ieGradientType});   
+	@include background(linear-gradient($direction, $colorStops));
+}
+
+@mixin dimensions($dimensions)
+{
+	width: nth($dimensions, 1);
+	height: nth($dimensions, 2);
+}
+
+@mixin block($dimensions: 100% 100%)
+{
+	display: block;
+	@include dimensions($dimensions);
+}
+
+@mixin pos($type, $position)
+{
+	position: unquote($type);
+	@for $i from 1 through length($position)
+	{
+		@if type-of(nth($position, $i)) != 'number'
+		{
+			$coord: 0;
+			$tmp: $i;
+
+			@if $i < length($position) and type-of(nth($position, $i+1)) != 'string'
+			{
+				$coord: nth($position, $i+1);
+				$tmp: $i + 1;
+			}
+
+			#{nth($position, $i)}: $coord;
+			$i: $tmp;
+		}
+	}
+}
+	
+
+@mixin fixed($position)
+{
+	@include pos('fixed', $position);
+}
+@mixin absolute($position)
+{
+	@include pos('absolute', $position);
+}
+@mixin relative($position)
+{
+	@include pos('relative', $position);
+}

data/templates/project/chosen-README.scss

@@ -3,8 +3,49 @@
 
 //Or import specific components:
 //ALWAYS import base styles:
-@import "chosen/chosen-base";
+@import "chosen/chosen-base"; //Which will import chosen/chosen-mixins -> see methods beneath
 //Then import any of these on a need basis:
 @import "chosen/chosen-single";
 @import "chosen/chosen-multi";
-@import "chosen/chosen-rtl";
+@import "chosen/chosen-rtl";
+
+//chosen-mixins contains the following mixins:
+//
+//	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
+//
+//		Example:
+//		
+//		@include linear-gradient((#f00 0%, #0f0 50%, #00f 100%), top, 1, 1 2); //Uses the first and second color stop for IE
+//
+//	dimensions($dimensions)
+//		Params:
+//			$dimensions: A list with width and then height.
+//
+//		Example:
+//
+//		@include dimensions(200px auto); //200px wide, height auto
+//
+//	block($dimensions)
+//		Adds display:block to above mixin. Made for ease of reading scss styles.
+//		Params:
+//			see dimensions mixin
+//
+//	pos($type, $position)
+//		Inspired by Stylus Compass equivilant nib's pos mixin
+//
+//		Params:
+//			$type: absolute|fixed|relative|static|inherit
+//			$position: List of positions. See examples for absolute(), fixed(), relative()
+//
+//	fixed($position), relative($position), absolute($position)
+//		All 'child' mixins of pos(). Made for ease of reading scss styles.
+//
+//		Example(s):
+//			@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//

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: chosen.scss
 version: !ruby/object:Gem::Version
-  version: 1.0.4beta
+  version: 1.0.5beta
   prerelease: 5
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-04-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
-  requirement: &70165648341340 !ruby/object:Gem::Requirement
+  requirement: &70324066984200 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,9 +21,9 @@ dependencies:
         version: '0.11'
   type: :runtime
   prerelease: false
-  version_requirements: *70165648341340
-description: a sass implementation of Chosen for compass
-email: chosen+scss@tixz.dk
+  version_requirements: *70324066984200
+description: A sass implementation of Chosen for Compass
+email: compass@tixz.dk
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -31,6 +31,7 @@ files:
 - lib/chosen.scss.rb
 - stylesheets/_chosen.scss
 - stylesheets/chosen/_chosen-base.scss
+- stylesheets/chosen/_chosen-mixins.scss
 - stylesheets/chosen/_chosen-multi.scss
 - stylesheets/chosen/_chosen-rtl.scss
 - stylesheets/chosen/_chosen-single.scss
@@ -61,5 +62,5 @@ rubyforge_project:
 rubygems_version: 1.8.11
 signing_key: 
 specification_version: 3
-summary: a sass implementation of Chosen for compass
+summary: A sass implementation of Chosen for Compass
 test_files: []