chosen.scss 1.0.5beta → 1.0.6beta

Sign up to get free protection for your applications and to get access to all the features.
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: []