polymer-rails 0.1.8 → 0.1.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +26 -4
- data/app/assets/javascripts/polymer/layout.html +2 -2
- data/app/assets/javascripts/polymer/platform.js +6 -6
- data/app/assets/javascripts/polymer/polymer.js +4 -4
- data/lib/polymer-rails/engine.rb +0 -13
- data/lib/polymer-rails/railtie.rb +19 -0
- data/lib/polymer-rails/version.rb +1 -1
- data/lib/polymer-rails.rb +1 -0
- metadata +12 -11
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: dd5a510d75e8e7cfcfc0246011b9880587b857b4
|
|
4
|
+
data.tar.gz: 6db0ec455525457777f09695d25aafbb16168937
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 443cc85bb6c92b01b508d4477722ab8e0703ca9c8215579fd9a15502d2f4caece067cfca131c435cb7f84538f4d9d47599ba5ee1e43291e54fce9c1a47287e8a
|
|
7
|
+
data.tar.gz: 58ab08303ef5c3c8eb0d8958147962a4bf92cfe6965f7167e2ead856f0ba9dc97a998ec89fdb17525ea24f4abef4f8340566d7b7c8a638b27467fec65f5d134c
|
data/README.md
CHANGED
|
@@ -20,21 +20,43 @@ Or install it yourself as:
|
|
|
20
20
|
|
|
21
21
|
## Usage
|
|
22
22
|
|
|
23
|
+
#### Installation
|
|
24
|
+
|
|
23
25
|
$ rails g polymer:install
|
|
24
26
|
|
|
25
|
-
This generator adds `//= require polymer/platform` into `application` manifest file
|
|
26
|
-
`app/assets/components` and `
|
|
27
|
+
- This generator adds `//= require polymer/platform` into `application.js` manifest file
|
|
28
|
+
- Creates `app/assets/components` and `application.html` manifest file where you can include all your components.
|
|
29
|
+
- Creates `vendor/assets/components` directory for third-party web components.
|
|
30
|
+
|
|
31
|
+
After running `rails g polymer:install`, add `<%= html_import_tag 'application'%>` line into your layout,
|
|
32
|
+
to import web components manifest to your app.
|
|
33
|
+
|
|
34
|
+
#### Creating a component
|
|
27
35
|
|
|
28
36
|
$ rails g polymer:component <component-name>
|
|
29
37
|
|
|
30
|
-
This generates new `<component-name>` component directory and .html file of the same name under `app/assets/components`
|
|
38
|
+
This generates new `<component-name>` component directory and .html file of the same name under `app/assets/components` folder.
|
|
39
|
+
|
|
40
|
+
Add your component to manifest file after requiring polymer:
|
|
41
|
+
|
|
42
|
+
//
|
|
43
|
+
//= require polymer/polymer
|
|
44
|
+
//= require component-name/component-name
|
|
31
45
|
|
|
32
|
-
|
|
46
|
+
And you can use your component in Rails application!
|
|
47
|
+
|
|
48
|
+
## Example
|
|
33
49
|
|
|
34
50
|
See example Rails application here [http://polymer-rails-example.herokuapp.com/](http://polymer-rails-example.herokuapp.com/)
|
|
35
51
|
|
|
36
52
|
Source code can be found here [https://github.com/alchapone/polymer-rails-example](https://github.com/alchapone/polymer-rails-example)
|
|
37
53
|
|
|
54
|
+
## Learn more
|
|
55
|
+
|
|
56
|
+
Polymer team is working on set of core element which you can learn more about here http://www.polymer-project.org/docs/elements/core-elements.html
|
|
57
|
+
|
|
58
|
+
Also you can check out http://customelements.io/ or http://component.kitchen/ to see what components are already built by community.
|
|
59
|
+
|
|
38
60
|
## Contributing
|
|
39
61
|
|
|
40
62
|
1. Fork it ( http://github.com/alchapone/polymer-rails/fork )
|
|
@@ -157,7 +157,7 @@ html /deep/ [layout][start] {
|
|
|
157
157
|
align-items: flex-start;
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
html /deep/ [layout][center] {
|
|
160
|
+
html /deep/ [layout][center], html /deep/ [layout][center-center] {
|
|
161
161
|
-ms-flex-align: center;
|
|
162
162
|
-webkit-align-items: center;
|
|
163
163
|
align-items: center;
|
|
@@ -177,7 +177,7 @@ html /deep/ [layout][start-justified] {
|
|
|
177
177
|
justify-content: flex-start;
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
html /deep/ [layout][center-justified] {
|
|
180
|
+
html /deep/ [layout][center-justified], html /deep/ [layout][center-center] {
|
|
181
181
|
-ms-flex-pack: center;
|
|
182
182
|
-webkit-justify-content: center;
|
|
183
183
|
justify-content: center;
|