Jarvis WordPress Theme Styleguide

Source: assets/sass/style.scss, line 23
Example
It does not do well to dwell on dreams and forget to live. Harry Potter and the Sorcerer’s Stone
Markup
<blockquote>
It does not do well to dwell on dreams and forget to live.
<cite>Harry Potter and the Sorcerer’s Stone</cite>
</blockquote>
Source: assets/sass/lib/elements/_html.scss, line 94
Example
Markup
<section class="entry-author">
<img src="https://picsum.photos/250/250" class="avatar" height="250" width="250">
<div class="entry">
<h2 class="author">Harry Potter</h2>
<p>Harry defeated the dark lord, and is best friends with Ron and Hermione. He's married to Ginny and has some children. When he's not busy fighting evil he likes to snuggle up and watch Quidditch.</p>
<p><a class="contributor-posts-link" href="http://localhost/wordpress-themes/author/sixhours/">68 Articles</a></p>
</div>
</section>
Source: assets/sass/lib/elements/_entry.scss, line 147

2.3 #components.entry-breadcrumbs Breadcrumbs

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Display breadcrumbs on posts and categories.

Note that the span inside the links is required so that the links can be underlined without underlining the pseudo elements that make up the arrows.

Note also that the Toolbelt and Jetpack plugins add all sorts of other html to the breadcrumbs so that microformats work properly.

Example
Markup
<nav class="entry-breadcrumbs">
<a href="#" class="home-link"><span>Home</span></a>
<a href="#" itemprop="item"><span>Page</span></a>
<span class="current-page">Child Page</span>
</nav>
Source: assets/sass/lib/elements/_entry.scss, line 186

2.4 #components.fieldset-legend Fieldset & Legend

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Fieldsets and Legends should be used to group form controls. They are not used in WordPress by default, but I have styled them so they can be used by form plugins.

Example
Gryffindor
Markup
<fieldset><legend>Gryffindor</legend></fieldset>
Source: assets/sass/lib/elements/_forms.scss, line 254