... | ... |
@@ -19,7 +19,7 @@ body { |
19 | 19 |
max-width: $max-width; |
20 | 20 |
position: relative; |
21 | 21 |
margin: 0 auto; |
22 |
- > header, > nav, > footer, #content > article, #content > div > article { |
|
22 |
+ > header, > nav, > footer, #content > article, #content > div > article, #content > div > nav { |
|
23 | 23 |
@extend .group; |
24 | 24 |
padding-left: $pad-min; |
25 | 25 |
padding-right: $pad-min; |
... | ... |
@@ -60,10 +60,10 @@ body { |
60 | 60 |
#content aside { |
61 | 61 |
@extend .group; |
62 | 62 |
section { |
63 |
- &.odd, &.even { float: left; width: 48%; } |
|
64 |
- &.odd { margin-left: 0; } |
|
65 |
- &.even { margin-left: 4%; } |
|
66 |
- } |
|
63 |
+ &.odd, &.even { float: left; width: 48%; } |
|
64 |
+ &.odd { margin-left: 0; } |
|
65 |
+ &.even { margin-left: 4%; } |
|
66 |
+ } |
|
67 | 67 |
} |
68 | 68 |
} |
69 | 69 |
@media only screen and (min-width: 768px) { |
... | ... |
@@ -89,7 +89,10 @@ body { |
89 | 89 |
background: none; |
90 | 90 |
float: left; |
91 | 91 |
margin: 0 -100% 0 0; |
92 |
- section, section.even { width: auto; margin: 0; } |
|
92 |
+ section { |
|
93 |
+ width: auto; margin-left: 0; |
|
94 |
+ &.odd, &.even { float: none; width: auto; margin-left: 0; } |
|
95 |
+ } |
|
93 | 96 |
} |
94 | 97 |
.collapse-sidebar & { |
95 | 98 |
margin-right: 10px; |
... | ... |
@@ -21,14 +21,16 @@ function addSidebarToggler() { |
21 | 21 |
} |
22 | 22 |
}); |
23 | 23 |
sections = $('aside[role=sidebar] > section') |
24 |
+ if(sections.length > 1){ |
|
25 |
+ sections.each(function(section, index){ |
|
26 |
+ if ((sections.length >= 3) && index % 3 == 0) { |
|
27 |
+ $(section).addClass("first"); |
|
28 |
+ } |
|
29 |
+ count = ((index +1) % 2) ? "odd" : "even"; |
|
30 |
+ $(section).addClass(count); |
|
31 |
+ }); |
|
32 |
+ } |
|
24 | 33 |
if(sections.length >= 3){ $('aside[role=sidebar]').addClass('thirds') } |
25 |
- sections.each(function(section, index){ |
|
26 |
- if ((sections.length >= 3) && index % 3 == 0) { |
|
27 |
- $(section).addClass("first"); |
|
28 |
- } |
|
29 |
- count = ((index +1) % 2) ? "odd" : "even"; |
|
30 |
- $(section).addClass(count); |
|
31 |
- }); |
|
32 | 34 |
} |
33 | 35 |
function testFeatures() { |
34 | 36 |
var features = ['maskImage']; |