status add and css for ul
This commit is contained in:
@ -36,7 +36,10 @@
|
|||||||
<h1>Markets at the Beall Greenhouses</h1>
|
<h1>Markets at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<h2>Status</h2>
|
<h2>Status</h2>
|
||||||
<p>We've just completed a successful <a href="/events/2025-solstice">Solstice 2025</a> market. Stay tuned for more!</p>
|
<ul>
|
||||||
|
<li>We've just completed a successful <a href="/events/2025-solstice">Solstice 2025</a> market. Stay tuned for more!</li>
|
||||||
|
<li>Big website updates coming soon!</li>
|
||||||
|
</ul>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
|
|||||||
@ -101,19 +101,25 @@ a:focus-visible {
|
|||||||
outline: solid .25rem var(--color-accent);
|
outline: solid .25rem var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p,
|
||||||
background-color: var(--color-alt);
|
ul {
|
||||||
color: var(--color-text);
|
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
|
background-color: var(--color-alt);
|
||||||
border-radius: 0 0 1rem 1rem;
|
border-radius: 0 0 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
main > p {
|
li {
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > p,
|
||||||
|
main > ul {
|
||||||
margin-left: 2.5rem;
|
margin-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
@media (max-width: 650px) {
|
||||||
main > p {
|
main > p,
|
||||||
|
main > ul {
|
||||||
margin-left: 1.25rem;
|
margin-left: 1.25rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user