<div class="paragraph ">
<span>
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
</span>
</div>
<div class="paragraph {{ class }}">
{{#if tag }}
<{{{ tag }}} {{{ attributes }}}>
{{{ text }}}
</{{{ tag }}}>
{{/if}}
{{#if contentElement }}
{{ render (component contentElement) contentContext }}
{{/if}}
</div>
{
"tag": "span",
"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"
}
$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;
}
No notes defined.