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 @@ . Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. - Sed posuere lectus eu orci tristique maximus - - . 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. 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.

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.