famous-angular-rails 1.0.0 → 1.0.1
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.
- checksums.yaml +4 -4
- data/README.md +29 -0
- data/lib/famous/angular/rails/version.rb +1 -1
- data/vendor/assets/stylesheets/famous-angular.css +75 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: cc4bb30177ffe6ef463bb5a0035e72647f486532
|
|
4
|
+
data.tar.gz: a7f38fa0c110b78e0328526a4586a1ba460b3350
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9df248bf577d32dc4aa928c51217aafa757f11242b22d7438279c4d5394eb91209dc222ebb1f9d849e8ea122135cb55246697d57d552b2c7f88d37ba75fe53b2
|
|
7
|
+
data.tar.gz: e9e565e5d0f5a32972f4759f7e9196d15449fa87e209af911675555014dfd076905a4398903c814fa9719b8d002950d97d152fb9f95d7d83de00138744d8e866
|
data/README.md
CHANGED
|
@@ -24,6 +24,33 @@ To use only Famo.US add this line to your application.js file:
|
|
|
24
24
|
//= require famous
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
+
Example from Famo.us University.
|
|
28
|
+
|
|
29
|
+
```js
|
|
30
|
+
var Engine = famous.core.Engine
|
|
31
|
+
var Surface = famous.core.Surface
|
|
32
|
+
|
|
33
|
+
var mainContext = Engine.createContext();
|
|
34
|
+
|
|
35
|
+
var firstSurface = new Surface({
|
|
36
|
+
content: "<h3>Hi!</h3><p>I'm a surface!<br>I live inside a context.</p><p>You can add <b>HTML</b> content to me and style me with <b>CSS!</b></p>",
|
|
37
|
+
size: [200, 200],
|
|
38
|
+
properties: {
|
|
39
|
+
backgroundColor: 'rgb(240, 238, 233)',
|
|
40
|
+
textAlign: 'center',
|
|
41
|
+
padding: '5px',
|
|
42
|
+
border: '2px solid rgb(210, 208, 203)',
|
|
43
|
+
marginTop: '50px',
|
|
44
|
+
marginLeft: '50px'
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
mainContext.add(firstSurface);
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Note: use `famous.core.Engine` instead of `require('famous/core/Engine');`
|
|
52
|
+
|
|
53
|
+
|
|
27
54
|
### Famo.us with Angular.JS integration
|
|
28
55
|
|
|
29
56
|
Optionally you can use Angular.JS with Famo.us integrated together.
|
|
@@ -37,6 +64,8 @@ With this gem you should add to your application.js the following:
|
|
|
37
64
|
//= require famous-angular
|
|
38
65
|
```
|
|
39
66
|
|
|
67
|
+
Full example of usage Famo.us with Angular.JS in Rails 4 application can be found [here](https://github.com/42gems/famous-angular-rails-example)
|
|
68
|
+
|
|
40
69
|
## Contributing
|
|
41
70
|
|
|
42
71
|
Feel free to open an issue ticket if you find something that could be improved.
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
body {
|
|
2
|
+
margin: 0;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
fa-app, .fa-app {
|
|
6
|
+
display: block;
|
|
7
|
+
margin: 0px;
|
|
8
|
+
padding: 0px;
|
|
9
|
+
-webkit-transform-style: preserve-3d;
|
|
10
|
+
transform-style: preserve-3d;
|
|
11
|
+
-webkit-font-smoothing: antialiased;
|
|
12
|
+
-webkit-tap-highlight-color: transparent;
|
|
13
|
+
-webkit-perspective: 0;
|
|
14
|
+
perspective: none;
|
|
15
|
+
position: relative;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.famous-angular-clipping-container {
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
width: 100%;
|
|
21
|
+
height: 100%;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.famous-angular-container {
|
|
25
|
+
-webkit-transform-style: preserve-3d;
|
|
26
|
+
transform-style: preserve-3d;
|
|
27
|
+
-webkit-backface-visibility: visible;
|
|
28
|
+
backface-visibility: visible;
|
|
29
|
+
pointer-events: none;
|
|
30
|
+
height: 100%;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.famous-container, .famous-group {
|
|
35
|
+
position: absolute;
|
|
36
|
+
top: 0px;
|
|
37
|
+
left: 0px;
|
|
38
|
+
bottom: 0px;
|
|
39
|
+
right: 0px;
|
|
40
|
+
overflow: visible;
|
|
41
|
+
-webkit-transform-style: preserve-3d;
|
|
42
|
+
transform-style: preserve-3d;
|
|
43
|
+
-webkit-backface-visibility: visible;
|
|
44
|
+
backface-visibility: visible;
|
|
45
|
+
pointer-events: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.famous-group {
|
|
49
|
+
width: 0px;
|
|
50
|
+
height: 0px;
|
|
51
|
+
margin: 0px;
|
|
52
|
+
padding: 0px;
|
|
53
|
+
-webkit-transform-style: preserve-3d;
|
|
54
|
+
transform-style: preserve-3d;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.famous-surface {
|
|
58
|
+
position: absolute;
|
|
59
|
+
-webkit-transform-origin: center center;
|
|
60
|
+
transform-origin: center center;
|
|
61
|
+
-webkit-backface-visibility: hidden;
|
|
62
|
+
backface-visibility: hidden;
|
|
63
|
+
-webkit-transform-style: flat;
|
|
64
|
+
transform-style: flat;
|
|
65
|
+
-webkit-box-sizing: border-box;
|
|
66
|
+
-moz-box-sizing: border-box;
|
|
67
|
+
-webkit-tap-highlight-color: transparent;
|
|
68
|
+
pointer-events: auto;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.famous-container-group {
|
|
72
|
+
position: relative;
|
|
73
|
+
width: 100%;
|
|
74
|
+
height: 100%;
|
|
75
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: famous-angular-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Dmytro Hryb
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-11-
|
|
11
|
+
date: 2014-11-04 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -56,6 +56,7 @@ files:
|
|
|
56
56
|
- lib/famous/angular/rails/version.rb
|
|
57
57
|
- vendor/assets/javascript/famous-angular.js
|
|
58
58
|
- vendor/assets/javascript/famous.js
|
|
59
|
+
- vendor/assets/stylesheets/famous-angular.css
|
|
59
60
|
homepage: https://github.com/42gems/famous-angular-rails
|
|
60
61
|
licenses:
|
|
61
62
|
- MIT
|