moparisthebest/www.moparisthebest.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed sidebar columnization

Browse Source
This commit is contained in:
Brandon Mathis 2011-07-13 11:57:44 -04:00
parent eba8e7f5f7
commit b0a610095f
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
.themes/classic/sass/base/_layout.scss
View File

@ -19,7 +19,7 @@ body {
max-width: $max-width; max-width: $max-width;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
> header, > nav, > footer, #content > article, #content > div > article { > header, > nav, > footer, #content > article, #content > div > article, #content > div > nav {
@extend .group; @extend .group;
padding-left: $pad-min; padding-left: $pad-min;
padding-right: $pad-min; padding-right: $pad-min;
@ -60,10 +60,10 @@ body {
#content aside { #content aside {
@extend .group; @extend .group;
section { section {
&.odd, &.even { float: left; width: 48%; } &.odd, &.even { float: left; width: 48%; }
&.odd { margin-left: 0; } &.odd { margin-left: 0; }
&.even { margin-left: 4%; } &.even { margin-left: 4%; }
} }
} }
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
@ -89,7 +89,10 @@ body {
background: none; background: none;
float: left; float: left;
margin: 0 -100% 0 0; 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 & { .collapse-sidebar & {
margin-right: 10px; margin-right: 10px;

16
.themes/classic/source/javascripts/octopress.js
View File

@ -21,14 +21,16 @@ function addSidebarToggler() {
} }
}); });
sections = $('aside[role=sidebar] > section') 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') } 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() { function testFeatures() {
var features = ['maskImage']; var features = ['maskImage'];