More highlight, 'brand' tweaks
parent
6f748da235
commit
e4f9c6754b
|
@ -47,8 +47,9 @@ html {
|
|||
}
|
||||
|
||||
// Logo
|
||||
div.brand>* {
|
||||
padding: 0 0.25em;
|
||||
div.brand > * {
|
||||
padding-left: 0.25em;
|
||||
padding-right: 0.25em;
|
||||
}
|
||||
|
||||
div.brand:hover img#logo {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue