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">― <cite>Lorem ipsum</cite></footer>
</blockquote>
-
Content:
@import '@ecl/ec-base/ec-base'; @import '@ecl/generic-component-blockquote/generic-component-blockquote--editor'; @include exports('ec-component-blockquote--editor') { @include ecl-editor-blockquote(); }
- URL: /components/raw/ec-component-blockquote/ec-component-blockquote--editor.scss
- Filesystem Path: ../../src/systems/ec/ec-component/ec-component-blockquote/ec-component-blockquote--editor.scss
- Size: 207 Bytes
-
Content:
/** * Blockquotes * @define blockquote */ // Import base and generic @import '@ecl/ec-base/ec-base'; @import '@ecl/generic-component-blockquote/generic-component-blockquote'; // Check if overridden dependencies are already loaded, if needed @include check-imports(('ec-style-typography-paragraph')); // Use generic mixin @include exports('ec-component-blockquote') { @include ecl-blockquote(); }
- URL: /components/raw/ec-component-blockquote/ec-component-blockquote.scss
- Filesystem Path: ../../src/systems/ec/ec-component/ec-component-blockquote/ec-component-blockquote.scss
- Size: 404 Bytes
- Handle: @ecl/ec-component-blockquote
- Preview:
- Filesystem Path: ../../src/systems/ec/ec-component/ec-component-blockquote/ec-component-blockquote.twig