<div class="paragraph ">
    <pre>
    Preformatted text
</pre>

</div>
<div class="paragraph {{ class }}">
    {{#if tag }}
        <{{{ tag }}} {{{ attributes }}}>
            {{{ text }}}
        </{{{ tag }}}>
    {{/if}}
    {{#if contentElement }}
        {{ render (component contentElement) contentContext }}
    {{/if}}
</div>
{
  "contentElement": "preformatted"
}
  • Content:
    $paragraph-color      : $color-primary !default;
    $paragraph-font-family: $font-family-base !default;
    $paragraph-font-weight: $font-weight-normal !default;
    $paragraph-line-height: $font-line-height !default;
    $paragraph-font-size  : $font-size-medium !default;
    $paragraph-margin     : 0 0 $spacer--medium 0 !default;
    $paragraph-padding    : 0 !default;
    $paragraph-transition : none !default;
    
    .paragraph {
        color: $paragraph-color;
        font-family: $paragraph-font-family;
        font-weight: $paragraph-font-weight;
        line-height: $paragraph-line-height;
        font-size: $paragraph-font-size;
        margin: $paragraph-margin;
        padding: $paragraph-padding;
        transition: $paragraph-transition;
    }
    
    p {
        @extend .paragraph;
    }
    
  • URL: /components/raw/paragraph/_paragraph.scss
  • Filesystem Path: build/components/Atoms/typography/paragraph/_paragraph.scss
  • Size: 729 Bytes
  • Handle: @paragraph--preformatted-paragraph
  • Preview:
  • Filesystem Path: build/components/Atoms/typography/paragraph/paragraph.hbs

No notes defined.