From 481f579ab83fa1c89328b565784ee5e0cc3ef3c3 Mon Sep 17 00:00:00 2001
From: philwareham <phil@designhive.com>
Date: Fri, 14 May 2021 10:23:10 +0100
Subject: [PATCH] Not using address, mark, var

---
 src/assets/sass/modules/_typography.scss | 21 ------------
 src/docs/design-patterns.html            | 42 ------------------------
 2 files changed, 63 deletions(-)

diff --git a/src/assets/sass/modules/_typography.scss b/src/assets/sass/modules/_typography.scss
index 17c38f5d..e0703b96 100644
--- a/src/assets/sass/modules/_typography.scss
+++ b/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.
  *
diff --git a/src/docs/design-patterns.html b/src/docs/design-patterns.html
index c5f97a21..184e2692 100644
--- a/src/docs/design-patterns.html
+++ b/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>