steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Gut grid mixins and replace with Susy for greater flexibility

Browse Source
This commit is contained in:
Michael Rose
2016-03-15 12:34:14 -04:00
parent 72661942cf
commit 6c6546c1ea
68 changed files with 4177 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
_assets/css/_page.scss
View File

@@ -6,26 +6,13 @@
@include container;
@include clearfix;
margin-top: 2em;
padding-left: 2em;
padding-right: 2em;
}
.page {
@include container;
@include grid(12,10);
@include prefix(12,1);
@include suffix(12,1);
@include breakpoint($small) {
@include grid(12,8);
@include prefix(12,0);
@include suffix(12,0);
}
@include breakpoint($large) {
@include grid(12,6);
}
@include breakpoint($x-large) {
@include grid(12,5);
@include breakpoint($medium) {
@include span(10 last);
}
}
@@ -38,6 +25,14 @@
p, li {
font-size: 16px;
}
// keep content from going to wide when toc is disabled
@include breakpoint($large) {
> h1, > h2, > h3, > h4, > h5, > h6, > hr,
> p, > ul, > ol, > blockquote, > table, > figure,
> div, > section, > img, > video, > form {
max-width: span(7 of 10);
}
}
}
.page__hero {
@@ -143,21 +138,12 @@
========================================================================== */
.page__related {
@include grid(12,10);
@include prefix(12,1);
@include suffix(12,1);
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid $border-color;
@include breakpoint($small) {
@include grid(12,6);
@include prefix(12,3);
@include suffix(12,3);
}
@include breakpoint($x-large) {
@include grid(12,4.5);
@include prefix(12,4);
@include suffix(12,3.5);
@include breakpoint($medium) {
@include span(10);
@include pre(2);
}
li {
margin-bottom: 0;