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

tweak book club page

Browse Source
This commit is contained in:
Aadil Ayub
2025-04-10 21:11:49 +05:00
parent 78201e2d37
commit 98475bd0fc
22 changed files with 69 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/static.css
View File

@ -40,6 +40,14 @@ h2 {
font-family: var(--wp--preset--font-family--eb-garamond);
font-size: 38px;
line-height: 1;
margin-block-start: 0;
margin-block-end: 42px;
}
p {
margin-block-start: 0;
margin-block-end: 25px;
line-height: 1.3;
}
.btn {
@ -49,6 +57,7 @@ h2 {
text-decoration: none;
font-size: 16px;
transition: all 0.25s ease;
margin-bottom: 26px;
}
.btn:hover {
text-decoration: none;
@ -58,8 +67,8 @@ h2 {
color: var(--background);
}
.btn--solid:hover {
background-color: white;
color: black;
background-color: transparent;
color: var(--foreground-text);
}
.site-navigation {
@ -92,6 +101,9 @@ h2 {
justify-content: space-between;
gap: 1em;
}
.site-navigation .action-buttons .btn {
margin-bottom: 0;
}
section {
padding-block: 82px;
@ -114,6 +126,9 @@ section.hero .hero--container {
}
section.hero .hero--container .hero--text {
grid-column: 2/4;
display: flex;
flex-direction: column;
justify-content: center;
}
section.hero .hero--container .hero--text h2 {
font-family: var(--wp--preset--font-family--eb-garamond);
@ -140,6 +155,8 @@ section.hero .hero--container .hero--img {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
border-right: none;
max-height: 366px;
object-fit: cover;
}
@media (max-width: 480px) {
section.hero .hero--container .hero--img {
@ -157,16 +174,17 @@ section.hero .hero--container .hero--img {
display: flex;
text-align: center;
flex-wrap: wrap;
justify-content: center;
justify-content: space-between;
align-items: center;
column-gap: 2rem;
row-gap: 1rem;
}
@media (max-width: 480px) {
.sponsor-logos .container {
justify-content: space-around;
}
}
.sponsor-logos .container img {
transform: scale(0.67);
}
section.pitch {
padding-block: 82px;
@ -195,7 +213,7 @@ section.pitch .pitch--cards .pitch--card-item {
border: 1px solid #FAF7EF;
border-radius: 12px;
text-align: center;
padding-block: 40px;
padding-block: 25px;
padding-inline: 25px;
}
section.pitch .pitch--cards .pitch--card-item h3 {
@ -222,6 +240,7 @@ section.book-club-examples h2 {
}
section.book-club-examples .book-club-example-cards {
padding-block: 84px;
padding-top: 12px;
}
section.book-club-examples .book-club-example-cards .book-club-example-card--item {
display: flex;
@ -230,6 +249,7 @@ 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 {
@ -386,6 +406,7 @@ section.book-club-benefits .benefit-cards {
gap: 16px;
row-gap: 90px;
margin-block: 140px;
margin-top: 84px;
}
@media (max-width: 480px) {
section.book-club-benefits .benefit-cards {
@ -409,6 +430,7 @@ section.book-club-benefits .benefit-cards .benefit-card--item img {
section.book-club-benefits .benefit-cards .benefit-card--item p {
max-width: 289px;
margin-inline: auto;
margin-top: 21px;
}
section.book-club-benefits .benefit-cards .benefit-card--item p strong {
font-weight: 600;