mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
theme: add textmarker style for marked text #822
This commit is contained in:
parent
219d2a2dba
commit
58610aeefa
2 changed files with 12 additions and 1 deletions
|
@ -524,7 +524,13 @@ body:not(.print) #R-body-inner.narrow p {
|
|||
}
|
||||
|
||||
mark {
|
||||
background: transparent;
|
||||
border-radius: 0.8em 0.3em;
|
||||
-webkit-box-decoration-break: clone;
|
||||
box-decoration-break: clone;
|
||||
color: rgba( 0, 0, 0, 1 );
|
||||
margin: 0 -0.4em;
|
||||
padding: 0.1em 0.4em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
|
@ -97,7 +97,12 @@ a:focus,
|
|||
}
|
||||
|
||||
mark {
|
||||
background-color: var(--INTERNAL-ACCENT-color);
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
color-mix( in srgb, var(--INTERNAL-ACCENT-color) 20%, transparent ),
|
||||
color-mix( in srgb, var(--INTERNAL-ACCENT-color) 90%, transparent ) 4%,
|
||||
color-mix( in srgb, var(--INTERNAL-ACCENT-color) 40%, transparent )
|
||||
);
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
Loading…
Reference in a new issue