EU System

Blockquotes

Documentation • Demo

Blockquotes

Applies simple styles on ecl-blockquote class.

{#
  Parameters:
    - "body" (string) (default: '')
    - "author" (string) (optional)
    - "extra_classes" (string) (default: '')
    - "extra_attributes" (array) (default: []): format: [
        {
          "name" (string) (default: ''),
          "value" (string) (default: '')
        },
        ...
      ]
#}

{% include '@ecl/generic-component-blockquote' %}
 
{
  "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.",
  "author": "Lorem ipsum"
}
 
<blockquote class="ecl-blockquote">
  <p class="ecl-paragraph ecl-blockquote__body">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
  <footer class="ecl-blockquote__author">―&thinsp;<cite>Lorem ipsum</cite></footer>
</blockquote>
  • Content: 
    @import '@ecl/eu-base/eu-base';
@import '@ecl/generic-component-blockquote/generic-component-blockquote--editor';

@include exports('eu-component-blockquote--editor') {
  @include ecl-editor-blockquote();
}
  • URL: /components/raw/eu-component-blockquote/eu-component-blockquote--editor.scss
  • Filesystem Path: ../../src/systems/eu/eu-component/eu-component-blockquote/eu-component-blockquote--editor.scss
  • Size: 207 Bytes
  • Content: 
    /**
 * Blockquotes
 * @define blockquote
 */

// Import base and generic
@import '@ecl/eu-base/eu-base';
@import '@ecl/generic-component-blockquote/generic-component-blockquote';

// Check if overridden dependencies are already loaded, if needed
@include check-imports(('eu-style-typography-paragraph'));

// Use generic mixin
@include exports('eu-component-blockquote') {
  @include ecl-blockquote();
}
  • URL: /components/raw/eu-component-blockquote/eu-component-blockquote.scss
  • Filesystem Path: ../../src/systems/eu/eu-component/eu-component-blockquote/eu-component-blockquote.scss
  • Size: 404 Bytes
  • Handle: @ecl/eu-component-blockquote
  • Preview:
  • Filesystem Path: ../../src/systems/eu/eu-component/eu-component-blockquote/eu-component-blockquote.twig