Alpaca components for Magento 2

Paragraph: P Paragraph 

<div class="paragraph ">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
    </p>
</div>
 
<div class="paragraph {{ class }}">
    {{#if tag }}
        <{{{ tag }}} {{{ attributes }}}>
            {{{ text }}}
        </{{{ tag }}}>
    {{/if}}
    {{#if contentElement }}
        {{ render (component contentElement) contentContext }}
    {{/if}}
</div>
 
{
  "tag": "p",
  "class": "",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris"
}
  • 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

No notes defined.