clean up p styling with new classes to separate things under an h2 and things not under an h2
This commit is contained in:
@ -35,15 +35,11 @@
|
||||
<main id="main">
|
||||
<h1>About the Beall Greenhouses</h1>
|
||||
|
||||
<h2 id="past">Past</h2>
|
||||
|
||||
<div class="no-header">
|
||||
<p><a href="https://www.historylink.org/File/2346" target="_blank">
|
||||
Read about the Beall Greenhouses on HistoryLink.org
|
||||
</a></p>
|
||||
|
||||
<h2 id="present">Present</h2>
|
||||
|
||||
<h2 id="future">Future</h2>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -38,17 +38,24 @@
|
||||
<h1>Solstice 2025 Market at the Beall Greenhouses</h1>
|
||||
|
||||
<h2>When?</h2>
|
||||
<div class="under-header">
|
||||
<p><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
|
||||
</div>
|
||||
|
||||
<h2>Where?</h2>
|
||||
<div class="under-header">
|
||||
<p>Studios in the former cold storage facility at the old Beall Greenhouses:
|
||||
<a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>What else?</h2>
|
||||
<div class="under-header">
|
||||
<p>There will be popcorn, cookies, fresh hot coffee from
|
||||
<a href="www.zenbelliescoffeeco.com" target="_blank">Zenbellies Coffee Co.</a>,
|
||||
and a warm fire.</p>
|
||||
and a warm fire.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Who?</h2>
|
||||
<div id="artists"><!-- auto-populated by artists.js --></div>
|
||||
|
||||
@ -37,18 +37,15 @@
|
||||
<main id="main">
|
||||
<h1>Imbolc 2026 Celebration & Market at the Beall Greenhouses</h1>
|
||||
|
||||
<h2>What?</h2>
|
||||
<p>Join us to celebrate the returning of the light.</p>
|
||||
|
||||
<h2>When?</h2>
|
||||
<p><time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
|
||||
|
||||
<h2>Where?</h2>
|
||||
<p>Studios in the former cold storage facility at the old Beall Greenhouses:
|
||||
<div class="no-header">
|
||||
<p>Join us to celebrate the returning of the light on
|
||||
<time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
|
||||
<p>Find us in studios in the former cold storage facility at the old Beall Greenhouses:
|
||||
<a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Who?</h2>
|
||||
<h2>Artists</h2>
|
||||
<div id="artists"><!-- auto-populated by artists.js --></div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user