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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b74d12a3996f5e75bfa3a4b88ba00297dcea0e47
4
- data.tar.gz: 6c27b95c32329f21f497273952a39486469a1169
3
+ metadata.gz: 8bab279e80e517de98a0310ec565a81e18abef22
4
+ data.tar.gz: a7d2810bd3fd0983fdd300a7a328e782d7bfde55
5
5
  SHA512:
6
- metadata.gz: 7cc5a1b4f1a192912039486ddcd2a50742f3930275f7915bea2a2e362ae8233dd7db3367f54e1733fe649480945e36274ec05a691a6539364c4957508e2a3ee0
7
- data.tar.gz: d7d49a2dcb68daef445e438b3006fe622491327b088c590eb76aaab337e9f33216d78c8d0f8f564f4f542a0e513019c9f37981911544f520607dca9a8892d71e
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: 99;
39
+ z-index: 9;
51
40
  }
52
41
 
53
- /* Extend the accessible hide class to the closed class 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>ul on small screens when JS is enabled
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
- @media screen and (min-width: $screenwidth) {
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>ul when JS is enabled and screen is big */
96
- &.initiated li ul,
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.1.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-07 00:00:00.000000000 Z
11
+ date: 2014-10-23 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler