mmenu-rails 0.0.2 → 5.5.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +6 -14
  2. data/.gitignore +2 -0
  3. data/README.md +66 -6
  4. data/app/assets/javascripts/addons/jquery.mmenu.autoheight.js +7 -0
  5. data/app/assets/javascripts/addons/jquery.mmenu.backbutton.js +7 -0
  6. data/app/assets/javascripts/addons/jquery.mmenu.buttonbars.js +7 -0
  7. data/app/assets/javascripts/addons/jquery.mmenu.counters.js +7 -0
  8. data/app/assets/javascripts/addons/jquery.mmenu.dividers.js +7 -0
  9. data/app/assets/javascripts/addons/jquery.mmenu.dragopen.js +7 -0
  10. data/app/assets/javascripts/addons/jquery.mmenu.fixedelements.js +7 -0
  11. data/app/assets/javascripts/addons/jquery.mmenu.footer.js +7 -0
  12. data/app/assets/javascripts/addons/jquery.mmenu.header.js +7 -0
  13. data/app/assets/javascripts/addons/jquery.mmenu.offcanvas.js +7 -0
  14. data/app/assets/javascripts/addons/jquery.mmenu.searchfield.js +7 -0
  15. data/app/assets/javascripts/addons/jquery.mmenu.sectionindexer.js +7 -0
  16. data/app/assets/javascripts/addons/jquery.mmenu.toggles.js +7 -0
  17. data/app/assets/javascripts/jquery.mmenu.all.js +104 -0
  18. data/app/assets/javascripts/jquery.mmenu.js +20 -0
  19. data/app/assets/javascripts/jquery.mmenu.oncanvas.js +13 -0
  20. data/app/assets/stylesheets/addons/jquery.mmenu.autoheight.css +10 -0
  21. data/app/assets/stylesheets/addons/jquery.mmenu.buttonbars.css +71 -0
  22. data/app/assets/stylesheets/{mmenu-counters.css → addons/jquery.mmenu.counters.css} +12 -8
  23. data/app/assets/stylesheets/addons/jquery.mmenu.dividers.css +41 -0
  24. data/app/assets/stylesheets/{mmenu-dragopen.css → addons/jquery.mmenu.dragopen.css} +2 -0
  25. data/app/assets/stylesheets/addons/jquery.mmenu.footer.css +28 -0
  26. data/app/assets/stylesheets/addons/jquery.mmenu.header.css +25 -0
  27. data/app/assets/stylesheets/addons/jquery.mmenu.height.css +10 -0
  28. data/app/assets/stylesheets/addons/jquery.mmenu.offcanvas.css +69 -0
  29. data/app/assets/stylesheets/addons/jquery.mmenu.searchfield.css +70 -0
  30. data/app/assets/stylesheets/addons/jquery.mmenu.sectionindexer.css +50 -0
  31. data/app/assets/stylesheets/addons/jquery.mmenu.toggles.css +91 -0
  32. data/app/assets/stylesheets/extensions/jquery.mmenu.borderstyle.css +10 -0
  33. data/app/assets/stylesheets/extensions/jquery.mmenu.effects.css +100 -0
  34. data/app/assets/stylesheets/extensions/jquery.mmenu.fullscreen.css +57 -0
  35. data/app/assets/stylesheets/extensions/jquery.mmenu.iconbar.css +21 -0
  36. data/app/assets/stylesheets/extensions/jquery.mmenu.multiline.css +11 -0
  37. data/app/assets/stylesheets/extensions/jquery.mmenu.pageshadow.css +21 -0
  38. data/app/assets/stylesheets/extensions/jquery.mmenu.positioning.css +91 -0
  39. data/app/assets/stylesheets/extensions/jquery.mmenu.themes.css +213 -0
  40. data/app/assets/stylesheets/extensions/jquery.mmenu.widescreen.css +36 -0
  41. data/app/assets/stylesheets/jquery.mmenu.all.css +1304 -0
  42. data/app/assets/stylesheets/jquery.mmenu.css +353 -0
  43. data/app/assets/stylesheets/jquery.mmenu.oncanvas.css +280 -0
  44. data/lib/version.rb +1 -1
  45. data/mmenu-rails.gemspec +1 -1
  46. metadata +50 -22
  47. data/app/assets/javascripts/mmenu-counters.js +0 -14
  48. data/app/assets/javascripts/mmenu-dragopen.js +0 -14
  49. data/app/assets/javascripts/mmenu-header.js +0 -14
  50. data/app/assets/javascripts/mmenu-labels.js +0 -14
  51. data/app/assets/javascripts/mmenu-searchfield.js +0 -14
  52. data/app/assets/javascripts/mmenu.js +0 -14
  53. data/app/assets/stylesheets/mmenu-header.css +0 -98
  54. data/app/assets/stylesheets/mmenu-labels.css +0 -44
  55. data/app/assets/stylesheets/mmenu-searchfield.css +0 -56
  56. data/app/assets/stylesheets/mmenu.css +0 -335
@@ -2,28 +2,32 @@
2
2
  jQuery.mmenu counters addon CSS
3
3
  */
