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 {
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 ------------------- */

4
example.html
View File

@ -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.