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 +87 -0
- data/templates/project/chosen-README.scss +1 -1
- metadata +6 -5
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
|
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.
|
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: &
|
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: *
|
25
|
-
description:
|
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:
|
66
|
+
summary: Chosen.scss is a compass implementation of Chosen
|
66
67
|
test_files: []
|