UHasselt Component Library

RTE Block 

<section class='org-rte-block'>
    <div class='uhasselt-container'>
        <div class='paragraph '>
            <p>Lorem ipsum dolor sit amet, <a href="/">Duis malesuada justo</a> ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong> ligula vel ultricies consequat sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
        </div>

        <div class='paragraph'>
            <a href='/media/icycuidj/test.pdf' title='Test' target='_blank' class='pdf_img_link'>
                <figure><img src='/media/kghfsqlg/cover1.png?width=402&amp;height=300' alt='' width='402' height='300' />
                    <figcaption>(pdf, 439 KB)</figcaption>
                </figure>
            </a>
            </p>
        </div>
    </div>
</section>
 
<section class='org-rte-block'>
    <div class='uhasselt-container'>
        {{render '@paragraph'}}

        <div class='paragraph'>
                <a
                        href='/media/icycuidj/test.pdf'
                        title='Test'
                        target='_blank'
                        class='pdf_img_link'
                    ><figure><img
                            src='/media/kghfsqlg/cover1.png?width=402&amp;height=300'
                            alt=''
                            width='402'
                            height='300'
                        /><figcaption>(pdf, 439 KB)</figcaption></figure></a>
            </p>
        </div>
    </div>
</section>
 
/* No context defined. */
  • Content: 
    .org-rte-block {
    @apply mb-8;

    h3.heading,
    .heading.h3 {
        @apply text-red;
    }

    .pdf_img_link {
        @apply inline-block;
        @apply no-underline;
        @apply text-black;

        &:before,
        &:after {
            @apply hidden;
        }

        figcaption {
            @apply bg-gray;
            @apply p-2;

            &:before {
                content: '\f1c1';
                font-family: 'Font Awesome 5 Pro';
                @apply font-bold;
                @apply mr-2;
            }
            &:after {
                content: '\f019';
                font-family: 'Font Awesome 5 Pro';
                @apply ml-2;
                @apply font-bold;
            }
        }
    }
}
  • URL: /components/raw/rte-block/rte-block.css
  • Filesystem Path: src\components\04-organisms\rte-block\rte-block.css
  • Size: 779 Bytes

No notes defined.