chosen.scss 1.0.5beta → 1.0.6beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/README.md ADDED
@@ -0,0 +1,87 @@
1
+ Chosen.scss
2
+ ===========
3
+ Chosen.scss is a compass implementation of [Chosen](http://harvesthq.github.com/chosen/). It is currently based on Chosen `0.9.7`
4
+ This is currently in version [`1.0.5beta`](https://rubygems.org/gems/chosen.scss) but *is* __production ready__
5
+
6
+ Installation
7
+ ------------
8
+ Install the gem:
9
+
10
+ gem install compass.scss --pre
11
+
12
+ Add the following line to the top of your `config.rb`:
13
+
14
+ require 'chosen.scss'
15
+
16
+ And install the extension:
17
+
18
+ compass install chosen.scss
19
+
20
+ Usage
21
+ -----
22
+ Either import all of the Chosen css:
23
+
24
+ @import "chosen";
25
+
26
+ Or import the bits you need:
27
+
28
+ //ALWAYS import base styles:
29
+ @import "chosen/chosen-base"; //Which will import chosen/chosen-mixins -> see methods beneath
30
+
31
+ //Then import any of these as needed:
32
+ @import "chosen/chosen-single";
33
+ @import "chosen/chosen-multi";
34
+ @import "chosen/chosen-rtl";
35
+
36
+ chosen-mixins
37
+ -------------
38
+ Be aware that chosen.css comes with a set of predefined mixins that are needed internally.
39
+ They are as follows:
40
+
41
+ * * *
42
+
43
+ ####`linear-gradient($colorStops, $direction: top, $legacyColorStop: 1, $ieColorStops: '')`
44
+ #####Params:
45
+ * `$colorStops`: A list of color stops and their position
46
+ * `$direction`: `top|bottom|left|right`
47
+ * `$legacyColorStop`: index in the list that will be used as background-color
48
+ * `$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
49
+
50
+ #####Example:
51
+
52
+ @include linear-gradient((#f00 0%, #0f0 50%, #00f 100%), top, 1, 1 2); //Uses the first and second color stop for IE
53
+
54
+ * * *
55
+
56
+ ####`dimensions($dimensions)`
57
+ #####Params:
58
+ * `$dimensions`: A list with width and then height.
59
+
60
+ #####Example:
61
+
62
+ @include dimensions(200px auto); //200px wide, height auto
63
+
64
+ * * *
65
+
66
+ ####`block($dimensions)`
67
+ Adds display:block;` to above mixin. Made for ease of reading scss styles.
68
+ #####Params:
69
+ see dimensions mixin
70
+
71
+ * * *
72
+
73
+ ####`pos($type, $position)`
74
+ Inspired by Stylus Compass equivilant nib's pos mixin
75
+ #####Params:
76
+ * `$type`: `absolute|fixed|relative|static|inherit`
77
+ * `$position`: List of positions. See examples for `absolute()`, `fixed()`, `relative()`
78
+
79
+ * * *
80
+
81
+ ####`fixed($position)`, `relative($position)`, `absolute($position)`
82
+ All 'child' mixins of `pos()`. Made for ease of reading scss styles.
83
+ #####Example(s):
84
+
85
+ @include absolute(top right); //Absolutely positions an element in the top right corner
86
+ @include relative(top 15px left -20px); //Relativly positions an element 15px down and 20px left
87
+ @include fixed(top left 20px); //Fixes a postion at coordinates (0, 20), which is in the top and 20 px in from the left
@@ -4,7 +4,7 @@
4
4
  //Or import specific components:
5
5
  //ALWAYS import base styles:
6
6
  @import "chosen/chosen-base"; //Which will import chosen/chosen-mixins -> see methods beneath
7
- //Then import any of these on a need basis:
7
+ //Then import any of these as needed:
8
8
  @import "chosen/chosen-single";
9
9
  @import "chosen/chosen-multi";
10
10
  @import "chosen/chosen-rtl";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: chosen.scss
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.5beta
4
+ version: 1.0.6beta
5
5
  prerelease: 5
6
6
  platform: ruby
7
7
  authors:
@@ -13,7 +13,7 @@ date: 2012-04-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
16
- requirement: &70324066984200 !ruby/object:Gem::Requirement
16
+ requirement: &70161454232720 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,13 +21,14 @@ dependencies:
21
21
  version: '0.11'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70324066984200
25
- description: A sass implementation of Chosen for Compass
24
+ version_requirements: *70161454232720
25
+ description: ! 'Read more over at github: https://github.com/tixz/chosen.scss'
26
26
  email: compass@tixz.dk
27
27
  executables: []
28
28
  extensions: []
29
29
  extra_rdoc_files: []
30
30
  files:
31
+ - README.md
31
32
  - lib/chosen.scss.rb
32
33
  - stylesheets/_chosen.scss
33
34
  - stylesheets/chosen/_chosen-base.scss
@@ -62,5 +63,5 @@ rubyforge_project:
62
63
  rubygems_version: 1.8.11
63
64
  signing_key:
64
65
  specification_version: 3
65
- summary: A sass implementation of Chosen for Compass
66
+ summary: Chosen.scss is a compass implementation of Chosen
66
67
  test_files: []