michaelh/hugo-academic-mirror
1
0
Fork 0
mirror of https://github.com/gcushen/hugo-academic.git synced 2025-07-25 10:50:50 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(style): dynamically theme SVGs

Browse source 
And refactor HL shortcode to use semantic <mark>
This commit is contained in:
George Cushen 2021-02-02 23:45:12 +00:00
commit 3b32a8188f
3 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
wowchemy/assets/scss/wowchemy/_base.scss
View file

@ -255,6 +255,11 @@ figcaption.numbered {
counter-increment: captions;
}
// Dynamically theme SVGs
svg {
fill: currentColor;
}
pre,
code {
font-family: $sta-font-mono, monospace;
@ -302,9 +307,10 @@ blockquote p:last-child {
}
}
.markup-quote {
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(233, 231, 245, 1), rgba(233, 231, 245, 1));
mark,
.mark {
// Inherit color for dynamic light/dark compatibility.
color: inherit;
}
.space-below {

5
wowchemy/assets/scss/wowchemy/_dark.scss
View file

@ -55,8 +55,9 @@ body.dark,
border-color: rgb(68, 71, 90);
}
.dark .markup-quote {
background-image: linear-gradient(to bottom, rgba(233, 231, 245, 0.2), rgba(233, 231, 245, 0.2));
.dark mark,
.dark .mark {
background: rgba(233, 231, 245, 0.2);
}
.dark #MathJax_Zoom {

2
wowchemy/layouts/shortcodes/hl.html
View file

@ -1 +1 @@
<span class="markup-quote">{{ .Inner | markdownify | emojify }}</span>
<mark>{{ .Inner | markdownify | emojify }}</mark>