|
|
@ -127,16 +127,17 @@ body.sidebar-footer { |
|
|
|
@media only screen and (min-width: 750px) { |
|
|
|
aside.sidebar { @include collapse-sidebar; } |
|
|
|
} |
|
|
|
#main, #content, .sidebar { |
|
|
|
@extend .group; |
|
|
|
} |
|
|
|
@media only screen and (min-width: 768px) { |
|
|
|
body { -webkit-text-size-adjust: auto; } |
|
|
|
body > header { font-size: $header-font-size * 1.2; } |
|
|
|
#main { |
|
|
|
@extend .group; |
|
|
|
padding: 0; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
#content { |
|
|
|
@extend .group; |
|
|
|
overflow: visible; |
|
|
|
margin-right: $sidebar-width-medium; |
|
|
|
position: relative; |
|
|
@ -149,7 +150,6 @@ body.sidebar-footer { |
|
|
|
} |
|
|
|
} |
|
|
|
aside.sidebar { |
|
|
|
@extend .group; |
|
|
|
width: $sidebar-width-medium - $sidebar-pad-medium*2; |
|
|
|
padding: 0 $sidebar-pad-medium $sidebar-pad-medium; |
|
|
|
background: none; |
|
|
@ -180,7 +180,6 @@ body.sidebar-footer { |
|
|
|
padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide; |
|
|
|
.collapse-sidebar & { |
|
|
|
padding: { left: $pad-wide; right: $pad-wide; } |
|
|
|
@extend .group; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -190,3 +189,4 @@ body.sidebar-footer { |
|
|
|
ul, ol { margin-left: 0; } |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|