revsuine/revsuine.xyz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

static/style.css: configure anchor and anchor hover styling

Browse source
This commit is contained in:
revsuine 2024-11-25 02:47:23 +00:00
parent d8eec50530
commit ae49705ff6
Signed by: revsuine
GPG key ID: 3F257B68F5BC9339
1 changed files with 23 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
static/style.css
View file

@ -8,6 +8,29 @@
--code_background: var(--bg_dim); --code_background: var(--bg_dim);
} }
a {
color: var(--accent);
/* actually i don't like how transitions look */
/* transition: 0.3s; */
}
a:hover {
color: var(--background) !important;
background-color: var(--accent) !important;
}
.code-toolbar {
border: 1px solid var(--bg3);
}
code {
background: var(--code_background);
}
.footnotes {
color: var(--faint_foreground);
}
/* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided
* to write it this way because i prefer to not use opacity to create colours when possible, instead setting * to write it this way because i prefer to not use opacity to create colours when possible, instead setting
* full-opacity explicit/unmodified colours. opacity is still used to create the dimmer hr in the footer. * full-opacity explicit/unmodified colours. opacity is still used to create the dimmer hr in the footer.
@ -22,11 +45,3 @@
opacity: 0.5; opacity: 0.5;
} }
.code-toolbar {
border: 1px solid var(--bg3);
}
code {
background: var(--code_background);
}