Blockquote Component

Blockquote is the component for adding a quote from a reference sources. Bissetii uses the standard W3C <blockquote> HTML tag for rendering “Blockquote” content.

This component is available starting from v1.11.0.

Sass Styling Parts

The Sass script responsible for blockquote is located at:

assets/css/bissetii/modules/core/_Blockquote.scss

Currently, Bissetii only renders heavy theme-based background color.

Javascript Parts

This component does not rely on javascript.

HTML Parts

The HTML structure for blockquote is the native version and its cite attribute. The cite attribute is mainly for referencing the original sources. The HTML code is as follows:

<blockquote cite="https://loremipsum.io/">
	<h1>Lorem Ipsum</h1>
	<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 nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
	</p>
</blockquote>

This will render as:

Lorem Ipsum

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 nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.