burgermenu-rails 0.0.1 → 0.0.2
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 +19 -3
- data/app/assets/javascripts/burgermenu.js +10 -11
- data/app/assets/stylesheets/_burgermenu.scss +13 -36
- data/lib/burgermenu-rails/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8bb25c375b10b6d24bebe462850dd8e248912662
|
4
|
+
data.tar.gz: 7c8dc0a453d6bc92da4514c046af483605b35440
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 38b45a38fae4e75fe822ac387e70fdc67e415df7400c5aef656c83ba75c606b5628bdf63b6c3da72b0aba0ba3ac55f78197ed0227c8d8ab2e2fc7025c683e83c
|
7
|
+
data.tar.gz: 84464ccfeccc6d0ec9124e572b57facc4a6f87825bd2f5f2812ba744c4854b21653c0aeca986f1fe9ece20f3355a4c93650416b9a208bf923a9ecd33d7f419da
|
data/README.md
CHANGED
@@ -1,6 +1,8 @@
|
|
1
1
|
# Burgermenu::Rails
|
2
2
|
|
3
|
-
|
3
|
+
[](http://badge.fury.io/rb/burgermenu-rails)
|
4
|
+
|
5
|
+
BurgerMenu is a simple off canvas menu with hardware accelerated transitions and amazing native behavior.
|
4
6
|
|
5
7
|
## Installation
|
6
8
|
|
@@ -20,11 +22,25 @@ Or install it yourself as:
|
|
20
22
|
|
21
23
|
## Usage
|
22
24
|
|
23
|
-
|
25
|
+
Look at http://vortizhe.github.io/burgermenu/ for documentation.
|
26
|
+
|
27
|
+
### Include js and sass
|
28
|
+
|
29
|
+
Add to your application.js. Requires jQuery to work.
|
30
|
+
|
31
|
+
```js
|
32
|
+
//= require burgermenu
|
33
|
+
```
|
34
|
+
|
35
|
+
Add to your applications.scss
|
36
|
+
|
37
|
+
```
|
38
|
+
@import "burgermenu";
|
39
|
+
```
|
24
40
|
|
25
41
|
## Contributing
|
26
42
|
|
27
|
-
1. Fork it ( https://github.com/
|
43
|
+
1. Fork it ( https://github.com/vortizhe/burgermenu-rails/fork )
|
28
44
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
29
45
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
30
46
|
4. Push to the branch (`git push origin my-new-feature`)
|
@@ -1,17 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
*/
|
1
|
+
/*!
|
2
|
+
* Burger Menu
|
3
|
+
* Another simple off canvas side menu with CSS3 transforms triggered by jQuery plugin.
|
4
|
+
*
|
5
|
+
* http://github.com/vortizhe/burgermenu
|
6
|
+
*
|
7
|
+
* Copyright (c) 2015 Victor Ortiz
|
8
|
+
* Licensed under the MIT license.
|
9
|
+
*/
|
10
10
|
|
11
11
|
;(function ($, window, undefined) {
|
12
12
|
|
13
13
|
var $document = $(window.document),
|
14
|
-
$html = $('html'),
|
15
14
|
defaults = {
|
16
15
|
position: "left",
|
17
16
|
toggle_selector: '#menu-toggle',
|
@@ -35,6 +34,7 @@
|
|
35
34
|
|
36
35
|
BurgerMenu.prototype.init = function() {
|
37
36
|
var $el = $(this.element),
|
37
|
+
$html = $('html'),
|
38
38
|
opts = this.options;
|
39
39
|
|
40
40
|
// Bind open/close menu event burgermenu.toggle to element menu
|
@@ -66,7 +66,6 @@
|
|
66
66
|
|
67
67
|
|
68
68
|
|
69
|
-
|
70
69
|
// A really lightweight plugin wrapper around the constructor,
|
71
70
|
// preventing against multiple instantiations
|
72
71
|
$.fn.burgermenu = function(options) {
|
@@ -1,17 +1,13 @@
|
|
1
|
-
//
|
2
|
-
// ====================================
|
3
|
-
// General Burger Menu styles
|
4
|
-
// =====================================
|
5
|
-
//
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
// vars (split in other file burgermenu/vars)
|
1
|
+
// vars
|
10
2
|
$menu-width: 273px !default;
|
11
3
|
|
12
4
|
|
13
5
|
|
14
|
-
// Layout styles
|
6
|
+
// Layout styles
|
7
|
+
body {
|
8
|
+
overflow-x: hidden;
|
9
|
+
}
|
10
|
+
|
15
11
|
%burgermenu {
|
16
12
|
width: $menu-width;
|
17
13
|
position: fixed;
|
@@ -20,7 +16,6 @@ $menu-width: 273px !default;
|
|
20
16
|
z-index: 0;
|
21
17
|
overflow: hidden;
|
22
18
|
-webkit-transition: all 0.6s ease;
|
23
|
-
-moz-transition: all 0.6s ease;
|
24
19
|
transition: all 0.6s ease;
|
25
20
|
ul {
|
26
21
|
overflow-x: hidden;
|
@@ -36,20 +31,21 @@ $menu-width: 273px !default;
|
|
36
31
|
bottom: 0;
|
37
32
|
left: $menu-width;
|
38
33
|
width: $menu-width;
|
34
|
+
z-index: 2;
|
39
35
|
-webkit-transition: all 0.6s ease;
|
40
|
-
-moz-transition: all 0.6s ease;
|
41
36
|
transition: all 0.6s ease;
|
42
|
-
z-index: 2;
|
43
37
|
}
|
44
38
|
.has-children {
|
45
39
|
&.opened > .is-children {
|
46
40
|
-webkit-transform: translate3d(-$menu-width, 0, 0);
|
47
|
-
-moz-transform: translate3d(-$menu-width, 0, 0);
|
48
|
-
-ms-transform: translate3d(-$menu-width, 0, 0);
|
49
|
-
-o-transform: translate3d(-$menu-width, 0, 0);
|
50
41
|
transform: translate3d(-$menu-width, 0, 0);
|
51
42
|
}
|
52
43
|
}
|
44
|
+
.dropdown {
|
45
|
+
ul {
|
46
|
+
display: none;
|
47
|
+
}
|
48
|
+
}
|
53
49
|
a {
|
54
50
|
display: block;
|
55
51
|
}
|
@@ -58,27 +54,20 @@ $menu-width: 273px !default;
|
|
58
54
|
.burgermenu-left {
|
59
55
|
@extend %burgermenu;
|
60
56
|
-webkit-transform: translate3d(-$menu-width, 0, 0);
|
61
|
-
-moz-transform: translate3d(-$menu-width, 0, 0);
|
62
|
-
-ms-transform: translate3d(-$menu-width, 0, 0);
|
63
|
-
-o-transform: translate3d(-$menu-width, 0, 0);
|
64
57
|
transform: translate3d(-$menu-width, 0, 0);
|
65
58
|
left: 0;
|
66
59
|
}
|
67
60
|
.burgermenu-right {
|
68
61
|
@extend %burgermenu;
|
69
62
|
-webkit-transform: translate3d($menu-width, 0, 0);
|
70
|
-
-moz-transform: translate3d($menu-width, 0, 0);
|
71
|
-
-ms-transform: translate3d($menu-width, 0, 0);
|
72
|
-
-o-transform: translate3d($menu-width, 0, 0);
|
73
63
|
transform: translate3d($menu-width, 0, 0);
|
74
64
|
right: 0;
|
75
65
|
}
|
76
66
|
|
77
67
|
.page-wrapper {
|
78
68
|
position: relative;
|
79
|
-
z-index:
|
69
|
+
z-index: 10;
|
80
70
|
-webkit-transition: all 0.6s ease;
|
81
|
-
-moz-transition: all 0.6s ease;
|
82
71
|
transition: all 0.6s ease;
|
83
72
|
}
|
84
73
|
|
@@ -87,16 +76,10 @@ $menu-width: 273px !default;
|
|
87
76
|
.page-wrapper {
|
88
77
|
overflow: hidden;
|
89
78
|
-webkit-transform: translate3d($menu-width, 0, 0);
|
90
|
-
-moz-transform: translate3d($menu-width, 0, 0);
|
91
|
-
-ms-transform: translate3d($menu-width, 0, 0);
|
92
|
-
-o-transform: translate3d($menu-width, 0, 0);
|
93
79
|
transform: translate3d($menu-width, 0, 0);
|
94
80
|
}
|
95
81
|
.burgermenu-left {
|
96
82
|
-webkit-transform: translate3d(0, 0, 0);
|
97
|
-
-moz-transform: translate3d(0, 0, 0);
|
98
|
-
-ms-transform: translate3d(0, 0, 0);
|
99
|
-
-o-transform: translate3d(0, 0, 0);
|
100
83
|
transform: translate3d(0, 0, 0);
|
101
84
|
}
|
102
85
|
}
|
@@ -105,16 +88,10 @@ $menu-width: 273px !default;
|
|
105
88
|
.page-wrapper {
|
106
89
|
overflow: hidden;
|
107
90
|
-webkit-transform: translate3d(-$menu-width, 0, 0);
|
108
|
-
-moz-transform: translate3d(-$menu-width, 0, 0);
|
109
|
-
-ms-transform: translate3d(-$menu-width, 0, 0);
|
110
|
-
-o-transform: translate3d(-$menu-width, 0, 0);
|
111
91
|
transform: translate3d(-$menu-width, 0, 0);
|
112
92
|
}
|
113
93
|
.burgermenu-right {
|
114
94
|
-webkit-transform: translate3d(0, 0, 0);
|
115
|
-
-moz-transform: translate3d(0, 0, 0);
|
116
|
-
-ms-transform: translate3d(0, 0, 0);
|
117
|
-
-o-transform: translate3d(0, 0, 0);
|
118
95
|
transform: translate3d(0, 0, 0);
|
119
96
|
}
|
120
97
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: burgermenu-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Victor Ortiz
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-03-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|