46 lines
674 B
CSS
46 lines
674 B
CSS
.link {
|
|
color: var(--color-black);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.link--underline {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.link--underline:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.link--logo {
|
|
font-size: clamp(1rem,2.5vw,2rem);
|
|
gap: 1.25rem;
|
|
}
|
|
|
|
.link--logo img {
|
|
padding: 0.5rem 0 0.5rem 0.75rem;
|
|
}
|
|
|
|
.list--dropdown .link {
|
|
justify-content: center;
|
|
width: calc(100% - 0.75rem);
|
|
font-size: 1.25rem;
|
|
padding: 0.375rem;
|
|
}
|
|
|
|
.list--dropdown .link:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.link--socials {
|
|
margin-right: 1rem;
|
|
border-radius: 1rem;
|
|
box-shadow: var(--shadow-outset);
|
|
}
|
|
|
|
.link--socials:hover {
|
|
scale: 0.95;
|
|
}
|