More highlight, 'brand' tweaks
parent
6f748da235
commit
e4f9c6754b
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue