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
div.brand > * {
padding: 0 0.25em;
padding-left: 0.25em;
padding-right: 0.25em;
}
div.brand:hover img#logo {

View File

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

View File

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