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

Build out overlay header and feature row _include helper

Browse Source
This commit is contained in:
Michael Rose
2016-03-24 15:28:29 -04:00
parent 4a38b2a4c5
commit 28d6c28050
11 changed files with 250 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
assets/_scss/_archive.scss
View File

@ -122,3 +122,137 @@ a:hover {
}
}
}
/*
Features
========================================================================== */
.feature__wrapper {
@include clearfix();
margin-bottom: 2em;
border-bottom: 1px solid $border-color;
}
.feature__item {
margin-bottom: 2em;
@include breakpoint($small) {
text-align: center;
@include gallery(4 of 12);
.feature__item-teaser {
max-height: 200px;
overflow: hidden;
}
}
.archive__item-title {
margin-bottom: 0.5em;
font-size: 30px;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: 18px;
p {
font-size: 18px;
}
}
&--left {
@include full();
margin-bottom: 2em;
@include breakpoint($small) {
.archive__item-teaser {
@include span(5 of 12);
}
.archive__item-body {
@include span(7 of 12 last);
@include prefix(0.5 of 12);
@include suffix(1 of 12);
}
}
.archive__item-title {
margin-bottom: 0.5em;
font-size: 30px;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: 18px;
p {
font-size: 18px;
}
}
}
&--right {
@include full();
margin-bottom: 2em;
@include breakpoint($small) {
text-align: right;
.archive__item-teaser {
@include span(5 of 12 rtl);
}
.archive__item-body {
@include span(7 of 12 last rtl);
@include prefix(0.5 of 12);
@include suffix(1 of 12);
}
}
.archive__item-title {
margin-bottom: 0.5em;
font-size: 30px;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: 18px;
p {
font-size: 18px;
}
}
}
&--center {
@include full();
margin-bottom: 2em;
@include breakpoint($small) {
text-align: center;
.archive__item-teaser {
margin: 0 auto;
width: span(5 of 12);
}
.archive__item-body {
margin: 0 auto;
width: span(7 of 12);
}
}
.archive__item-title {
margin-bottom: 0.5em;
font-size: 30px;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: 18px;
p {
font-size: 18px;
}
}
}
}