Simplify feature row SCSS

This commit is contained in:
Michael Rose 2016-04-01 12:50:07 -04:00
parent b26bc6fa87
commit e528565f63
3 changed files with 11 additions and 61 deletions

View file

@ -23,7 +23,7 @@ feature_row:
excerpt: "This is some sample content that goes here with **Markdown** formatting." excerpt: "This is some sample content that goes here with **Markdown** formatting."
url: "#test-link" url: "#test-link"
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse btn--large" btn_class: "btn--inverse"
- image_path: unsplash-gallery-image-3-th.jpg - image_path: unsplash-gallery-image-3-th.jpg
title: "Placeholder 3" title: "Placeholder 3"
excerpt: "This is some sample content that goes here with **Markdown** formatting." excerpt: "This is some sample content that goes here with **Markdown** formatting."
@ -34,7 +34,7 @@ feature_row2:
excerpt: 'This is some sample content that goes here with **Markdown** formatting. Left aligned with `type="left"`' excerpt: 'This is some sample content that goes here with **Markdown** formatting. Left aligned with `type="left"`'
url: "#test-link" url: "#test-link"
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse btn--large" btn_class: "btn--inverse"
feature_row3: feature_row3:
- image_path: unsplash-gallery-image-2-th.jpg - image_path: unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
@ -42,7 +42,7 @@ feature_row3:
excerpt: 'This is some sample content that goes here with **Markdown** formatting. Right aligned with `type="right"`' excerpt: 'This is some sample content that goes here with **Markdown** formatting. Right aligned with `type="right"`'
url: "#test-link" url: "#test-link"
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse btn--large" btn_class: "btn--inverse"
feature_row4: feature_row4:
- image_path: unsplash-gallery-image-2-th.jpg - image_path: unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
@ -50,7 +50,7 @@ feature_row4:
excerpt: 'This is some sample content that goes here with **Markdown** formatting. Centered with `type="center"`' excerpt: 'This is some sample content that goes here with **Markdown** formatting. Centered with `type="center"`'
url: "#test-link" url: "#test-link"
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse btn--large" btn_class: "btn--inverse"
--- ---
{% include feature-row id="intro" type="center" %} {% include feature-row id="intro" type="center" %}

View file

@ -147,6 +147,7 @@ a:hover {
.feature__item { .feature__item {
margin-bottom: 2em; margin-bottom: 2em;
font-size: 1.25rem;
@include breakpoint($small) { @include breakpoint($small) {
text-align: center; text-align: center;
@ -158,23 +159,10 @@ a:hover {
} }
} }
.archive__item-title {
margin-bottom: 0.5em;
font-size: $type-size-4;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: $type-size-5;
p {
font-size: $type-size-5;
}
}
&--left { &--left {
@include full(); @include full();
margin-bottom: 2em; margin-bottom: 2em;
font-size: 1.25rem;
@include breakpoint($small) { @include breakpoint($small) {
.archive__item-teaser { .archive__item-teaser {
@ -187,25 +175,13 @@ a:hover {
@include suffix(1 of 12); @include suffix(1 of 12);
} }
} }
.archive__item-title {
margin-bottom: 0.5em;
font-size: $type-size-4;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: $type-size-5;
p {
font-size: $type-size-5;
}
}
} }
&--right { &--right {
@include full(); @include full();
margin-bottom: 2em; margin-bottom: 2em;
font-size: 1.25rem;
@include breakpoint($small) { @include breakpoint($small) {
text-align: right; text-align: right;
@ -219,25 +195,13 @@ a:hover {
@include suffix(1 of 12); @include suffix(1 of 12);
} }
} }
.archive__item-title {
margin-bottom: 0.5em;
font-size: $type-size-4;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: $type-size-5;
p {
font-size: $type-size-5;
}
}
} }
&--center { &--center {
@include full(); @include full();
margin-bottom: 2em; margin-bottom: 2em;
font-size: 1.25rem;
@include breakpoint($small) { @include breakpoint($small) {
text-align: center; text-align: center;
@ -251,19 +215,5 @@ a:hover {
width: span(7 of 12); width: span(7 of 12);
} }
} }
.archive__item-title {
margin-bottom: 0.5em;
font-size: $type-size-4;
}
.archive__item-excerpt {
margin-bottom: 1em;
font-size: $type-size-5;
p {
font-size: $type-size-5;
}
}
} }
} }

File diff suppressed because one or more lines are too long