ari/arimelody.me-static
ari/arimelody.me-static
Archived
1
0
Fork 0
Code Issues 1 Pull requests Projects Wiki Activity Actions

added fixed header link/button style. more lighthouse optimisations

Browse source
This commit is contained in:
ari melody 2024-05-17 12:55:40 +01:00
parent 2dbed741a9
commit a37ca06241
Signed by: ari
GPG key ID: CF99829C92678188
5 changed files with 34 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

28
public/style/main.css
View file

@ -104,8 +104,7 @@ header ul li {
list-style: none;
}
header ul li a,
header ul li span {
.header-link {
padding: .2em .5em;
border: 1px solid var(--links);
color: var(--links);
@ -118,33 +117,42 @@ header ul li span {
opacity: 0;
}
header ul li span {
.header-link.disabled {
color: #aaa;
border-color: #aaa;
cursor: default;
text-decoration: none;
}
header ul li a:hover {
.header-link:not(.disabled):hover {
color: #eee;
border-color: #eee;
background-color: var(--links) !important;
text-decoration: none;
}
#toggle-crt a {
.header-btn {
padding: .2em .5em;
font-family: inherit;
font-size: inherit;
color: var(--primary);
border-color: var(--primary);
opacity: 1;
border: 1px solid var(--primary);
border-radius: 2px;
background-color: transparent;
transition-property: color, border-color, background-color;
transition-duration: .2s;
animation-delay: 0s;
animation: list-item-fadein .2s forwards;
opacity: 0;
}
#toggle-crt a:hover {
.header-btn:hover {
color: #111;
background-color: var(--primary) !important;
opacity: 1 !important;
}
#toggle-crt.disabled a {
.header-btn.disabled {
opacity: .5 !important;
}