inherentlee/beall-greenhouses-market
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling for nav stuff

Browse Source
This commit is contained in:
Lee Cattarin
2025-12-27 21:57:41 -08:00
parent 3559e11ae7
commit 175e4026a0
1 changed files with 59 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
css/main.css
View File

@ -135,6 +135,52 @@ main > p {
}
}
ul {
background-color: var(--color-alt);
padding: .5rem;
border-radius: 0 0 1rem 1rem;
}
main > ul {
margin-left: 2.5rem;
}
@media (max-width: 650px) {
main > ul {
margin-left: 1.25rem;
}
}
li {
line-height: 2rem;
}
nav {
margin: 0 auto 1rem;
}
nav a {
text-decoration: none;
font-size: 1.2rem;
color: var(--color-accent);
padding: 0 .25rem;
border: solid thin;
border-radius: .25rem;
}
@media (any-hover: hover) {
nav a:hover {
background-color: var(--color-accent);
color: var(--color-bg);
}
}
nav a:focus-visible {
outline: none;
background-color: var(--color-accent);
color: var(--color-bg);
}
footer {
width: 95%;
margin: 0 auto;
@ -165,3 +211,16 @@ footer a:focus-visible {
column-gap: 3rem;
margin: 0 0 1rem;
}
#market-list {
display: flex;
}
#market-list li {
list-style: none;
font-size: 1rem;
}
#market-list li:not(:last-child)::after {
content: '⦿';
}