clean up p styling with new classes to separate things under an h2 and things not under an h2
This commit is contained in:
@ -45,6 +45,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.resident #bio,
|
||||
.contact ul {
|
||||
background-color: var(--color-bg-alt);
|
||||
border-radius: 0 0 1rem 1rem;
|
||||
}
|
||||
|
||||
.contact {
|
||||
margin-top: 4rem;
|
||||
text-align: center;
|
||||
|
||||
@ -128,23 +128,9 @@ a:focus-visible {
|
||||
main p,
|
||||
main ul {
|
||||
padding: .8rem;
|
||||
background-color: var(--color-bg-alt);
|
||||
border-radius: 0 0 1rem 1rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
main > p,
|
||||
main > ul {
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 750px) {
|
||||
main > p,
|
||||
main > ul {
|
||||
margin-left: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
@ -152,3 +138,24 @@ main li {
|
||||
main li:not(:last-child) {
|
||||
padding: 0 0 .5rem;
|
||||
}
|
||||
|
||||
/* styles for sets of <p>s under an h2/3/etc vs alone */
|
||||
.under-header,
|
||||
.no-header {
|
||||
background-color: var(--color-bg-alt);
|
||||
}
|
||||
|
||||
.under-header {
|
||||
border-radius: 0 0 1rem 1rem;
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 750px) {
|
||||
.under-header {
|
||||
margin-left: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.no-header {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user