Simplify feature row SCSS
This commit is contained in:
parent
b26bc6fa87
commit
e528565f63
3 changed files with 11 additions and 61 deletions
|
@ -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" %}
|
||||||
|
|
|
@ -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
Loading…
Reference in a new issue