format and update phone number #12

openmindculture · Jul 21, 2022 · 0213678 · 0213678
1 parent 17b4e18
commit 0213678
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/htdocs/index.html b/htdocs/index.html
@@ -203,7 +203,13 @@ <h2>
             <div>
               <h1 class=fn itemprop=name><img src="img/Martina-Steinke.svg" alt="Martina Steinke" width="438" height="119"></h1>
               <div class=jobtitle itemprop=jobTitle>Modeberaterin und Stylistin</div>
-              <a class=telephone itemprop=telephone href="tel:+491625445028">0 162 . 54 450 28</a>
+              <a class=telephone itemprop=telephone href="tel:+491636823820">
+                <span class="visually-spaced">0</span>
+                <span class="visually-spaced dot-after">163</span>
+                <span class="visually-spaced">682</span>
+                <span class="visually-spaced">382</span>
+                <span class="visually-spaced">0</span>
+              </a>
               <a class=email itemprop=email itemscope=email href="mailto:mklein@meine-modeberaterin.de">mklein@meine-modeberaterin.de</a>
               <a itemscope=url href="//www.kleiderordnung-duesseldorf.de/">www.kleiderordnung-duesseldorf.de</a>
             </div>

diff --git a/src/stylesheets/partials/_main.scss b/src/stylesheets/partials/_main.scss
@@ -579,3 +579,13 @@ ul.tablist {
     display: none !important;
   }
 }
+
+.visually-spaced+.visually-spaced::before {
+  content: " ";
+  letter-spacing: .25rem;
+}
+
+.dot-after::after {
+  content: ".";
+  letter-spacing: .25rem;
+}