illusion 2.1.2 → 2.2.0
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/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
|