burgermenu-rails 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
[![Gem Version](https://badge.fury.io/rb/burgermenu-rails.png)](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
|