illusion 2.1.2 → 2.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/sass/illusion/vendor/_responsivemenu.scss +19 -29
- 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: 8bab279e80e517de98a0310ec565a81e18abef22
|
4
|
+
data.tar.gz: a7d2810bd3fd0983fdd300a7a328e782d7bfde55
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b95fb01cf60d07e96994853413ce09bd71cef59a458caeff861b83b381f5fa5a69d87a1120679d22b35f15f82d0358dabd34152adb3ada5c95396e7efd5c8221
|
7
|
+
data.tar.gz: 6ec123e9b0efb98994a95303c4f06a68fda211fd684770976668fb7d57190fbef68c41c65263fe388d456f35f6d18c4e3b52b4d435cd06d7e794be08f1395249
|
@@ -1,14 +1,3 @@
|
|
1
|
-
// Variables for in this file
|
2
|
-
// If you want to change this number add the responsivemneu.scss file to your main
|
3
|
-
// SCSS file and define the variable to your new wisth first like so:
|
4
|
-
//
|
5
|
-
// $screenwidth: 800px;
|
6
|
-
// @import "responsivemenu";
|
7
|
-
//
|
8
|
-
// This way you don't have to touch this file
|
9
|
-
|
10
|
-
$screenwidth: 600px !default;
|
11
|
-
|
12
1
|
// Accessible hide
|
13
2
|
%accessible-hide {
|
14
3
|
position: absolute !important;
|
@@ -31,14 +20,14 @@ $screenwidth: 600px !default;
|
|
31
20
|
|
32
21
|
// Overflow
|
33
22
|
.bodyoverflowhidden {
|
34
|
-
position: relative;
|
35
|
-
overflow: hidden;
|
23
|
+
position: relative !important;
|
24
|
+
overflow: hidden !important;
|
36
25
|
}
|
37
26
|
|
38
27
|
.menuoverflowauto {
|
39
|
-
max-height: 100
|
40
|
-
width: 100
|
41
|
-
overflow: auto;
|
28
|
+
max-height: 100% !important;
|
29
|
+
width: 100% !important;
|
30
|
+
overflow: auto !important;
|
42
31
|
}
|
43
32
|
|
44
33
|
// Absolute menu
|
@@ -47,11 +36,12 @@ $screenwidth: 600px !default;
|
|
47
36
|
top: 100% !important;
|
48
37
|
left: 0 !important;
|
49
38
|
right: 0 !important;
|
50
|
-
z-index:
|
39
|
+
z-index: 9;
|
51
40
|
}
|
52
41
|
|
53
|
-
/* Extend the accessible hide class to the closed class
|
42
|
+
/* Extend the accessible hide class to the closed class */
|
54
43
|
/* Only when JS is enabled since we add the closed class in the markup */
|
44
|
+
/* And we want the menu to be open when JS is disabled/broken */
|
55
45
|
.js-enabled:not(.no-responsive-menu) {
|
56
46
|
.closed {
|
57
47
|
@extend %accessible-hide;
|
@@ -78,29 +68,29 @@ $screenwidth: 600px !default;
|
|
78
68
|
}
|
79
69
|
}
|
80
70
|
|
81
|
-
// Show li
|
71
|
+
// Show li ul on small screens when JS is enabled
|
82
72
|
&.initiated {
|
83
73
|
li ul {
|
84
74
|
display: block;
|
85
75
|
}
|
86
76
|
}
|
87
77
|
|
88
|
-
|
89
|
-
|
90
|
-
// Add styling for parents to show it has children
|
91
|
-
li.parent > a:after {
|
92
|
-
content: " \25bc";
|
93
|
-
}
|
78
|
+
ul.closed, // For JS disabled/broken browsers
|
79
|
+
ul.fullmenu { // For all the other ones
|
94
80
|
|
95
|
-
/* Hide li
|
96
|
-
|
97
|
-
li ul,
|
98
|
-
li.active ul {
|
81
|
+
/* Hide li ul when JS is enabled and screen is big */
|
82
|
+
li ul {
|
99
83
|
display: none;
|
100
84
|
position: absolute;
|
101
85
|
left: 0;
|
102
86
|
top: 100%;
|
103
87
|
z-index: 9;
|
88
|
+
|
89
|
+
/* Position li>li>ul */
|
90
|
+
li ul {
|
91
|
+
left: 100%;
|
92
|
+
top: 0;
|
93
|
+
}
|
104
94
|
}
|
105
95
|
|
106
96
|
/* And show on hover */
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: illusion
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Tom Janssens
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-10-
|
11
|
+
date: 2014-10-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|