More highlight, 'brand' tweaks

main
mat ess 2023-01-28 20:42:58 -05:00
parent 6f748da235
commit e4f9c6754b
3 changed files with 19 additions and 7 deletions

View File

@ -48,7 +48,8 @@ html {
// Logo // Logo
div.brand > * { div.brand > * {
padding: 0 0.25em; padding-left: 0.25em;
padding-right: 0.25em;
} }
div.brand:hover img#logo { div.brand:hover img#logo {

View File

@ -31,7 +31,7 @@ header {
} }
header .main { header .main {
font-size: 1.5rem; font-size: 1.2rem;
/* Otherwise header and menu is too close on small screens*/ /* Otherwise header and menu is too close on small screens*/
margin-bottom: 10px; margin-bottom: 10px;

View File

@ -36,14 +36,25 @@ blockquote {
a { a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
box-shadow: inset 0 -.15em 0 var(--primary-color); box-shadow: inset 0 -3px 0 var(--primary-color);
transition: all .2s ease-in; padding-bottom: 3px;
transition: all .1s ease-in;
} }
a:hover { a:hover {
color: var(--hover-color); color: var(--hover-color);
box-shadow: inset 0 -1.15em 0 var(--primary-color); box-shadow: inset 0 -1.45em 0 var(--primary-color);
transition: all .2s ease; transition: all .3s ease;
}
@media (prefers-reduced-motion: reduce) {
a {
transition: none;
}
a:hover {
transition: none;
}
} }
time { time {