cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: highlight variation

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-17 16:06:18 -07:00
parent 3f94ea54bc
commit 8b6610e743
No known key found for this signature in database
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/assets/styles/index.css
View file

@ -280,10 +280,29 @@ footer nav:last-child span:not(.active) {
color: var(--color-lightest); color: var(--color-lightest);
background-color: var(--accent-color); background-color: var(--accent-color);
padding: var(--sizing-xs); padding: var(--sizing-xs);
}
p .highlight-text:nth-child(even) {
-webkit-clip-path: polygon(2px 0px,99.5% 0,100% 93%,0px 100%);
clip-path: polygon(2px 0px,99.5% 0,100% 93%,0px 100%);
}
p .highlight-text:nth-child(odd) {
-webkit-clip-path: polygon(2px 0px,99.5% 0,98.5% 95%,0px 100%);
clip-path: polygon(2px 0px,99.5% 0,98.5% 95%,0px 100%);
}
p .highlight-text:first-of-type {
-webkit-clip-path: polygon(1px 2px,99.5% 0,100% 95%,0px 100%); -webkit-clip-path: polygon(1px 2px,99.5% 0,100% 95%,0px 100%);
clip-path: polygon(1px 2px,99.5% 0,100% 95%,0px 100%); clip-path: polygon(1px 2px,99.5% 0,100% 95%,0px 100%);
} }
p .highlight-text:last-of-type {
-webkit-clip-path: polygon(0 0,100% 0,100% 90%,0px 95%);
clip-path: polygon(0 0,100% 0,100% 90%,0px 95%);
}
code { code {
padding: var(--sizing-xs); padding: var(--sizing-xs);
color: var(--text-color-inverted); color: var(--text-color-inverted);