Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rename some CSS vars to try and break some caching

Browse Source
This commit is contained in:
Jackson Harper
2023-08-24 16:57:53 +08:00
parent 85d53c6111
commit 913eba19a1
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/lib/highlights/highlightGenerator.ts
View File

@ -147,7 +147,7 @@ export function makeHighlightNodeAttributes(
}
if (customColor) {
newHighlightSpan.className = `${newHighlightSpan.className} highlight_${customColor}`
newHighlightSpan.className = `${newHighlightSpan.className} highlight__${customColor}`
}
newHighlightSpan.setAttribute(highlightIdAttribute, id)

8
packages/web/styles/articleInnerStyling.css
View File

@ -20,22 +20,22 @@
}
.highlight_green {
.highlight__green {
background-color: rgba(var(--colors-highlightBackgroundGreen), var(--colors-highlightBackgroundAlpha));
border-bottom: 2px solid rgba(var(--colors-highlightBackgroundGreen), var(--colors-highlightUnderlineAlpha));
}
.highlight_red {
.highlight__red {
background-color: rgba(var(--colors-highlightBackgroundRed), var(--colors-highlightBackgroundAlpha));
border-bottom: 2px solid rgba(var(--colors-highlightBackgroundRed), var(--colors-highlightUnderlineAlpha));
}
.highlight_blue {
.highlight__blue {
background-color: rgba(var(--colors-highlightBackgroundBlue), var(--colors-highlightBackgroundAlpha));
border-bottom: 2px solid rgba(var(--colors-highlightBackgroundBlue), var(--colors-highlightUnderlineAlpha));
}
.highlight_yellow {
.highlight__yellow {
background-color: rgba(var(--colors-highlightBackgroundYellow), var(--colors-highlightBackgroundAlpha));
border-bottom: 2px solid rgba(var(--colors-highlightBackgroundYellow), var(--colors-highlightUnderlineAlpha));
}