vinted-mmenu 5.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +19 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +118 -0
  6. data/Rakefile +1 -0
  7. data/app/assets/javascripts/addons/jquery.mmenu.autoheight.js +7 -0
  8. data/app/assets/javascripts/addons/jquery.mmenu.backbutton.js +7 -0
  9. data/app/assets/javascripts/addons/jquery.mmenu.counters.js +7 -0
  10. data/app/assets/javascripts/addons/jquery.mmenu.dividers.js +7 -0
  11. data/app/assets/javascripts/addons/jquery.mmenu.dragopen.js +7 -0
  12. data/app/assets/javascripts/addons/jquery.mmenu.fixedelements.js +7 -0
  13. data/app/assets/javascripts/addons/jquery.mmenu.navbars.js +7 -0
  14. data/app/assets/javascripts/addons/jquery.mmenu.offcanvas.js +7 -0
  15. data/app/assets/javascripts/addons/jquery.mmenu.searchfield.js +7 -0
  16. data/app/assets/javascripts/addons/jquery.mmenu.sectionindexer.js +7 -0
  17. data/app/assets/javascripts/addons/jquery.mmenu.toggles.js +7 -0
  18. data/app/assets/javascripts/jquery.mmenu.all.js +90 -0
  19. data/app/assets/javascripts/jquery.mmenu.js +20 -0
  20. data/app/assets/javascripts/jquery.mmenu.oncanvas.js +13 -0
  21. data/app/assets/stylesheets/addons/jquery.mmenu.autoheight.css +10 -0
  22. data/app/assets/stylesheets/addons/jquery.mmenu.counters.css +33 -0
  23. data/app/assets/stylesheets/addons/jquery.mmenu.dividers.css +41 -0
  24. data/app/assets/stylesheets/addons/jquery.mmenu.dragopen.css +13 -0
  25. data/app/assets/stylesheets/addons/jquery.mmenu.navbars.css +64 -0
  26. data/app/assets/stylesheets/addons/jquery.mmenu.offcanvas.css +69 -0
  27. data/app/assets/stylesheets/addons/jquery.mmenu.searchfield.css +70 -0
  28. data/app/assets/stylesheets/addons/jquery.mmenu.sectionindexer.css +50 -0
  29. data/app/assets/stylesheets/addons/jquery.mmenu.toggles.css +91 -0
  30. data/app/assets/stylesheets/extensions/jquery.mmenu.borderstyle.css +10 -0
  31. data/app/assets/stylesheets/extensions/jquery.mmenu.effects.css +114 -0
  32. data/app/assets/stylesheets/extensions/jquery.mmenu.fullscreen.css +57 -0
  33. data/app/assets/stylesheets/extensions/jquery.mmenu.iconbar.css +21 -0
  34. data/app/assets/stylesheets/extensions/jquery.mmenu.multiline.css +11 -0
  35. data/app/assets/stylesheets/extensions/jquery.mmenu.pageshadow.css +21 -0
  36. data/app/assets/stylesheets/extensions/jquery.mmenu.positioning.css +91 -0
  37. data/app/assets/stylesheets/extensions/jquery.mmenu.themes.css +177 -0
  38. data/app/assets/stylesheets/extensions/jquery.mmenu.widescreen.css +36 -0
  39. data/app/assets/stylesheets/jquery.mmenu.all.css +1228 -0
  40. data/app/assets/stylesheets/jquery.mmenu.css +361 -0
  41. data/app/assets/stylesheets/jquery.mmenu.oncanvas.css +288 -0
  42. data/lib/version.rb +3 -0
  43. data/lib/vinted-mmenu.rb +4 -0
  44. data/vinted-mmenu.gemspec +23 -0
  45. metadata +116 -0
