Fractal Starter
Project version : 0.1.2

Blockquote

<div class="blockquote-wrapper">
    <blockquote cite="#">
        <p>This is a quote</p>
    </blockquote>

    <cite>The author</cite>
</div>
{{#with blockquote}}
<div class="blockquote-wrapper">
    <blockquote cite="{{url}}">
        <p>{{text}}</p>
    </blockquote>

    <cite>{{author}}</cite>
</div>
{{/with}}
{
  "blockquote": {
    "url": "#",
    "text": "This is a quote",
    "author": "The author"
  }
}
  • Content:
    .blockquote-wrapper {
       blockquote {
          margin: 0;
          padding: $margin-s;
          background-color: $c-background-light;
       }
    
       cite {
          display: block;
          padding: $margin-s;
          &:before {
             content: "-";
          }
       }
    }
    
  • URL: /components/raw/blockquote/_blockquote.scss
  • Filesystem Path: components/04-elements/01-typography/07-blockquote/_blockquote.scss
  • Size: 245 Bytes
  • Handle: @blockquote
  • Preview:
  • Filesystem Path: components/04-elements/01-typography/07-blockquote/blockquote.hbs

There are no notes for this item.