Composition page styling and general link styling.

This commit is contained in:
JesseBrault0709 2024-06-08 09:21:24 +02:00
parent 91e6220abf
commit ce977cf79d

View File

@ -147,6 +147,14 @@ button {
border-radius: 3px; border-radius: 3px;
} }
a {
color: var(--petrol);
}
a:hover {
color: rgba(from var(--petrol) r g b / 0.5);
}
.headshot-container { .headshot-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -257,9 +265,9 @@ button {
.composition-info { .composition-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 10px; row-gap: 20px;
border-bottom: 1px solid var(--light-gray); border-bottom: 1px solid var(--light-gray);
padding-block-end: 1em; padding-block-end: 2em;
} }
.composition-info .composition-titles-year-container { .composition-info .composition-titles-year-container {
@ -280,13 +288,17 @@ button {
.composition-info .alternate-versions { .composition-info .alternate-versions {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 5px; row-gap: 10px;
} }
.composition-info .alternate-versions ul { .composition-info .alternate-versions ul {
margin: 0; margin: 0;
} }
.composition-text p:first-child {
margin-block-start: 2em;
}
.contact-banner article.social-media-links { .contact-banner article.social-media-links {
font-family: var(--gothic); font-family: var(--gothic);
} }