<blockquote class="blockquote">
If you see a faded sign by the side of the road that says Fifteen miles to the, love shack, love shack yeah. I'm headin' down the atlanta highway Lookin' for the love getaway. Headed for the love getaway, love getaway I got me a car, it's as big as a whale. And we're headin' on down to the love shack. I got me a chrysler, it seats about twenty. So hurry up and bring your jukebox money.
<p class="source">The B-52's</p>
</blockquote>
<blockquote class="blockquote">
{{ blockquote_content }}
<p class="source">{{ blockquote_source }}</p>
</blockquote>
{
"paragraph": "All around the world statues crumble for me. Who knows how long I've loved you. Everywhere I go people stop and they see. Twenty-five years old my mother God rest her soul. I just wanna fly. Put your arms around me, baby, put your arms around me, baby. I just wanna fly. Put your arms around me, baby, Put your arms around me, baby. Sugar Ray.",
"blockquote_content": "If you see a faded sign by the side of the road that says Fifteen miles to the, love shack, love shack yeah. I'm headin' down the atlanta highway Lookin' for the love getaway. Headed for the love getaway, love getaway I got me a car, it's as big as a whale. And we're headin' on down to the love shack. I got me a chrysler, it seats about twenty. So hurry up and bring your jukebox money.",
"blockquote_source": "The B-52's"
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2; }
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem; }
h6 {
font-size: 1rem; }
.h1 {
color: #000;
font-family: $font-heading;
font-weight: 700;
font-style: normal;
font-size: 3rem;
margin: 0 0 $space-one-half;
width: auto;
}
.h2 {
color: #000;
font-family: $font-heading;
font-weight: 700;
font-style: normal;
font-size: 2.25rem;
margin: 0 0 .5rem;
width: auto;
}
.h3 {
color: #000;
font-family: $font-heading;
font-weight: 700;
font-style: normal;
font-size: 1.875rem;
margin: 0 0 $space-one-half;
width: auto;
}
.h4 {
color: #000;
font-family: $font-heading;
font-weight: 600;
font-style: normal;
font-size: 1.5rem;
margin: 0 0 $space-one-half;
width: auto;
}
.h5 {
color: #000;
font-family: $font-heading;
font-weight: 600;
font-style: normal;
font-size: 1.25rem;
margin: 0 0 $space-one-half;
width: auto;
}
.h6 {
color: #000;
font-family: $font-heading;
font-weight: 600;
font-style: normal;
font-size: 1rem;
margin: 0 0 $space-one-half;
width: auto;
}
//.paragraph {
// margin: 0 0 $space;
//}
.link {
color: $hyperlink;
}
.blockquote {
color: $grey_darkest;
text-align: center;
font-size: 1.5rem;
border-top: solid 3px $lehigh-brown;
border-bottom: solid 3px $lehigh-brown;
margin: $space-double;
padding: $space-double;
position: relative;
&::before {
content: "“";
color: $lehigh-brown;
font-size: 20rem;
font-family: $font-quotation;
opacity: 0.1;
position: absolute;
top: -25px;
left: -$space;
}
&::after {
content: "”";
color: $lehigh-brown;
font-size: 20rem;
font-family: $font-quotation;
opacity: 0.1;
position: absolute;
bottom: -150px;
right: -$space;
}
.source {
margin: 1rem 0 0 0;
font-size: 1rem;
color: $grey_k60;
font-style: italic;
&::before {
content: "- ";
}
}
}
.hr {
border-style: solid;
border-width: 1px 0 0;
color: currentColor;
}
No notes defined.