Files
godot-website/assets/css/anchor-link.css
Yuri Sizov 93e49332a2 Release 4.2 beta 1 and publish release notes (#728)
Release Godot 4.2 beta 1 and publish release notes
2023-10-12 16:49:43 +02:00

46 lines
926 B
CSS

.anchored-link {
display: none;
background-image: url(/assets/icons/link.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
text-decoration: none;
margin-left: 10px;
vertical-align: middle;
width: 0.8em;
height: 0.8em;
max-width: 24px;
max-height: 24px;
}
.anchored-link:hover {
opacity: 0.9;
}
@media (prefers-color-scheme: light) {
.anchored-link {
filter: invert(1);
}
.anchored-link:hover {
filter: invert(1);
}
}
.anchored:hover .anchored-link {
display: inline-block;
}
.anchored-toast {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
background-color: var(--dark-color);
border-radius: 24px;
color: var(--dark-color-text-hl);
font-size: 14px;
font-weight: 600;
padding: 12px 18px;
text-align: center;
z-index: 100;
}