Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

🐞 fix: Adjust mobile styles for contact block
Deploy to Dreamhost (dev) / build (push) Successful in 33s
Details
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-07-04 19:40:01 -05:00
parent 001b8c07c3
commit 0a19256310
3 changed files with 89 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/blocks/contact-info/contact-info.css
+50 -4
View File
@@ -37,7 +37,7 @@ main#maincontent {
font-weight: 300;
gap: 0.75rem;
list-style: none;
margin: 0 0 3rem;
margin: 0 0 2.25rem;
padding: 0;
}
@@ -141,12 +141,58 @@ a.contact-info__value:hover {
@media (max-width: 767px) {
.contact-info {
padding-block: 2rem;
padding-block: 0;
}
.contact-info__details {
max-width: none;
padding: 2.75rem 0 2rem;
padding-inline: clamp(1.5rem, 5vw, 3rem);
}
.contact-info__heading {
margin-bottom: 1.375rem;
}
.contact-info__map {
margin-inline: clamp(1.5rem, 5vw, 3rem);
min-height: 18rem;
margin-inline: 0;
min-height: 30rem;
}
.contact-info__form .gfield {
margin-bottom: 1rem;
}
.contact-info__form .gfield_label {
letter-spacing: 0.08em;
margin-bottom: 0.35rem;
}
.contact-info__form input[type="text"],
.contact-info__form input[type="email"],
.contact-info__form input[type="tel"],
.contact-info__form input[type="url"],
.contact-info__form select {
min-height: 2.875rem;
padding: 0.45rem 0.75rem;
}
.contact-info__form textarea {
min-height: 13.5rem;
padding: 0.7rem 0.75rem;
}
.contact-info__form .gform_footer {
margin-top: 1.25rem;
}
.contact-info__form .gform_footer input[type="submit"],
.contact-info__form .gform_footer button[type="submit"] {
border-radius: 1rem 0.25rem;
font-size: 1.125rem;
line-height: 1;
min-width: 7.75rem;
padding: 0.65rem 1.4rem;
}
}