mirror of
https://github.com/moparisthebest/android.moparisthebest.org
synced 2024-12-23 16:08:53 -05:00
fixed sidebar columnization
This commit is contained in:
parent
eba8e7f5f7
commit
b0a610095f
@ -19,7 +19,7 @@ body {
|
||||
max-width: $max-width;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
> header, > nav, > footer, #content > article, #content > div > article {
|
||||
> header, > nav, > footer, #content > article, #content > div > article, #content > div > nav {
|
||||
@extend .group;
|
||||
padding-left: $pad-min;
|
||||
padding-right: $pad-min;
|
||||
@ -60,10 +60,10 @@ body {
|
||||
#content aside {
|
||||
@extend .group;
|
||||
section {
|
||||
&.odd, &.even { float: left; width: 48%; }
|
||||
&.odd { margin-left: 0; }
|
||||
&.even { margin-left: 4%; }
|
||||
}
|
||||
&.odd, &.even { float: left; width: 48%; }
|
||||
&.odd { margin-left: 0; }
|
||||
&.even { margin-left: 4%; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
@ -89,7 +89,10 @@ body {
|
||||
background: none;
|
||||
float: left;
|
||||
margin: 0 -100% 0 0;
|
||||
section, section.even { width: auto; margin: 0; }
|
||||
section {
|
||||
width: auto; margin-left: 0;
|
||||
&.odd, &.even { float: none; width: auto; margin-left: 0; }
|
||||
}
|
||||
}
|
||||
.collapse-sidebar & {
|
||||
margin-right: 10px;
|
||||
|
@ -21,14 +21,16 @@ function addSidebarToggler() {
|
||||
}
|
||||
});
|
||||
sections = $('aside[role=sidebar] > section')
|
||||
if(sections.length > 1){
|
||||
sections.each(function(section, index){
|
||||
if ((sections.length >= 3) && index % 3 == 0) {
|
||||
$(section).addClass("first");
|
||||
}
|
||||
count = ((index +1) % 2) ? "odd" : "even";
|
||||
$(section).addClass(count);
|
||||
});
|
||||
}
|
||||
if(sections.length >= 3){ $('aside[role=sidebar]').addClass('thirds') }
|
||||
sections.each(function(section, index){
|
||||
if ((sections.length >= 3) && index % 3 == 0) {
|
||||
$(section).addClass("first");
|
||||
}
|
||||
count = ((index +1) % 2) ? "odd" : "even";
|
||||
$(section).addClass(count);
|
||||
});
|
||||
}
|
||||
function testFeatures() {
|
||||
var features = ['maskImage'];
|
||||
|
Loading…
Reference in New Issue
Block a user