@@ -0,0 +1,41 @@
1
+ /*
2
+ jQuery.mmenu dividers addon CSS
3
+ */
4
+ .mm-divider > span {
5
+ text-overflow: ellipsis;
6
+ white-space: nowrap;
7
+ overflow: hidden;
8
+ padding: 0;
9
+ line-height: 25px; }
10
+ .mm-divider.mm-opened a.mm-next:after {
11
+ -webkit-transform: rotate(45deg);
12
+ -moz-transform: rotate(45deg);
13
+ -ms-transform: rotate(45deg);
14
+ -o-transform: rotate(45deg);
15
+ transform: rotate(45deg); }
16
+
17
+ .mm-collapsed:not(.mm-uncollapsed) {
18
+ display: none; }
19
+
20
+ .mm-fixeddivider {
21
+ background: inherit;
22
+ display: none;
23
+ position: absolute;
24
+ top: 0;
25
+ left: 0;
26
+ right: 0;
27
+ z-index: 2;
28
+ -webkit-transform: translate3d(0, 0, 0);
29
+ -moz-transform: translate3d(0, 0, 0);
30
+ -ms-transform: translate3d(0, 0, 0);
31
+ -o-transform: translate3d(0, 0, 0);
32
+ transform: translate3d(0, 0, 0); }
33
+ .mm-fixeddivider:after {
34
+ content: none !important;
35
+ display: none !important; }
36
+
37
+ .mm-hasdividers .mm-fixeddivider {
38
+ display: block; }
39
+
40
+ .mm-menu .mm-fixeddivider span {
41
+ background: rgba(0, 0, 0, 0.05); }
@@ -0,0 +1,13 @@
1
+ /*
2
+ jQuery.mmenu dragOpen addon CSS
3
+ */
4
+ html.mm-opened.mm-dragging .mm-menu,
5
+ html.mm-opened.mm-dragging .mm-page,
6
+ html.mm-opened.mm-dragging .mm-fixed-top,
7
+ html.mm-opened.mm-dragging .mm-fixed-bottom,
8
+ html.mm-opened.mm-dragging #mm-blocker {
9
+ -webkit-transition-duration: 0s;
10
+ -moz-transition-duration: 0s;
11
+ -ms-transition-duration: 0s;
12
+ -o-transition-duration: 0s;
13
+ transition-duration: 0s; }
@@ -0,0 +1,64 @@
1
+ /*
2
+ jQuery.mmenu navbar addon CSS
3
+ */
4
+ .mm-menu > .mm-navbar {
5
+ background: inherit;
6
+ padding: 0;
7
+ z-index: 3;
8
+ -webkit-transform: translate3d(0, 0, 0);
9
+ -moz-transform: translate3d(0, 0, 0);
10
+ -ms-transform: translate3d(0, 0, 0);
11
+ -o-transform: translate3d(0, 0, 0);
12
+ transform: translate3d(0, 0, 0); }
13
+ .mm-menu > .mm-navbar.mm-hasbtns {
14
+ padding: 0 40px; }
15
+
16
+ .mm-navbar-bottom {
17
+ border-top: 1px solid transparent;
18
+ top: auto;
19
+ border-bottom: none;
20
+ bottom: 0; }
21
+
22
+ .mm-navbar-2 > a,
23
+ .mm-navbar-3 > a,
24
+ .mm-navbar-4 > a,
25
+ .mm-navbar-5 > a,
26
+ .mm-navbar-6 > a {
27
+ display: block;
28
+ float: left; }
29
+
30
+ .mm-navbar-2 > a {
31
+ width: 50%; }
32
+
33
+ .mm-navbar-3 > a {
34
+ width: 33.33%; }
35
+
36
+ .mm-navbar-4 > a {
37
+ width: 25%; }
38
+
39
+ .mm-navbar-5 > a {
40
+ width: 20%; }
41
+
42
+ .mm-navbar-6 > a {
43
+ width: 16.66%; }
44
+
45
+ .mm-close {
46
+ text-align: right; }
47
+ .mm-close:after {
48
+ content: 'x'; }
49
+
50
+ .mm-menu.mm-hassearch > .mm-navbar-top {
51
+ top: 40px; }
52
+
53
+ .mm-menu.mm-hasnavbar .mm-panel .mm-navbar {
54
+ display: none; }
55
+
56
+ .mm-menu.mm-hasnavbar-top .mm-panel,
57
+ .mm-menu.mm-hasnavbar-top .mm-fixeddivider {
58
+ top: 40px; }
59
+ .mm-menu.mm-hasnavbar-top.mm-hassearch .mm-panel,
60
+ .mm-menu.mm-hasnavbar-top.mm-hassearch .mm-fixeddivider {
61
+ top: 80px; }
62
+
63
+ .mm-menu.mm-hasnavbar-bottom .mm-panel {
64
+ bottom: 40px; }
@@ -0,0 +1,69 @@
1
+ /*
2
+ jQuery.mmenu offcanvas addon CSS
3
+ */
4
+ .mm-page {
5
+ box-sizing: border-box;
6
+ position: relative; }
7
+
8
+ .mm-slideout {
9
+ -webkit-transition: -webkit-transform 0.4s ease;
10
+ -ms-transition: -ms-transform 0.4s ease;
11
+ transition: transform 0.4s ease; }
12
+
13
+ html.mm-opened {
14
+ overflow: hidden;
15
+ position: relative; }
16
+ html.mm-opened body {
17
+ overflow: hidden; }
18
+ html.mm-opened .mm-page {
19
+ min-height: 100vh; }
20
+
21
+ html.mm-background .mm-page {
22
+ background: inherit; }
23
+
24
+ #mm-blocker {
25
+ background: rgba(3, 2, 1, 0);
26
+ display: none;
27
+ width: 100%;
28
+ height: 100%;
29
+ position: fixed;
30
+ top: 0;
31
+ left: 0;
32
+ z-index: 999999; }
33
+
34
+ html.mm-opened #mm-blocker,
35
+ html.mm-blocking #mm-blocker {
36
+ display: block; }
37
+
38
+ .mm-menu.mm-offcanvas {
39
+ display: none;
40
+ position: fixed; }
41
+ .mm-menu.mm-current {
42
+ display: block; }
43
+
44
+ .mm-menu {
45
+ width: 80%;
46
+ min-width: 140px;
47
+ max-width: 440px; }
48
+
49
+ html.mm-opening .mm-slideout {
50
+ -webkit-transform: translate(80%, 0);
51
+ -moz-transform: translate(80%, 0);
52
+ -ms-transform: translate(80%, 0);
53
+ -o-transform: translate(80%, 0);
54
+ transform: translate(80%, 0); }
55
+
56
+ @media all and (max-width: 175px) {
57
+ html.mm-opening .mm-slideout {
58
+ -webkit-transform: translate(140px, 0);
59
+ -moz-transform: translate(140px, 0);
60
+ -ms-transform: translate(140px, 0);
61
+ -o-transform: translate(140px, 0);
62
+ transform: translate(140px, 0); } }
63
+ @media all and (min-width: 550px) {
64
+ html.mm-opening .mm-slideout {
65
+ -webkit-transform: translate(440px, 0);
66
+ -moz-transform: translate(440px, 0);
67
+ -ms-transform: translate(440px, 0);
68
+ -o-transform: translate(440px, 0);
69
+ transform: translate(440px, 0); } }
@@ -0,0 +1,70 @@
1
+ /*
2
+ jQuery.mmenu searchfield addon CSS
3
+ */
4
+ .mm-search,
5
+ .mm-search input {
6
+ box-sizing: border-box; }
7
+
8
+ .mm-menu > .mm-search {
9
+ background: inherit;
10
+ z-index: 3;
11
+ -webkit-transform: translate3d(0, 0, 0);
12
+ -moz-transform: translate3d(0, 0, 0);
13
+ -ms-transform: translate3d(0, 0, 0);
14
+ -o-transform: translate3d(0, 0, 0);
15
+ transform: translate3d(0, 0, 0); }
16
+
17
+ .mm-search {
18
+ height: 40px;
19
+ width: 100%;
20
+ padding: 10px 10px 0 10px;
21
+ position: absolute;
22
+ top: 0;
23
+ left: 0; }
24
+ .mm-search input {
25
+ border: none;
26
+ border-radius: 25px;
27
+ font: inherit;
28
+ font-size: 14px;
29
+ line-height: 25px;
30
+ outline: none;
31
+ display: block;
32
+ width: 100%;
33
+ height: 25px;
34
+ margin: 0;
35
+ padding: 0 10px; }
36
+ .mm-search input::-ms-clear {
37
+ display: none; }
38
+
39
+ .mm-panel.mm-hassearch {
40
+ padding-top: 40px; }
41
+ .mm-panel.mm-hassearch.mm-hasnavbar {
42
+ padding-top: 80px; }
43
+ .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
44
+ top: 40px; }
45
+
46
+ .mm-noresultsmsg {
47
+ text-align: center;
48
+ font-size: 21px;
49
+ display: none;
50
+ padding: 40px 0; }
51
+
52
+ .mm-noresults .mm-noresultsmsg {
53
+ display: block; }
54
+ .mm-noresults .mm-indexer {
55
+ display: none !important; }
56
+
57
+ .mm-menu li.mm-nosubresults > a.mm-next {
58
+ display: none; }
59
+ .mm-menu li.mm-nosubresults > a.mm-next + a,
60
+ .mm-menu li.mm-nosubresults > a.mm-next + span {
61
+ padding-right: 10px; }
62
+ .mm-menu.mm-hassearch .mm-panel,
63
+ .mm-menu.mm-hassearch .mm-fixeddivider {
64
+ top: 40px; }
65
+
66
+ .mm-menu .mm-search input {
67
+ background: rgba(0, 0, 0, 0.05);
68
+ color: rgba(0, 0, 0, 0.7); }
69
+ .mm-menu .mm-noresultsmsg {
70
+ color: rgba(0, 0, 0, 0.3); }
@@ -0,0 +1,50 @@
1
+ /*
2
+ jQuery.mmenu sectionIndexer addon CSS
3
+ */
4
+ .mm-indexer {
5
+ background: inherit;
6
+ text-align: center;
7
+ font-size: 12px;
8
+ box-sizing: border-box;
9
+ width: 20px;
10
+ position: absolute;
11
+ top: 10px;
12
+ bottom: 10px;
13
+ right: -100px;
14
+ z-index: 3;
15
+ -webkit-transition: right 0.4s ease;
16
+ -moz-transition: right 0.4s ease;
17
+ -ms-transition: right 0.4s ease;
18
+ -o-transition: right 0.4s ease;
19
+ transition: right 0.4s ease;
20
+ -webkit-transform: translate3d(0, 0, 0);
21
+ -moz-transform: translate3d(0, 0, 0);
22
+ -ms-transform: translate3d(0, 0, 0);
23
+ -o-transform: translate3d(0, 0, 0);
24
+ transform: translate3d(0, 0, 0); }
25
+ .mm-indexer a {
26
+ text-decoration: none;
27
+ display: block;
28
+ height: 3.71%; }
29
+ .mm-indexer ~ .mm-panel.mm-hasindexer {
30
+ padding-right: 40px; }
31
+
32
+ .mm-hasindexer .mm-indexer {
33
+ right: 0; }
34
+ .mm-hasindexer .mm-fixeddivider {
35
+ right: 20px; }
36
+
37
+ .mm-hasnavbar-top .mm-indexer {
38
+ top: 50px; }
39
+
40
+ .mm-hasnavbar-bottom .mm-indexer {
41
+ bottom: 50px; }
42
+
43
+ .mm-hassearch .mm-indexer {
44
+ top: 50px; }
45
+
46
+ .mm-hassearch.mm-hasnavbar-top .mm-indexer {
47
+ top: 90px; }
48
+
49
+ .mm-menu .mm-indexer a {
50
+ color: rgba(0, 0, 0, 0.3); }
@@ -0,0 +1,91 @@
1
+ /*
2
+ jQuery.mmenu toggles addon CSS
3
+ */
4
+ input.mm-toggle,
5
+ input.mm-check {
6
+ position: absolute;
7
+ left: -10000px; }
8
+
9
+ label.mm-toggle,
10
+ label.mm-check {
11
+ margin: 0;
12
+ position: absolute;
13
+ bottom: 50%;
14
+ z-index: 2; }
15
+ label.mm-toggle:before,
16
+ label.mm-check:before {
17
+ content: '';
18
+ display: block; }
19
+
20
+ label.mm-toggle {
21
+ border-radius: 30px;
22
+ width: 50px;
23
+ height: 30px;
24
+ margin-bottom: -15px; }
25
+ label.mm-toggle:before {
26
+ border-radius: 30px;
27
+ width: 28px;
28
+ height: 28px;
29
+ margin: 1px; }
30
+
31
+ input.mm-toggle:checked ~ label.mm-toggle:before {
32
+ float: right; }
33
+
34
+ label.mm-check {
35
+ width: 30px;
36
+ height: 30px;
37
+ margin-bottom: -15px; }
38
+ label.mm-check:before {
39
+ border-left: 3px solid;
40
+ border-bottom: 3px solid;
41
+ width: 40%;
42
+ height: 20%;
43
+ margin: 25% 0 0 20%;
44
+ opacity: 0.1;
45
+ -webkit-transform: rotate(-45deg);
46
+ -moz-transform: rotate(-45deg);
47
+ -ms-transform: rotate(-45deg);
48
+ -o-transform: rotate(-45deg);
49
+ transform: rotate(-45deg); }
50
+
51
+ input.mm-check:checked ~ label.mm-check:before {
52
+ opacity: 1; }
53
+
54
+ label.mm-toggle, label.mm-check {
55
+ right: 20px; }
56
+ label.mm-toggle + a,
57
+ label.mm-toggle + span {
58
+ padding-right: 80px; }
59
+ label.mm-check + a,
60
+ label.mm-check + span {
61
+ padding-right: 60px; }
62
+
63
+ a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
64
+ right: 60px; }
65
+ a.mm-next + label.mm-toggle + a,
66
+ a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
67
+ a.mm-next + label.mm-check + span {
68
+ margin-right: 50px; }
69
+ a.mm-next + label.mm-toggle + a,
70
+ a.mm-next + label.mm-toggle + span {
71
+ padding-right: 70px; }
72
+ a.mm-next + label.mm-check + a,
73
+ a.mm-next + label.mm-check + span {
74
+ padding-right: 50px; }
75
+
76
+ em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
77
+ right: 100px; }
78
+ em.mm-counter + a.mm-next + label.mm-toggle + a,
79
+ em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
80
+ em.mm-counter + a.mm-next + label.mm-check + span {
81
+ margin-right: 90px; }
82
+
83
+ .mm-menu label.mm-toggle {
84
+ background: rgba(0, 0, 0, 0.1); }
85
+ .mm-menu label.mm-toggle:before {
86
+ background: #f3f3f3; }
87
+ .mm-menu input.mm-toggle:checked ~ label.mm-toggle {
88
+ background: #4bd963; }
89
+
90
+ .mm-menu label.mm-check:before {
91
+ border-color: rgba(0, 0, 0, 0.7); }
@@ -0,0 +1,10 @@
1
+ /*
2
+ jQuery.mmenu borderstyle extension CSS
3
+ */
4
+ .mm-menu.mm-border-none .mm-listview > li:after,
5
+ .mm-listview.mm-border-none > li:after {
6
+ content: none; }
7
+
8
+ .mm-menu.mm-border-full .mm-listview > li:after,
9
+ .mm-listview.mm-border-full > li:after {
10
+ left: 0 !important; }
@@ -0,0 +1,114 @@
1
+ /*
2
+ jQuery.mmenu effects extension CSS
3
+ */
4
+ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
5
+ -webkit-transition: -webkit-transform 0.4s ease;
6
+ -moz-transition: -moz-transform 0.4s ease;
7
+ -ms-transition: -ms-transform 0.4s ease;
8
+ -o-transition: -o-transform 0.4s ease;
9
+ transition: transform 0.4s ease; }
10
+ html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
11
+ -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
12
+ -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
13
+ -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
14
+ -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
15
+ transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
16
+ -webkit-transform-origin: left center;
17
+ -moz-transform-origin: left center;
18
+ -ms-transform-origin: left center;
19
+ -o-transform-origin: left center;
20
+ transform-origin: left center; }
21
+ html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
22
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
23
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
24
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
25
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
26
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
27
+ html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
28
+ -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
29
+ -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
30
+ -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
31
+ -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
32
+ transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
33
+ -webkit-transform-origin: right center;
34
+ -moz-transform-origin: right center;
35
+ -ms-transform-origin: right center;
36
+ -o-transform-origin: right center;
37
+ transform-origin: right center; }
38
+ html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
39
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
40
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
41
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
42
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
43
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
44
+
45
+ html.mm-effect-slide-menu .mm-menu.mm-offcanvas {
46
+ -webkit-transition: -webkit-transform 0.4s ease;
47
+ transition: transform 0.4s ease; }
48
+ html.mm-effect-slide-menu.mm-opened .mm-menu.mm-offcanvas {
49
+ -webkit-transform: translate3d(-30%, 0, 0);
50
+ -moz-transform: translate3d(-30%, 0, 0);
51
+ -ms-transform: translate3d(-30%, 0, 0);
52
+ -o-transform: translate3d(-30%, 0, 0);
53
+ transform: translate3d(-30%, 0, 0); }
54
+ html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas {
55
+ -webkit-transform: translate3d(0%, 0, 0);
56
+ -moz-transform: translate3d(0%, 0, 0);
57
+ -ms-transform: translate3d(0%, 0, 0);
58
+ -o-transform: translate3d(0%, 0, 0);
59
+ transform: translate3d(0%, 0, 0); }
60
+ html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
61
+ -webkit-transform: translate3d(30%, 0, 0);
62
+ -moz-transform: translate3d(30%, 0, 0);
63
+ -ms-transform: translate3d(30%, 0, 0);
64
+ -o-transform: translate3d(30%, 0, 0);
65
+ transform: translate3d(30%, 0, 0); }
66
+ html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
67
+ -webkit-transform: translate3d(0%, 0, 0);
68
+ -moz-transform: translate3d(0%, 0, 0);
69
+ -ms-transform: translate3d(0%, 0, 0);
70
+ -o-transform: translate3d(0%, 0, 0);
71
+ transform: translate3d(0%, 0, 0); }
72
+
73
+ .mm-menu.mm-effect-zoom-panels .mm-panel {
74
+ -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
75
+ -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
76
+ -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
77
+ -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
78
+ transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
79
+ -webkit-transform-origin: left center;
80
+ -moz-transform-origin: left center;
81
+ -ms-transform-origin: left center;
82
+ -o-transform-origin: left center;
83
+ transform-origin: left center;
84
+ -webkit-transition-property: -webkit-transform, left;
85
+ -moz-transition-property: -moz-transform, left;
86
+ -ms-transition-property: -ms-transform, left;
87
+ -o-transition-property: -o-transform, left;
88
+ transition-property: transform, left; }
89
+ .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
90
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
91
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
92
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
93
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
94
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
95
+ .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
96
+ -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
97
+ -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
98
+ -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
99
+ -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
100
+ transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }
101
+
102
+ .mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
103
+ -webkit-transform: translate3d(0, 0, 0);
104
+ -moz-transform: translate3d(0, 0, 0);
105
+ -ms-transform: translate3d(0, 0, 0);
106
+ -o-transform: translate3d(0, 0, 0);
107
+ transform: translate3d(0, 0, 0); }
108
+
109
+ .mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
110
+ -webkit-transform: translate3d(-100%, 0, 0);
111
+ -moz-transform: translate3d(-100%, 0, 0);
112
+ -ms-transform: translate3d(-100%, 0, 0);
113
+ -o-transform: translate3d(-100%, 0, 0);
114
+ transform: translate3d(-100%, 0, 0); }