4
4
  em.mm-counter {
5
+ font: inherit;
6
+ font-size: 14px;
5
7
  font-style: normal;
6
8
  text-indent: 0;
7
9
  line-height: 20px;
8
10
  display: block;
9
11
  margin-top: -10px;
10
12
  position: absolute;
11
- right: 40px;
13
+ right: 50px;
12
14
  top: 50%; }
13
- em.mm-counter + a.mm-subopen {
15
+ em.mm-counter + a.mm-next {
14
16
  padding-left: 40px; }
15
- em.mm-counter + a.mm-subopen + a,
16
- em.mm-counter + a.mm-subopen + span {
17
- margin-right: 80px; }
17
+ em.mm-counter + a.mm-next + a,
18
+ em.mm-counter + a.mm-next + span {
19
+ margin-right: 90px; }
18
20
  em.mm-counter + a.mm-fullsubopen {
19
21
  padding-left: 0; }
20
22
 
21
- .mm-vertical em.mm-counter {
23
+ .mm-vertical > .mm-counter {
22
24
  top: 12px;
23
25
  margin-top: 0; }
26
+ .mm-vertical.mm-spacer > .mm-counter {
27
+ margin-top: 40px; }
24
28
 
25
- .mm-nosubresults > em.mm-counter {
29
+ .mm-nosubresults > .mm-counter {
26
30
  display: none; }
27
31
 
28
32
  .mm-menu em.mm-counter {
29
- color: rgba(255, 255, 255, 0.3); }
33
+ color: rgba(0, 0, 0, 0.3); }
@@ -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); }
@@ -3,6 +3,8 @@
3
3
  */
4
4
  html.mm-opened.mm-dragging .mm-menu,
5
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,
6
8
  html.mm-opened.mm-dragging #mm-blocker {
7
9
  -webkit-transition-duration: 0s;
8
10
  -moz-transition-duration: 0s;
@@ -0,0 +1,28 @@
1
+ /*
2
+ jQuery.mmenu footer addon CSS
3
+ */
4
+ .mm-footer {
5
+ background: inherit;
6
+ border-top: 1px solid transparent;
7
+ text-align: center;
8
+ line-height: 20px;
9
+ box-sizing: border-box;
10
+ width: 100%;
11
+ height: 40px;
12
+ padding: 10px 20px;
13
+ position: absolute;
14
+ z-index: 3;
15
+ bottom: 0;
16
+ left: 0;
17
+ -webkit-transform: translate3d(0, 0, 0);
18
+ -moz-transform: translate3d(0, 0, 0);
19
+ -ms-transform: translate3d(0, 0, 0);
20
+ -o-transform: translate3d(0, 0, 0);
21
+ transform: translate3d(0, 0, 0); }
22
+
23
+ .mm-menu.mm-hasfooter > .mm-panel {
24
+ bottom: 40px; }
25
+
26
+ .mm-menu .mm-footer {
27
+ border-color: rgba(0, 0, 0, 0.1);
28
+ color: rgba(0, 0, 0, 0.3); }
@@ -0,0 +1,25 @@
1
+ /*
2
+ jQuery.mmenu header addon CSS
3
+ */
4
+ .mm-menu > .mm-header {
5
+ background: inherit;
6
+ z-index: 3;
7
+ -webkit-transform: translate3d(0, 0, 0);
8
+ -moz-transform: translate3d(0, 0, 0);
9
+ -ms-transform: translate3d(0, 0, 0);
10
+ -o-transform: translate3d(0, 0, 0);
11
+ transform: translate3d(0, 0, 0); }
12
+ .mm-menu > .mm-header .mm-close:after {
13
+ content: 'x'; }
14
+
15
+ .mm-menu.mm-hassearch > .mm-header {
16
+ top: 40px; }
17
+
18
+ .mm-menu.mm-hasheader .mm-panel .mm-header {
19
+ display: none; }
20
+ .mm-menu.mm-hasheader .mm-panel,
21
+ .mm-menu.mm-hasheader .mm-fixeddivider {
22
+ top: 40px; }
23
+ .mm-menu.mm-hasheader.mm-hassearch .mm-panel,
24
+ .mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider {
25
+ top: 80px; }
@@ -0,0 +1,10 @@
1
+ /*
2
+ jQuery.mmenu height addon CSS
3
+ */
4
+ .mm-menu.mm-top.mm-customheight, .mm-menu.mm-bottom.mm-customheight {
5
+ max-height: 80%; }
6
+ .mm-menu.mm-top.mm-customheight.mm-fullscreen, .mm-menu.mm-bottom.mm-customheight.mm-fullscreen {
7
+ max-height: 100%; }
8
+ .mm-menu.mm-measureheight > .mm-panel {
9
+ bottom: auto !important;
10
+ height: auto !important; }
@@ -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-hasheader {
42
+ padding-top: 80px; }
43
+ .mm-panel.mm-hassearch.mm-hasheader .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-hasheader .mm-indexer {
38
+ top: 50px; }
39
+
40
+ .mm-hasfooter .mm-indexer {
41
+ bottom: 50px; }
42
+
43
+ .mm-hassearch .mm-indexer {
44
+ top: 50px; }
45
+
46
+ .mm-hassearch.mm-hasheader .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; }