Adjust widths

This commit is contained in:
Michael Rose 2016-03-17 15:50:22 -04:00
parent f85dd7aee2
commit f87b828ca2
7 changed files with 27 additions and 17 deletions

View file

@ -7,6 +7,10 @@
@include clearfix; @include clearfix;
margin-top: 3em; margin-top: 3em;
padding: 0 2em 3em; padding: 0 2em 3em;
@include breakpoint($medium) {
padding-left: 1em;
padding-right: 1em;
}
a { a {
text-decoration: none; text-decoration: none;
&:hover { &:hover {

View file

@ -9,6 +9,10 @@
font-family: $sans-serif-narrow; font-family: $sans-serif-narrow;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
@include breakpoint($medium) {
padding-left: 1em;
padding-right: 1em;
}
a { a {
text-decoration: none; text-decoration: none;
} }

View file

@ -9,6 +9,10 @@
margin-top: 2em; margin-top: 2em;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
@include breakpoint($medium) {
padding-left: 1em;
padding-right: 1em;
}
} }
.page { .page {

View file

@ -7,7 +7,7 @@
display: block; display: block;
margin-bottom: 1em; margin-bottom: 1em;
@include span(2 of 12); @include span(2 of 12);
@include suffix(0.5 of 12); @include suffix(0.25 of 12);
} }
h2, h3, h4, h5, h6 { h2, h3, h4, h5, h6 {
font-family: $sans-serif-narrow; font-family: $sans-serif-narrow;

View file

@ -9,15 +9,13 @@
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
background-color: #fff; background-color: #fff;
// &.sticky { @include breakpoint($large) {
@include breakpoint($large) { position: absolute;
position: absolute; top: 0;
top: 0; right: calc(50% - 512px + 1em); // 50% - 1/2 of wrapper's max-width + wrapper padding
right: calc(50% - 512px + 2em); // 50% - 1/2 of wrapper's max-width + wrapper padding width: $right-sidebar-width;
width: $right-sidebar-width; padding-left: 2em;
padding-left: 2em; }
}
// }
} }
.toc__title { .toc__title {

View file

@ -92,10 +92,10 @@ $susy: (
gutter-position: after, gutter-position: after,
container: $large, container: $large,
global-box-sizing: border-box, global-box-sizing: border-box,
debug: ( // debug: (
image: show, // image: show,
color: blue, // color: blue,
output: overlay, // output: overlay,
toggle: top right, // toggle: top right,
), // ),
); );

File diff suppressed because one or more lines are too long