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 +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: []
|