55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
@use "palette";
|
||
@use "settings";
|
||
|
||
p,
|
||
ul,
|
||
ol {
|
||
font-family: settings.$font-family-paragraph;
|
||
font-size: 1rem;
|
||
margin: 1rem 0 .5rem 0;
|
||
}
|
||
|
||
ul,
|
||
ol {
|
||
margin: 0 0 1.5rem 2rem;
|
||
|
||
> li::marker {
|
||
color: palette.$grey400;
|
||
}
|
||
}
|
||
|
||
blockquote {
|
||
position: relative;
|
||
font-family: settings.$font-family-paragraph;
|
||
margin: 2rem 1rem;
|
||
padding: 1rem;
|
||
background-color: palette.$standout;
|
||
box-shadow: .5rem .5rem 0 0 palette.$grey200;
|
||
|
||
&::before {
|
||
font-family: settings.$font-family-paragraph;
|
||
font-size: 2rem;
|
||
text-align: center;
|
||
content: '"';
|
||
position: absolute;
|
||
top: -.75rem;
|
||
left: -.75rem;
|
||
height: 2rem;
|
||
width: 2rem;
|
||
border-radius: 100%;
|
||
color: palette.$text;
|
||
background-color: palette.$primary;
|
||
}
|
||
|
||
&[cite] {
|
||
margin-bottom: 3rem;
|
||
|
||
&::after {
|
||
content: '– ' attr(cite);
|
||
position: absolute;
|
||
bottom: -2.5rem;
|
||
right: 3rem;
|
||
color: palette.$grey600;
|
||
}
|
||
}
|
||
} |