From 718f7529b671b54d7385bd5216b9c48155fc0c9a Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Wed, 3 Oct 2018 17:43:55 +0200
Subject: [PATCH] css: add 'mark' support

---
 css/clear-typography.css | 18 +++++++++++++++++-
 example.html             |  4 +---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/css/clear-typography.css b/css/clear-typography.css
index bb860e5..933dfef 100644
--- a/css/clear-typography.css
+++ b/css/clear-typography.css
@@ -230,7 +230,23 @@ pre {
 
 .night-mode pre {
   background-color:#222;
-  border-color:rgba(255,255,255,0.20)
+  border-color:rgba(255,255,255,0.20);
+}
+
+/* ------------------ SPECIAL STYLING ------------------- */
+
+mark {
+  border-radius: 0.2em;
+  padding:0;
+  padding-left:0.2em;
+  padding-right:0.2em;
+  
+  background-color:rgba(255,255,0,0.33);
+  color: inherit;
+}
+
+.night-mode mark {
+  background-color:rgba(128,128,0,0.66);
 }
 
 /* ------------------ SPECIAL STYLING ------------------- */
diff --git a/example.html b/example.html
index 80c5f96..5c23763 100644
--- a/example.html
+++ b/example.html
@@ -89,9 +89,7 @@
    </strong>
    . Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit.
    <mark>
-    Sed posuere lectus eu orci tristique maximus
-   </mark>
-   . Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit.
+    Sed posuere lectus eu orci tristique maximus</mark>. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit.
   </p>
   <p>
    Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero. Sed auctor quam turpis, quis volutpat lectus consectetur at.