Blockquotes with source in Hugo

This is how I’ve tried making blockquotes look the way I want them on daily.baty.net. It assumes that the last <p> or <a> element is meant to be the source, so treats that differently. I’m terrible with CSS, so mostly just pay attention to the part about last-of-type. With that, the final paragraph or link in the quote is treated as the source/citation.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
blockquote {
  font-size: 1.25em;
  margin-bottom: 1em;
  background: #eee;
  padding: 1em;
  border-radius: 0.5em;
}

blockquote figcaption {
  text-align: right;
}
blockquote cite, blockquote figcaption {
    font-size: 14px;

}

blockquote p:last-of-type a, blockquote p:last-of-type {
    font-size: 0.8em;
    text-align: right;
}
blockquote p:last-of-type a, blockquote p:last-of-type::before {
    content: "\2014 ";
}