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 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