kazhnuz
/
clear-typography
1
0
Fork 0
Code Issues 4 Pull Requests Releases 1 Wiki Activity

css: add 'mark' support

This commit is contained in:
Kazhnuz 2018-10-03 17:43:55 +02:00
parent bbfa34f229
commit 718f7529b6
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/clear-typography.css
View File

@ -230,7 +230,23 @@ pre {
.night-mode pre { .night-mode pre {
background-color:#222; 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 ------------------- */ /* ------------------ SPECIAL STYLING ------------------- */

4
example.html
View File

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