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: "-";
}

2
assets/css/static.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAxFE;EAiFJ;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AA9HA;EA0HF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAhJJ;EA4IE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAzKF;EA+JA;IAaI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AA5LA;EAuLF;IAUI;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAzNA;EAqNF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAzQF;EAiQA;IAE6B;;;AAQ3B;EACE;EACA;EACA;;AA9QJ;EA2QE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AA/RrB;EAwRE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAvTA;EAoTF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAjUF;EA6TA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAEA;;AA/WF;EA0WA;IAI6B;;;AAE3B;EAAiB;;AACjB;EACE;EACA;EAEA;;AArXJ;EAiXE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAIX;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAlZA;EA2YF;IAG6B;;;AAOzB;EAGE;EACA;;AA5ZJ;EAwZE;IAC8B;;;AAtZhC;EAqZE;IAE6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA1cE;EAicJ;IAC8B;;;AA/b1B;EA8bJ;IAE6B;;;AAhczB;EA8bJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA5dF;EAwdA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAhgBF;EA2fA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AA5gBJ;EAogBE;IAG8B;;;AApgBhC;EAigBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAphBJ;EA+gBE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}
{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAxFE;EAiFJ;IAUI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AA/GA;EA2GF;IAMI;;;AAEF;EACE;;;AAKN;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AAnIA;EA+HF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AArJJ;EAiJE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EAEA;;AAjKJ;EA6JE;IAG6B;;;AAK/B;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AA/KF;EAqKA;IAaI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAlMA;EA6LF;IAUI;IACA;IACA;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAjOA;EA6NF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AAhRF;EAyQA;IAE6B;;;AA9Q7B;EA4QA;IAQ8B;;;AAE5B;EACE;EACA;EACA;;AAtRJ;EAmRE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AAvSrB;EAgSE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AA/TA;EA4TF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAzUF;EAqUA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAMA;;AA5XF;EAmXA;IAKI;IACA;IACA;;;AAGF;EAAiB;;AACjB;EACE;EACA;EAEA;;AAlYJ;EA8XE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAxYX;EA0YM;IAAO;;EACP;IACE;IACA;;;AAMR;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAtaA;EA+ZF;IAG6B;;;AAOzB;EAGE;EACA;;AAhbJ;EA4aE;IAC8B;;;AA1ahC;EAyaE;IAE6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA9dE;EAqdJ;IAC8B;;;AAnd1B;EAkdJ;IAE6B;;;AApdzB;EAkdJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAhfF;EA4eA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAphBF;EA+gBA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AAhiBJ;EAwhBE;IAG8B;;;AAxhBhC;EAqhBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAxiBJ;EAmiBE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}

30
assets/scss/static.scss
View File

@ -97,6 +97,8 @@ p {
flex-direction: column;
padding-top: 3rem;
gap: 2rem;
align-items: first baseline;
padding-bottom: 0;
}
ul.pages-list {
@ -113,6 +115,9 @@ p {
align-items: center;
justify-content: space-between;
gap: 1em;
@include respond(mobile) {
display: none;
}
.btn {
margin-bottom: 0;
}
@ -149,7 +154,7 @@ section.hero {
font-weight: 400;
max-width: 385px;
@include respond(mobile) {
font-size: 34px;
font-size: 32px;
line-height: 1;
margin-top: 2rem;
}
@ -158,6 +163,7 @@ section.hero {
p {
font-family: var(wp--preset--font-family--sora);
font-size: 18px;
@include respond(mobile) { font-size: 16px; }
max-width: 446px;
}
}
@ -196,7 +202,9 @@ section.hero {
// row-gap: 1rem;
@include respond(mobile) {
justify-content: space-around;
display: grid;
place-items: center;
gap: 1.2em;
}
img { transform: scale(0.67) }
}
@ -268,7 +276,7 @@ section.book-club-examples {
border-radius: 12px;
margin-inline: auto;
margin-block: 36px;
max-height: 264px;
@include respond(desktop) { max-height: 264px; }
&--img {
border-radius: 12px;
@ -327,7 +335,7 @@ section.testimonial-section {
max-width: 446px;
@include respond(mobile) {
padding: 3rem;
padding: 1.8rem;
}
.bio {
@ -344,6 +352,7 @@ section.testimonial-section {
max-width: 12ch;
font-weight: 600;
font-size: 18px;
margin-block-end: 0;
}
}
@ -369,7 +378,11 @@ section.faq {
padding-inline: 60px;
padding-inline-start: calc(60px - 16px);
padding-block: 45px;
@include respond(mobile) { padding-block: 30px; }
@include respond(mobile) {
padding-block: 18px;
padding-inline: 22px;
padding-inline-start: 22px;
}
border-bottom: 1px solid;
&:last-of-type { border-bottom: none; }
.answer {
@ -383,6 +396,13 @@ section.faq {
font-weight: 600;
list-style-type: '+';
span { margin-left: 16px; }
@include respond(mobile) {
span { margin-left: 8px; }
&::marker {
position: relative;
left: -1em;;
}
}
}
}