57 lines
1.4 KiB
CSS
57 lines
1.4 KiB
CSS
.guestbook-message blockquote {
|
|
margin-bottom: var(--space-m);
|
|
margin-top: var(--space-3xs);
|
|
padding: var(--space-m) var(--space-2xl);
|
|
&:before {
|
|
color: var(--contrast-color);
|
|
content: "“";
|
|
font-size: 10rem;
|
|
font-variation-settings:
|
|
"opsz" 72,
|
|
"wght" 360,
|
|
"SOFT" 0,
|
|
"WONK" 0;
|
|
margin-left: calc((var(--space-xl) * 1.25) * -1);
|
|
margin-top: calc((var(--space-s) * 1.3) * -1);
|
|
position: absolute;
|
|
}
|
|
}
|
|
.guestbook-message p {
|
|
margin-block: 0 0;
|
|
position: relative;
|
|
}
|
|
.guestbook-message p b,
|
|
.guestbook-message p small {
|
|
color: var(--color-metadata);
|
|
font-family: var(--font-family-metadata);
|
|
font-size: var(--font-size-metadata);
|
|
font-variation-settings: var(--font-variation-settings-metadata);
|
|
text-transform: var(--text-transform-metadata);
|
|
letter-spacing: var(--letter-spacing-metadata);
|
|
& a[href] {
|
|
color: var(--color-metadata);
|
|
}
|
|
}
|
|
#guestbooks___challenge-answer-container br,
|
|
.guestbooks___input-container br {
|
|
display: none;
|
|
}
|
|
.guestbook-message-reply {
|
|
margin-left: var(--space-l);
|
|
margin-top: calc(var(--space-s) * -1);
|
|
padding-left: var(--space-s);
|
|
font-style: italic;
|
|
& blockquote {
|
|
padding-left: var(--space-s);
|
|
}
|
|
& blockquote::before {
|
|
content: "";
|
|
}
|
|
& p::before {
|
|
content: "Reply from ";
|
|
font-family: var(--meta-font-family);
|
|
font-size: var(--meta-font-size);
|
|
font-variation-settings: var(--meta-font-variation-settings);
|
|
}
|
|
}
|