62 lines
1.3 KiB
SCSS
62 lines
1.3 KiB
SCSS
////////////////// Blockquotes, Notes, Warnings, & Messages //////////////////
|
|
|
|
blockquote,
|
|
.block, {
|
|
padding: 1.65rem 2rem .1rem 2rem;
|
|
margin: 1rem 0 2rem;
|
|
border-width: 0 0 0 4px;
|
|
border-style: solid;
|
|
border-radius: 0 $radius $radius 0;
|
|
font-size: 1.05rem;
|
|
|
|
ul,ol {
|
|
&:last-child { margin-bottom: 1.85rem; }
|
|
}
|
|
|
|
& > h2,
|
|
& > h3,
|
|
& > h4,
|
|
& > h5,
|
|
& > h6 {
|
|
&:first-child {margin-top: 0; padding-top: 0.25em;}
|
|
}
|
|
}
|
|
|
|
blockquote {
|
|
padding: 1rem 1rem 1rem 1.25rem;
|
|
border-color: rgba($article-text, .25);
|
|
p, li {
|
|
font-size: 1.15rem;
|
|
font-style: italic;
|
|
color: rgba($article-text, .5);
|
|
}
|
|
*:last-child {margin-bottom: 0;}
|
|
.cite {
|
|
display: block;
|
|
margin-top: -1rem;
|
|
font-style: italic;
|
|
font-size: .85rem;
|
|
opacity: .8;
|
|
}
|
|
}
|
|
|
|
// Normal paragraph citations
|
|
& > p span.cite {
|
|
vertical-align: super;
|
|
line-height: 0;
|
|
font-size: .7rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
|
|
@include media(small) {
|
|
blockquote,
|
|
.block {
|
|
padding: 1.35rem 1.25rem .1rem 1.25rem;
|
|
margin: .5rem 0 1rem;
|
|
}
|
|
}
|