blockquote.scss

/*
<blockquote>
  我相信我們做出了巨大的進步：就業人數從未如此之多；我們對福利和教育進行改革，改善人民生活質量、建設更大更強的社會；保持對全世界最貧困人民做出的承諾；不論性別因素，讓相愛的人們合法結婚。所有這一切都將讓英國繼續保持其經濟實力。
  <span role="author">- 英國首相 卡梅倫</span>
</blockquote>
*/

blockquote {
  position: relative;
  margin: 35px 0 0 5%;
  display: block;
  padding: 28px 30px 48px 25px;
  background: rgba(226, 226, 226, 0.5);
  border-left: 10px solid #a1a1a1;
  line-height: 1.9;
  
  &::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 25px;
    top: -15px;
    background: image-url('quote.svg') center no-repeat;
    background-size: contain;
  }

  > span[role='author'] {
    position: absolute;
    right: 22px;
    bottom: 10px;
    font-style: italic;
  }
}