Quote 

<link media="all" rel="stylesheet" href="/assets/themes/default/css/quote.css?cb=">

<blockquote class="quote">
    <p class="quote__quote">If you think good design is expensive, you should look at the cost of bad design</p>
    <footer>
        <p class="quote__author">Dr. Ralf Speth</p>
        <p class="quote__position">Chief Executive Officer, Jaguar Land Rover</p>
    </footer>
</blockquote>
 
{{#if firstInstance}}
<link media="all" rel="stylesheet" href="/assets/themes/{{theme}}/css/quote.css?cb={{cacheBuster}}">
{{/if}}

<blockquote class="quote">
    <p class="quote__quote">{{quote}}</p>
    <footer>
    {{#if author}}
    <p class="quote__author">{{author}}</p>
    {{/if}}
    {{#if position}}
    <p class="quote__position">{{position}}</p>
    {{/if}}
    </footer>
</blockquote>
 
{
  "theme": "default",
  "firstInstance": true,
  "quote": "If you think good design is expensive, you should look at the cost of bad design",
  "author": "Dr. Ralf Speth",
  "position": "Chief Executive Officer, Jaguar Land Rover"
}
  • Content: 
    @import 'source/scss/01-settings/_import';
@import 'source/scss/02-tools/_import';

.quote {
    &__cite {
        @extend %heading03;
    }

    &__author {
        @extend %p--body;
    }

    &__position {
        @extend %p--body;
        font-weight: bold;
    }
}
  • URL: /components/raw/quote/quote.scss
  • Filesystem Path: source/patterns/03-components/text/quote/quote.scss
  • Size: 270 Bytes

No notes defined.