Not using address, mark, var

Author: philwareham

src/assets/sass/modules/_typography.scss

@@ -37,7 +37,6 @@ body {
  * <p class="align-justify">
  */
 
-address,
 article,
 aside,
 blockquote,
@@ -188,14 +187,6 @@ strong {
     font-weight: 700;
 }
 
-/**
- * Add vertical margin to addresses.
- */
-
-address {
-    margin: 1em 0;
-}
-
 /**
  * Oxford English quote behaviour (quotes: ‘ ’, quotes within quotes: “ ”).
  */
@@ -246,18 +237,6 @@ abbr[title] {
     text-decoration: underline dotted; /* 2 */
 }
 
-/**
- * Consistent styling for `mark` and `var` tags.
- */
-
-mark,
-var {
-    padding: 0 0.25em; // 0 4px
-    border-radius: setup.$border-radius / 2;
-    background: var(--clr-hilite-box);
-    color: var(--clr-text);
-}
-
 /**
  * Harmonize size and style of computer text.
  *

src/docs/design-patterns.html

@@ -332,32 +332,6 @@ <h4>h4 Heading 4 h4 Heading 4 h4 Heading 4 h4 Heading 4 h4 Heading 4 h4 Heading
                         <p>This text has a reference in the footnote<sup class="footnote" id="fnrevanchor1"><a href="#fnanchor1">1</a></sup>.</p>
                         <p class="footnote" id="fnanchor1"><sup>1</sup> Here is the footnote.</p>
 
-                        <h3>Contact details</h3>
-                        <p>Uses both the <a rel="external" href="https://schema.org/" title="Go to the Schema.org website">Schema.org</a> and <a rel="external" href="http://microformats.org/wiki/hcard" title="Go to the hCard website">hCard</a> microformats.</p>
-                        <!-- possible schema types: Organization, Corporation, etc (see https://schema.org/Organization for more info) -->
-                        <div class="vcard" role="group" itemscope itemtype="https://schema.org/Organization">
-                            <p class="org fn" itemprop="name">Organization Name</p>
-                            <address class="adr" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
-                                <span class="street-address" itemprop="streetAddress">13 Mystreet</span>,
-                                <span class="locality" itemprop="addressLocality">Mytown</span>,
-                                <span class="region" itemprop="addressRegion">Myshire</span>,
-                                <span class="postal-code" itemprop="postalCode">GU1 0AB</span>,
-                                <span class="country" itemprop="addressCountry">United Kingdom</span>
-                            </address>
-                            <p class="tel" itemprop="contactPoint">
-                                <span class="type" itemprop="name">Telephone</span>
-                                <span class="value" itemprop="telephone">01234 456789</span>
-                            </p>
-                            <p class="tel" itemprop="contactPoint">
-                                <span class="type" itemprop="name">Mobile</span>
-                                <span class="value" itemprop="telephone">07900 123456</span>
-                            </p>
-                            <p itemprop="contactPoint">
-                                <span itemprop="name">Email</span>
-                                <a class="email" itemprop="email" href="mailto:anon@example.com" title="Email us">anon@example.com</a>
-                            </p>
-                        </div>
-
                         <h3>Text ranged left</h3>
                         <p style="text-align:left;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit.</p>
 
@@ -465,14 +439,6 @@ <h3>Keyboard Input</h3>
                                 <p>The <kbd>kbd element</kbd> example</p>
                             </div>
 
-                            <div class="layout-3col">
-                                <h3>Mark</h3>
-                                <p><strong>Code:</strong></p>
-                                <p><code class="language-markup">&lt;mark&gt;</code></p>
-                                <p><strong>Example:</strong></p>
-                                <p>The <mark>mark element</mark> example</p>
-                            </div>
-
                             <div class="layout-3col">
                                 <h3>Quote</h3>
                                 <p><strong>Code:</strong></p>
@@ -537,14 +503,6 @@ <h3>Underline</h3>
                                 <p>The <u>u element</u> example</p>
                             </div>
 
-                            <div class="layout-3col">
-                                <h3>Variable</h3>
-                                <p><strong>Code:</strong></p>
-                                <p><code class="language-markup">&lt;var&gt;</code></p>
-                                <p><strong>Example:</strong></p>
-                                <p>The <var>var element</var> example</p>
-                            </div>
-
                         </div>
                     </section>