Composition page styling and general link styling.
This commit is contained in:
parent
91e6220abf
commit
ce977cf79d
@ -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);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user