jquery-ui-sass-rails 4.0.2.0 → 4.0.2.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +12 -3
- data/Rakefile +1 -1
- data/app/assets/stylesheets/jquery.ui.all.css.scss +2 -2
- data/app/assets/stylesheets/jquery.ui.base.css.scss +14 -14
- data/lib/jquery/ui/sass/rails/version.rb +1 -1
- metadata +4 -4
data/README.md
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
This gem packages the jQuery UI 1.10.2 stylesheets in **Sass format (SCSS syntax)** for the Rails 3.1+ [asset
|
4
4
|
pipeline](http://guides.rubyonrails.org/asset_pipeline.html).
|
5
5
|
|
6
|
-
It complements the [jquery-ui-rails](https://github.com/joliss/jquery-ui-rails) gem, which already packages all the plain jQuery UI assets (javascript, css, images), by additionally providing the jQuery UI stylesheets in Sass format allowing much easier customization through Sass variables. It overwrites the plain CSS stylesheets from `jquery-ui-rails
|
6
|
+
It complements the [jquery-ui-rails](https://github.com/joliss/jquery-ui-rails) gem, which already packages all the plain jQuery UI assets (javascript, css, images), by additionally providing the jQuery UI stylesheets in Sass format allowing much easier customization through Sass variables. It overwrites the plain CSS stylesheets from `jquery-ui-rails` and leaves everything else untouched.
|
7
7
|
|
8
8
|
|
9
9
|
## Installation
|
@@ -16,7 +16,7 @@ gem 'jquery-ui-sass-rails'
|
|
16
16
|
|
17
17
|
## Sass Stylesheets
|
18
18
|
|
19
|
-
Unlike recommended in `jquery-ui-rails` you should always use Sass's `@import` over of Sprocket's `= require`, just as the official `sass-rails` gem [recommends it](https://github.com/rails/sass-rails#important-note).
|
19
|
+
Unlike recommended in `jquery-ui-rails` for stylesheets you should always use Sass's `@import` over of Sprocket's `= require`, just as the official `sass-rails` gem [recommends it](https://github.com/rails/sass-rails#important-note).
|
20
20
|
|
21
21
|
So the way you import the stylesheets would be something like this:
|
22
22
|
|
@@ -28,6 +28,14 @@ So the way you import the stylesheets would be something like this:
|
|
28
28
|
@import jquery.ui.datepicker // import all the modules you need
|
29
29
|
```
|
30
30
|
|
31
|
+
If you want to include the full jQuery UI CSS, you can do:
|
32
|
+
|
33
|
+
```sass
|
34
|
+
// app/assets/stylesheets/application.css.sass
|
35
|
+
|
36
|
+
@import jquery.ui.all
|
37
|
+
```
|
38
|
+
|
31
39
|
The big advantage that the jQuery UI stylesheets have been converted to Sass in this gem is that you now have a super easy way to customize the jQuery UI themes using simple Sass variables. You simply need to specify your own values **before** you import the `jquery.ui.theme` stylesheet:
|
32
40
|
|
33
41
|
```sass
|
@@ -40,7 +48,8 @@ $bgColorContent: purple // set custom value for jQueryUI variable
|
|
40
48
|
@import jquery.ui.datepicker
|
41
49
|
```
|
42
50
|
|
43
|
-
For a list of all jQuery UI variables check out: https://github.com/jhilden/jquery-ui-sass-rails/blob/master/app/assets/stylesheets/_jquery.ui.
|
51
|
+
For a list of all jQuery UI variables check out: https://github.com/jhilden/jquery-ui-sass-rails/blob/master/app/assets/stylesheets/themes/_jquery.ui.base.css.scss
|
52
|
+
|
44
53
|
|
45
54
|
## Themes
|
46
55
|
|
data/Rakefile
CHANGED
@@ -39,7 +39,7 @@ task :convert_to_scss do
|
|
39
39
|
"@import 'themes/jquery.ui.base';\n"
|
40
40
|
|
41
41
|
elsif source_file.end_with?('jquery.ui.all.css.erb') || source_file.end_with?('jquery.ui.base.css.erb')
|
42
|
-
match.gsub!(
|
42
|
+
match.gsub!(/ \*= require ([a-z\.]+)/) { "@import '#{$1}';" }
|
43
43
|
match.gsub!(/\/\*| \*\//, '')
|
44
44
|
|
45
45
|
else
|
@@ -9,19 +9,19 @@
|
|
9
9
|
* http://docs.jquery.com/UI/Theming
|
10
10
|
*/
|
11
11
|
|
12
|
-
@import jquery.ui.core
|
12
|
+
@import 'jquery.ui.core';
|
13
13
|
|
14
|
-
@import jquery.ui.accordion
|
15
|
-
@import jquery.ui.autocomplete
|
16
|
-
@import jquery.ui.button
|
17
|
-
@import jquery.ui.datepicker
|
18
|
-
@import jquery.ui.dialog
|
19
|
-
@import jquery.ui.menu
|
20
|
-
@import jquery.ui.progressbar
|
21
|
-
@import jquery.ui.resizable
|
22
|
-
@import jquery.ui.selectable
|
23
|
-
@import jquery.ui.slider
|
24
|
-
@import jquery.ui.spinner
|
25
|
-
@import jquery.ui.tabs
|
26
|
-
@import jquery.ui.tooltip
|
14
|
+
@import 'jquery.ui.accordion';
|
15
|
+
@import 'jquery.ui.autocomplete';
|
16
|
+
@import 'jquery.ui.button';
|
17
|
+
@import 'jquery.ui.datepicker';
|
18
|
+
@import 'jquery.ui.dialog';
|
19
|
+
@import 'jquery.ui.menu';
|
20
|
+
@import 'jquery.ui.progressbar';
|
21
|
+
@import 'jquery.ui.resizable';
|
22
|
+
@import 'jquery.ui.selectable';
|
23
|
+
@import 'jquery.ui.slider';
|
24
|
+
@import 'jquery.ui.spinner';
|
25
|
+
@import 'jquery.ui.tabs';
|
26
|
+
@import 'jquery.ui.tooltip';
|
27
27
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jquery-ui-sass-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.0.2.
|
4
|
+
version: 4.0.2.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-
|
12
|
+
date: 2013-05-13 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: railties
|
@@ -426,7 +426,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
426
426
|
version: '0'
|
427
427
|
segments:
|
428
428
|
- 0
|
429
|
-
hash:
|
429
|
+
hash: 1967109973726213215
|
430
430
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
431
431
|
none: false
|
432
432
|
requirements:
|
@@ -435,7 +435,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
435
435
|
version: 1.3.6
|
436
436
|
requirements: []
|
437
437
|
rubyforge_project:
|
438
|
-
rubygems_version: 1.8.
|
438
|
+
rubygems_version: 1.8.23
|
439
439
|
signing_key:
|
440
440
|
specification_version: 3
|
441
441
|
summary: jQuery UI stylesheets packaged as Sass files for the Rails asset pipeline
|