Vechtsport Online Components for Magento 2

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

        <a href="#">
            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
        </a>
    </p>

    <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>

    <pre>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</pre>

    <blockquote>
        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
    </blockquote>
</div>
 
<div class="paragraph">
    <p>
        {{basicText}}

        <a href="#">
            {{basicText}}
        </a>
    </p>

    <span>
        {{basicText}}
    </span>

    <pre>{{basicText}}</pre>

    <blockquote>
        {{basicText}}
    </blockquote>
</div>
 
{
  "basicText": "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-secondary !default;
$paragraph-font-family: $font-family-base !default;
$paragraph-font-weight: $font-weight-normal !default;
$paragraph-line-height: $font-line-height-alternative !default;
$paragraph-font-size  : $font-size-base !default;
$paragraph-margin     : 0 0 $spacer--medium 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;
    transition: $paragraph-transition;
}
.plink {
    text-decoration: underline;
    color: $red;
}
.plinkstrong {
    font-weight: 800;
}
p {
    @extend .paragraph;
    a {
        @extend .plink;
    }
    strong {
        a {
            @extend .plinkstrong;
        }
    }
}
  • URL: /components/raw/paragraph/_paragraph.scss
  • Filesystem Path: build/components/01-globals/typography/paragraph/_paragraph.scss
  • Size: 883 Bytes
  • Handle: @paragraph
  • Preview:
  • Filesystem Path: build/components/01-globals/typography/paragraph/paragraph.hbs

There are no notes for this item.