1 base Base
These are the default base styles applied to HTML elements.
Component classes can override these styles, but if no class applies a style to an HTML element, these styles will be the ones displayed.
styles.scss
, line 14
"This is a blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl."
Markup: base\blockquote.twig
<blockquote>
<p>"This is a blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc
iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at,
tincidunt nec, gravida vehicula, nisl."</p>
</blockquote>
base/_base.scss
, line 93
I am a H1 tag
I am a H2 tag
I am a H3 tag
I am a H4 tag
Markup: base\headlines.twig
<h1>I am a H1 tag</h1>
<h2>I am a H2 tag</h2>
<h3>I am a H3 tag</h3>
<h4>I am a H4 tag</h4>
base/_base.scss
, line 16
Ordered List
- List Item 1
- List Item 2
- List Item 3
- List Item 3.1
- List Item 3.2
- List Item 3.2.1
- List Item 3.2 2
- List Item 3.3
- List Item 4
Unordered List
- List Item 1
- List Item 2
- List Item 3
- List Item 3.1
- List Item 3.2
- List Item 3.2.1
- List Item 3.2 2
- List Item 3.3
- List Item 4
Markup: base\lists.twig
<h3>Ordered List</h3>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3
<ol>
<li>List Item 3.1</li>
<li>List Item 3.2
<ol>
<li>List Item 3.2.1</li>
<li>List Item 3.2 2</li>
</ol>
</li>
<li>List Item 3.3</li>
</ol>
</li>
<li>List Item 4</li>
</ol>
<hr />
<h3>Unordered List</h3>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3
<ul>
<li>List Item 3.1</li>
<li>List Item 3.2
<ul>
<li>List Item 3.2.1</li>
<li>List Item 3.2 2</li>
</ul>
</li>
<li>List Item 3.3</li>
</ul>
</li>
<li>List Item 4</li>
</ul>
base/_base.scss
, line 120
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Markup: base\table.twig
<table>
<thead>
<tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
</tbody>
</table>
base/_base.scss
, line 163
Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie dessert sugar plum toffee marzipan bonbon sesame snaps halvah. Macaroon croissant sweet cheesecake. Croissant icing muffin. Gingerbread pudding halvah bonbon chupa chups bonbon sugar plum fruitcake ice cream. Bear claw tootsie roll jujubes.
Jelly donut dragée sweet roll sesame snaps tootsie roll. Halvah powder chocolate cake pudding. Cotton candy fruitcake jelly beans cake. Marshmallow jelly apple pie cookie. Wafer chupa chups powder wafer. Danish cake candy
Markup: base\text.twig
<p>Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie
dessert sugar plum toffee <a href="#">marzipan bonbon sesame</a> snaps halvah.
Macaroon croissant sweet cheesecake. <i>Croissant icing</i> muffin. Gingerbread
pudding
halvah bonbon chupa chups bonbon sugar plum fruitcake ice cream. Bear claw
tootsie roll jujubes.</p>
<p>Jelly donut dragée sweet <a href="#">roll</a> sesame snaps
<strong>tootsie roll</strong>. Halvah powder chocolate cake pudding.
Cotton candy fruitcake jelly beans cake. Marshmallow
jelly apple pie cookie. Wafer chupa chups powder wafer. Danish cake candy </p>
base/_base.scss
, line 64