autonomic-cooperative/somos-infinitos-theme
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first round of mobile adjustments

Browse Source
This commit is contained in:
Aadil Ayub
2025-04-21 19:27:48 +05:00
parent 0d9a8539c7
commit 9507db840f
3 changed files with 61 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
assets/css/static.css
View File

@ -90,6 +90,8 @@ p {
flex-direction: column;
padding-top: 3rem;
gap: 2rem;
align-items: first baseline;
padding-bottom: 0;
}
}
.site-navigation ul.pages-list {
@ -106,6 +108,11 @@ p {
justify-content: space-between;
gap: 1em;
}
@media (max-width: 480px) {
.site-navigation .action-buttons {
display: none;
}
}
.site-navigation .action-buttons .btn {
margin-bottom: 0;
}
@ -143,7 +150,7 @@ section.hero .hero--container .hero--text h2 {
}
@media (max-width: 480px) {
section.hero .hero--container .hero--text h2 {
font-size: 34px;
font-size: 32px;
line-height: 1;
margin-top: 2rem;
}
@ -153,6 +160,11 @@ section.hero .hero--container .hero--text p {
font-size: 18px;
max-width: 446px;
}
@media (max-width: 480px) {
section.hero .hero--container .hero--text p {
font-size: 16px;
}
}
section.hero .hero--container .hero--img {
grid-column: 4/6;
width: 100%;
@ -184,7 +196,9 @@ section.hero .hero--container .hero--img {
}
@media (max-width: 480px) {
.sponsor-logos .container {
justify-content: space-around;
display: grid;
place-items: center;
gap: 1.2em;
}
}
.sponsor-logos .container img {
@ -254,13 +268,17 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
border-radius: 12px;
margin-inline: auto;
margin-block: 36px;
max-height: 264px;
}
@media (max-width: 480px) {
section.book-club-examples .book-club-example-cards .book-club-example-card--item {
flex-direction: column;
}
}
@media (min-width: 1084px) {
section.book-club-examples .book-club-example-cards .book-club-example-card--item {
max-height: 264px;
}
}
section.book-club-examples .book-club-example-cards .book-club-example-card--item--img {
border-radius: 12px;
border-right: 1px solid #F6F6F8;
@ -328,7 +346,7 @@ section.testimonial-section .testimonial-cards .testimonial-card--item {
}
@media (max-width: 480px) {
section.testimonial-section .testimonial-cards .testimonial-card--item {
padding: 3rem;
padding: 1.8rem;
}
}
section.testimonial-section .testimonial-cards .testimonial-card--item .bio {
@ -346,6 +364,7 @@ section.testimonial-section .testimonial-cards .testimonial-card--item .bio--nam
max-width: 12ch;
font-weight: 600;
font-size: 18px;
margin-block-end: 0;
}
section.testimonial-section .testimonial-cards .testimonial-card--item--description {
font-size: 16px;
@ -371,7 +390,9 @@ section.faq .faq-list .faq--item {
}
@media (max-width: 480px) {
section.faq .faq-list .faq--item {
padding-block: 30px;
padding-block: 18px;
padding-inline: 22px;
padding-inline-start: 22px;
}
}
section.faq .faq-list .faq--item:last-of-type {
@ -395,6 +416,15 @@ section.faq .faq-list .faq--item summary {
section.faq .faq-list .faq--item summary span {
margin-left: 16px;
}
@media (max-width: 480px) {
section.faq .faq-list .faq--item summary span {
margin-left: 8px;
}
section.faq .faq-list .faq--item summary::marker {
position: relative;
left: -1em;
}
}
section.faq .faq-list .faq--item[open] summary {
list-style-type: "-";
}