Compare commits

..

65 Commits

Author SHA1 Message Date
945938466b remove redundant code 2025-07-14 18:58:52 +05:00
b925f75e17 add when block to drone 2025-07-13 16:42:53 +05:00
74d6bc0aa1 create drone.yml 2025-07-13 16:40:28 +05:00
c43d478277 last faq and hero text update 2025-05-20 16:42:31 +02:00
d3fcebc40e Adding more FAQs - one still missing 2025-05-19 22:19:12 +02:00
f1d76e6603 Image updates & last editor logo file correction 2025-05-19 16:35:45 +02:00
3f29823864 updating resolution & layout of new editor logos 2025-05-16 15:11:42 +02:00
1ce17de886 Adding Rootpath Authorship and testing commit 2025-05-16 14:57:01 +02:00
986fd4bcb7 add more sponsor logos for book club page 2025-05-15 19:28:45 +05:00
92cdb469db hide hero cta on desktop 2025-05-14 18:05:12 +05:00
0969e1dd00 add cta to hero section 2025-05-14 18:03:53 +05:00
f5a088a241 tweak checkout table styles 2025-05-14 17:57:48 +05:00
f53934ef90 tweak checkout page padding 2025-05-14 17:55:32 +05:00
7538860b13 add margins to checkout page on mobile 2025-05-14 17:54:00 +05:00
f72614d565 add margin to default page template on mobile 2025-05-14 17:51:05 +05:00
d4cb68d22e add margins to checkout page on mobile 2025-05-14 17:48:48 +05:00
b3e8affd95 add padding to checkout page 2025-05-14 17:37:32 +05:00
5a90ab61db add border radius to product table 2025-05-14 17:34:50 +05:00
fb0871ff76 link nav header cta directly to checkout 2025-05-13 17:22:11 +05:00
60a8398701 try to fix duplicated cart items 2025-05-13 17:04:47 +05:00
ba13e6f804 fix typo 2025-05-13 14:25:00 +05:00
f4791182c8 cc autonomic and rootpath in failed order emails 2025-05-13 14:24:33 +05:00
aa4806847c tweak hero image 2025-05-10 18:14:32 +05:00
1807738d95 tweaks for checkout page 2025-05-10 18:12:16 +05:00
39f50eeac3 add live site to deploy script 2025-05-10 18:01:26 +05:00
fc425bac76 update hero image 2025-05-10 18:01:16 +05:00
1aca2c8c35 update book club page images 2025-05-10 01:06:11 +05:00
cbb8dbe536 fix typos 2025-05-10 00:21:01 +05:00
fa3c7655f8 adjust order details page on mobile 2025-05-10 00:16:13 +05:00
6a051678bf customize main header on mobile 2025-05-10 00:11:32 +05:00
71dd01d418 use myaccount page for registration and login 2025-05-09 23:52:42 +05:00
166a906c8c unhide social footer links 2025-05-09 23:50:21 +05:00
ba45124134 hide nav links on blocks pages 2025-05-09 23:42:33 +05:00
5c08d2291a tweak checkout and order confirmation pages 2025-05-09 23:27:38 +05:00
dd0736d785 tweak checkout page on mobile 2025-05-09 23:15:25 +05:00
f6830e56d2 customize cart page 2025-05-09 22:52:58 +05:00
23691f5c22 tweak woocommerce error notice 2025-05-09 22:40:38 +05:00
900cf276b2 tweak user account icon to point to signup for logged out users 2025-05-09 22:34:44 +05:00
c2a5941481 update checkout page 2025-05-09 13:07:36 +05:00
e36d971064 tweaks for my account page 2025-05-08 16:34:35 +05:00
3ad0fbb3c6 hide coupon notice in checkout 2025-05-08 16:23:26 +05:00
f2e86e4a8a style checkout page 2025-05-08 16:20:37 +05:00
11ae7b897e adjust book club landing page for ipad 2025-04-30 16:56:13 +05:00
a9e50301f6 adjust book club page on mobile 2025-04-22 18:02:11 +05:00
b3390c1c55 adjust book club page on mobile 2025-04-22 17:56:46 +05:00
961d7abe09 update checkout header 2025-04-21 20:23:24 +05:00
ed65841343 tweak accordion 2025-04-21 19:29:45 +05:00
9507db840f first round of mobile adjustments 2025-04-21 19:27:48 +05:00
0d9a8539c7 add missing logo id 2025-04-17 20:03:02 +05:00
7e6052d2b1 adjust code with esau's changes 2025-04-17 19:50:11 +05:00
b7da60a3ee add fade in effect on book club logo 2025-04-17 19:45:43 +05:00
0d860c44f4 add scroll anchor to book club header nav button 2025-04-17 16:06:50 +05:00
436aac263c temporarily hide footer 2025-04-17 16:00:13 +05:00
eb43427ff6 add blur hover effect to buttons 2025-04-17 15:56:04 +05:00
fd1c28c898 fix hero section alignment 2025-04-11 14:15:25 +05:00
d067f553ce fix btn font 2025-04-10 21:20:12 +05:00
98475bd0fc tweak book club page 2025-04-10 21:11:49 +05:00
78201e2d37 chmod compile script 2025-04-10 20:28:33 +05:00
1cf7e7f8f8 add sass compile script 2025-04-10 20:28:11 +05:00
780d2d8d3b update book club logo 2025-04-10 20:20:59 +05:00
d69658f7f1 adjust checkout form field padding 2025-04-10 14:39:33 +05:00
85d670aac4 forgot to compile css 2025-04-10 14:28:31 +05:00
a1cd300a3a fix typo 2025-04-10 14:25:17 +05:00
7206a6ffd7 fix deploy script 2025-04-10 14:20:16 +05:00
44a377ce8c Add woocommerce account link to book club header 2025-04-10 14:14:46 +05:00
50 changed files with 1243 additions and 264 deletions

View File

@ -529,7 +529,9 @@ body {
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:hover, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus {
border-color: var(--wp--preset--color--foreground);
}
.wc-block-components-form .has-error input, .wc-block-components-form .has-error select, .wc-block-components-form .has-error textarea {
.wc-block-components-form .has-error input,
.wc-block-components-form .has-error select,
.wc-block-components-form .has-error textarea {
border-color: var(--wp--preset--color--foreground);
border-width: 2px;
}
@ -559,6 +561,7 @@ body {
color: var(--wp--preset--color--foreground);
margin-bottom: 0.5em;
display: block;
margin-left: 0.5em;
}
.woocommerce form .form-row.woocommerce-validated input.input-text {
@ -646,9 +649,9 @@ body {
text-decoration: none;
}
.wc-block-components-notice-banner,
.woocommerce-error {
color: var(--wp--preset--color--foreground);
.wc-block-components-notice-banner a,
.woocommerce-error a {
color: black;
}
.wc-block-components-notice-banner.is-error, .wc-block-components-notice-banner.is-info, .wc-block-components-notice-banner.is-success, .wc-block-components-notice-banner.is-warning,
.woocommerce-error.is-error,
@ -669,7 +672,6 @@ body {
}
.wc-block-components-notice-banner.is-error {
background-color: black;
border-color: white;
}
@ -695,15 +697,38 @@ body {
fill: var(--wp--preset--color--foreground) !important;
}
.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label {
.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
color: var(--wp--preset--color--foreground);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=password]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus {
background-color: var(--wp--preset--color--background);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=password]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus {
color: var(--wp--preset--color--foreground);
}
@ -715,15 +740,225 @@ body {
display: none;
}
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link) {
background-color: var(wp--preset--color--foreground);
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button:not(.is-link) {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
text-transform: uppercase;
transition: all 0.125s ease-in-out;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .wc-block-components-button:not(.is-link):hover {
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:not(.is-link):hover {
background-color: white;
color: black;
}
.woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
max-width: 968px;
}
.woocommerce h3 {
font-family: var(--wp--preset--font-family--eb-garamond);
font-size: 32px;
font-weight: 300;
}
.woocommerce h2 {
font-weight: 300;
}
.woocommerce form .form-row label,
.wc-block-components-form .wc-block-components-text-input label {
margin-left: 0 !important;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
display: flex;
flex-direction: column;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: unset;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
background: transparent;
border-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--foreground);
border-radius: 12px;
}
.select2-container .select2-dropdown,
.select2-container .select2-selection {
background-color: var(--wp--preset--color--foreground);
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: white;
}
.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
color: black;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid white;
border-top-color: white;
border-right-color: white;
border-left-color: white;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.payment_box.payment_method_stripe fieldset {
border: none;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: var(--wp--preset--color--foreground) !important;
}
.woocommerce table.shop_table {
border-color: var(--wp--preset--color--foreground);
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
border-color: var(--wp--preset--color--foreground);
}
.woocommerce table.shop_table td {
border-color: var(--wp--preset--color--foreground);
}
.woocommerce-MyAccount-content .button {
text-decoration: none;
}
.woocommerce-account .woocommerce {
display: flex;
max-width: 1440px !important;
gap: 4rem;
}
@media (max-width: 500px) {
.woocommerce-account .woocommerce {
flex-direction: column;
padding-inline: 1.5rem;
gap: 1rem;
}
}
.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after {
display: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
width: unset;
float: unset;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
padding-bottom: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
text-decoration: none;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--jura);
font-weight: bold;
font-size: var(--wp--preset--font-size--medium);
letter-spacing: 0;
padding: 0.75em;
border: 1px solid;
border-radius: 12px;
display: flex;
}
@media (max-width: 500px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
font-size: 16px;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
float: unset;
border: 1px solid;
border-radius: 12px;
padding: 3rem;
}
@media (max-width: 500px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
width: auto;
}
}
.is-large.wc-block-cart .wc-block-cart-items {
border: 1px solid;
border-radius: 12px;
border-radius: 12px;
border-color: rgba(250, 247, 239, 0.368627451);
padding-block: 1rem;
padding-inline: 1rem;
}
@media (max-width: 520px) {
#checkout-header,
#checkout-page-container {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
}
@media (max-width: 500px) {
#main-site-header {
padding-right: 3rem !important;
}
}
.woocommerce-page table.shop_table {
width: 100%;
}
.product-total, .cart-subtotal td, .tax-total td, .order-total td {
text-align: right;
}
@media (max-width: 1500px) and (min-width: 501px) {
.entry-content {
margin-inline: 3rem !important;
}
}
.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field {
color: black;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
border-radius: 12px;
}
.woocommerce-checkout-review-order-table {
border-radius: 12px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
/*# sourceMappingURL=custom.css.map */

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/custom.scss"],"names":[],"mappings":"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","file":"custom.css"}
{"version":3,"sourceRoot":"","sources":["../scss/custom.scss"],"names":[],"mappings":"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;EAEE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAIA;EACE;;;AAKF;EACE;EAEA;EACA;;AACA;EALF;IAMI;IACA;IACA;;;AAGF;EAEE;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAXF;IAYI;;;AAMR;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;AAAA;IAEE;IACA;;;AAIJ;EACE;IACE;;;AAGJ;EAAqC;;;AACrC;EAAoE;;;AAEpE;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","file":"custom.css"}

View File

@ -6,6 +6,11 @@
--font-family-mono: "Jura", sans-serif;
--font-family-sans: "Sora", sans-serif;
}
@media (max-width: 480px) {
:root {
--wp--preset--font-size--x-large: 32px !important;
}
}
* {
box-sizing: border-box;
@ -28,7 +33,12 @@ body {
}
@media (max-width: 480px) {
.container {
padding: 3rem;
padding-inline: 3rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
.container {
padding-inline: 3rem;
}
}
@ -40,6 +50,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 +67,9 @@ h2 {
text-decoration: none;
font-size: 16px;
transition: all 0.25s ease;
margin-bottom: 26px;
font-family: var(--wp--preset--font-family--jura);
font-weight: bold;
}
.btn:hover {
text-decoration: none;
@ -58,8 +79,11 @@ h2 {
color: var(--background);
}
.btn--solid:hover {
background-color: white;
color: black;
background-color: transparent;
color: var(--foreground-text);
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
color: rgba(255, 255, 255, 0.8);
}
.site-navigation {
@ -76,6 +100,8 @@ h2 {
flex-direction: column;
padding-top: 3rem;
gap: 2rem;
align-items: first baseline;
padding-bottom: 0;
}
}
.site-navigation ul.pages-list {
@ -92,10 +118,23 @@ h2 {
justify-content: space-between;
gap: 1em;
}
@media (max-width: 480px) {
.site-navigation .action-buttons {
display: none;
}
}
.site-navigation .action-buttons .btn {
margin-bottom: 0;
}
section {
padding-block: 82px;
}
@media (max-width: 480px) {
section {
padding-block: 54px;
}
}
section.hero {
padding-block: 0;
@ -103,7 +142,7 @@ section.hero {
section.hero .hero--container {
margin-inline: auto;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-columns: 1fr 446px 170px 292px 1fr;
}
@media (max-width: 480px) {
section.hero .hero--container {
@ -112,8 +151,18 @@ section.hero .hero--container {
padding: 3rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.hero .hero--container {
display: flex;
flex-direction: column;
padding-inline: 3rem;
}
}
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);
@ -123,16 +172,28 @@ 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;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.hero .hero--container .hero--text h2 {
font-size: 32px;
line-height: 1;
margin-top: 2rem;
}
}
section.hero .hero--container .hero--text p {
font-family: var(wp--preset--font-family--sora);
font-family: var(--wp--preset--font-family--sora);
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%;
@ -140,12 +201,30 @@ 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 {
order: -1;
border-radius: 12px;
border-right: 1px solid;
aspect-ratio: 16/9;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.hero .hero--container .hero--img {
order: -1;
border-radius: 12px;
border-right: 1px solid;
}
}
section.hero .hero--container .hero--cta {
width: fit-content;
}
@media (min-width: 1000px) {
section.hero .hero--container .hero--cta {
display: none;
}
}
@ -153,20 +232,34 @@ section.hero .hero--container .hero--img {
padding-top: 78px;
padding-bottom: 41px;
}
@media (max-width: 480px) {
.sponsor-logos {
padding-top: 42px;
}
}
.sponsor-logos .container {
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 (min-width: 481px) and (max-width: 1083px) {
.sponsor-logos .container {
justify-content: center;
}
}
@media (max-width: 480px) {
.sponsor-logos .container {
justify-content: space-around;
display: grid;
place-items: center;
gap: 1.2em;
justify-content: center;
}
}
.sponsor-logos .container img {
transform: scale(0.67);
}
section.pitch {
padding-block: 82px;
@ -181,11 +274,21 @@ section.pitch h2 {
margin-inline: auto;
margin-bottom: 54px;
}
@media (max-width: 480px) {
section.pitch h2 {
font-size: 32px;
}
}
section.pitch .pitch--cards {
display: grid;
grid-template-columns: repeat(3, 300px);
gap: 16px;
}
@media (min-width: 481px) and (max-width: 1083px) {
section.pitch .pitch--cards {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
section.pitch .pitch--cards {
grid-template-columns: 1fr;
@ -195,7 +298,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 {
@ -210,6 +313,11 @@ section.pitch .pitch--cards .pitch--card-item p {
font-weight: 300;
line-height: 1.3;
}
@media (max-width: 480px) {
section.pitch .pitch--cards .pitch--card-item p {
font-size: 14px;
}
}
section.book-club-examples {
text-align: center;
@ -222,6 +330,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;
@ -236,6 +345,11 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
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;
@ -263,6 +377,11 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text p {
font-size: 16px;
}
@media (max-width: 480px) {
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text p {
font-size: 14px;
}
}
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text strong {
font-weight: 600;
}
@ -271,7 +390,7 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
}
@media (max-width: 480px) {
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text {
padding-block: 2rem;
padding-block: 1.8rem;
}
}
section.book-club-examples .btn {
@ -303,7 +422,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 {
@ -321,14 +440,25 @@ 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;
}
@media (max-width: 480px) {
section.testimonial-section .testimonial-cards .testimonial-card--item--description {
font-size: 14px;
}
}
section.faq {
padding-block: 84px;
}
@media (max-width: 480px) {
section.faq {
padding-block: 42px;
}
}
section.faq h2 {
text-align: center;
font-weight: 400;
@ -346,7 +476,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 {
@ -370,6 +502,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: 6px;
}
section.faq .faq-list .faq--item summary::marker {
position: relative;
left: -1em;
}
}
section.faq .faq-list .faq--item[open] summary {
list-style-type: "-";
}
@ -386,6 +527,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 {
@ -406,9 +548,15 @@ section.book-club-benefits .benefit-cards .benefit-card--item img {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.book-club-benefits .benefit-cards .benefit-card--item img {
width: 100%;
}
}
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;
@ -421,6 +569,19 @@ section.book-club-benefits .book-club-benefits-cta p {
font-size: 16px;
}
#by-somos-inf {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
opacity: 0;
transition: all 0.5s ease-in-out;
}
#by-somos-inf.show {
opacity: 1;
}
footer.somos-infinitos-footer {
padding-top: 73px;
margin-top: 200px;
@ -440,6 +601,11 @@ footer.somos-infinitos-footer {
padding-inline: 3rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
footer.somos-infinitos-footer {
padding-inline: 3rem;
}
}
@media (max-width: 480px) {
footer.somos-infinitos-footer {
background-size: cover;
@ -451,8 +617,11 @@ footer.somos-infinitos-footer {
}
}
footer.somos-infinitos-footer .footer-navigation {
margin-top: 75px;
margin-bottom: 120px;
margin-top: 0;
margin-bottom: 0;
opacity: 0;
user-select: none;
visibility: hidden;
}
footer.somos-infinitos-footer .footer-navigation ul.footer-navigation--links {
list-style-type: none;
@ -483,7 +652,6 @@ footer.somos-infinitos-footer .email-cta h3 {
font-size: 32px;
font-weight: 400;
line-height: 1;
display: none;
}
footer.somos-infinitos-footer .email-cta form {
display: none;

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;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AACA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAzEE;EAkEJ;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AA5GA;EAwGF;IAOI;IACA;IACA;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AA3HJ;EAuHE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAhJF;EA0IA;IAQI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AApKA;EA6JF;IAUI;;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AA9LA;EA0LF;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;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AA5OF;EAqOA;IAE6B;;;AAO3B;EACE;EACA;EACA;;AAjPJ;EA8OE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AAlQrB;EA2PE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AA1RA;EAuRF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AApSF;EAgSA;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;;AAlVF;EA6UA;IAI6B;;;AAE3B;EAAiB;;AACjB;EACE;EACA;EAEA;;AAxVJ;EAoVE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAIX;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;;AApXA;EA8WF;IAG6B;;;AAMzB;EAGE;EACA;;AA9XJ;EA0XE;IAC8B;;;AAxXhC;EAuXE;IAE6B;;;AAI7B;EACE;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA9ZE;EAqZJ;IAC8B;;;AAnZ1B;EAkZJ;IAE6B;;;AApZzB;EAkZJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA5aF;EAwaA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAhdF;EA2cA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AA5dJ;EAodE;IAG8B;;;AApdhC;EAidE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AApeJ;EA+dE;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":"AAcA;EACE;EACA;EACA;EAEA;EACA;EACA;;AAXE;EAIJ;IAUI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAnCE;EAiCJ;IAII;;;AAzCA;EAqCJ;IAQI;;;;AAIJ;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;;AAnGE;EA4FJ;IAUI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AA1HA;EAsHF;IAMI;;;AAEF;EACE;;;AAKN;EACE;;AArIE;EAoIJ;IAGI;;;;AAIJ;EACE;;AACA;EAEE;EACA;EACA;;AAjJA;EA6IF;IAOI;IACA;IACA;;;AA1JF;EAiJF;IAaI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAzKJ;EAqKE;IAMI;IACA;IACA;;;AAjLN;EAyKE;IAYI;IACA;IACA;;;AAIJ;EACE;EACA;EAEA;;AA3LJ;EAuLE;IAG6B;;;AAK/B;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAzMF;EA+LA;IAaI;IACA;IACA;IACA;;;AAnNJ;EAmMA;IAoBI;IACA;IACA;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;;AAMR;EACE;EAIA;;AAvOE;EAkOJ;IAGI;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAjPA;EA4OF;IAOI;;;AA/OF;EAwOF;IAWI;IACA;IACA;IACA;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAxQA;EAgQF;IAG4B;;;AAQ5B;EACE;EACA;EAGA;;AApRA;EA+QF;IAG6B;;;AA9Q3B;EA2QF;IAI6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;;AAtSJ;EAiSE;IAG6B;;;;AAQnC;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AAhUF;EAyTA;IAE6B;;;AAnU7B;EAiUA;IAQ8B;;;AAE5B;EACE;EACA;EACA;;AAtUJ;EAmUE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EACE;;AAtVN;EAqVI;IAGI;;;AAGJ;EAAS;;AACT;EAAiB;;AA5VrB;EAgVE;IAcI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AApXA;EAiXF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AA9XF;EA0XA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAvZJ;EAsZE;IAGI;;;;AAOV;EACE;;AAjaE;EAgaJ;IAGI;;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAMA;;AAvbF;EA8aA;IAKI;IACA;IACA;;;AAGF;EAAiB;;AACjB;EACE;EACA;EAEA;;AA7bJ;EAybE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAncX;EAqcM;IAAO;;EACP;IACE;IACA;;;AAMR;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAjeA;EA0dF;IAG6B;;;AAOzB;EAIE;EACA;;AAjfJ;EA4eE;IAC8B;;;AArehC;EAoeE;IAE6B;;;AA1e/B;EAweE;IAG6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AAhiBE;EAshBJ;IAC8B;;;AA/gB1B;EA8gBJ;IAE6B;;;AAphBzB;EAkhBJ;IAG6B;;;AAjhBzB;EA8gBJ;IAcI;IACA;IACA;;EAHA;IAAa;;;AAMf;EAGE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA/iBF;EA2iBA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;;AAIF;EACE;EAGA;EACA;;AAnlBF;EA8kBA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AApmBJ;EA4lBE;IAG8B;;;AAvlBhC;EAolBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAvmBJ;EAkmBE;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"}

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 768 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 980 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 934 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 988 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -3,16 +3,12 @@ html {
}
body {
background: radial-gradient(
circle at right 15%,
rgba(142, 154, 236, 0.4) 0%,
rgba(142, 154, 236, 0) 25%
),
radial-gradient(
circle at left 85%,
rgba(142, 154, 236, 0.4) 0%,
rgba(142, 154, 236, 0) 25%
);
background: radial-gradient(circle at right 15%,
rgba(142, 154, 236, 0.4) 0%,
rgba(142, 154, 236, 0) 25%),
radial-gradient(circle at left 85%,
rgba(142, 154, 236, 0.4) 0%,
rgba(142, 154, 236, 0) 25%);
min-height: 100vh;
}
@ -20,11 +16,12 @@ body {
.woocommerce,
.wc-block-components-form,
.woocommerce-page {
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input[type=search],
input[type=date],
@ -36,23 +33,23 @@ body {
border: 1px solid var(--wp--preset--color--foreground);
border-radius: 12px;
transition: border-color 0.3s, box-shadow 0.3s;
&::placeholder {
color: var(--wp--preset--color--foreground);
opacity: 0.7;
}
&:hover {
border-color: var(--wp--preset--color--foreground);
}
&:focus {
outline: none;
border-color: var(--wp--preset--color--foreground);
box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
}
}
// Special styling for select fields
select {
appearance: none;
@ -60,19 +57,19 @@ body {
background-repeat: no-repeat;
background-position: right 1em top 50%;
padding-right: 2.5em;
option {
background-color: var(--wp--preset--color--background);
color: var(--wp--preset--color--foreground);
}
}
// Textarea specific styling
textarea {
min-height: 100px;
resize: vertical;
}
// Checkbox and radio styling
input[type=checkbox],
input[type=radio] {
@ -83,11 +80,11 @@ body {
background: transparent;
border: 1px solid var(--wp--preset--color--foreground);
cursor: pointer;
&:checked {
background-color: var(--wp--preset--color--foreground);
border-color: var(--wp--preset--color--foreground);
&::after {
content: '';
position: absolute;
@ -100,30 +97,31 @@ body {
border-radius: 1px;
}
}
&:focus {
outline: none;
box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
}
}
input[type=radio] {
border-radius: 50%;
&:checked::after {
border-radius: 50%;
}
}
// Error state styling
.woocommerce-invalid,
.woocommerce-invalid-required-field,
.has-error {
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input[type=search],
input[type=date],
@ -131,13 +129,13 @@ body {
select {
border-color: var(--wp--preset--color--foreground);
border-width: 2px;
&:focus {
box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
}
}
}
.woocommerce-error {
background-color: rgba(250, 247, 239, 0.1);
border-left: 3px solid var(--wp--preset--color--foreground);
@ -145,25 +143,25 @@ body {
padding: 1em 1.5em;
margin-bottom: 2em;
border-radius: 4px;
li {
list-style: none;
margin-left: 0;
}
}
// Validation error messages
.woocommerce-error,
.woocommerce-message {
margin: 0 0 2em;
padding: 1em 1.5em;
border-radius: 4px;
&::before {
margin-right: 0.5em;
}
}
span.required {
color: var(--wp--preset--color--foreground);
opacity: 0.8;
@ -172,13 +170,15 @@ body {
// Specific class for WooCommerce components
.wc-block-components-form {
.wc-block-components-text-input,
.wc-block-components-select {
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select {
padding: 1em;
@ -186,16 +186,16 @@ body {
background: transparent;
border: 1px solid var(--wp--preset--color--foreground);
border-radius: 12px;
&::placeholder {
color: var(--wp--preset--color--foreground);
opacity: 0.7;
}
&:hover {
border-color: var(--wp--preset--color--foreground);
}
&:focus {
outline: none;
border-color: var(--wp--preset--color--foreground);
@ -203,7 +203,7 @@ body {
}
}
}
// Style the combobox
.wc-block-components-combobox .wc-block-components-combobox-control {
input.components-combobox-control__input {
@ -212,20 +212,24 @@ body {
background: transparent;
border: 1px solid var(--wp--preset--color--foreground);
border-radius: 12px;
&:hover, &:focus {
&:hover,
&:focus {
border-color: var(--wp--preset--color--foreground);
}
}
}
// Error states for WC blocks
.has-error {
input, select, textarea {
input,
select,
textarea {
border-color: var(--wp--preset--color--foreground);
border-width: 2px;
}
.wc-block-components-validation-error {
color: var(--wp--preset--color--foreground);
font-size: 0.875em;
@ -257,6 +261,7 @@ body {
color: var(--wp--preset--color--foreground);
margin-bottom: 0.5em;
display: block;
margin-left: .5em
}
// Form validation indicators
@ -265,24 +270,24 @@ body {
input.input-text {
border-color: var(--wp--preset--color--foreground);
border-width: 2px;
&:focus {
box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
}
}
}
&.woocommerce-invalid {
input.input-text {
border-color: var(--wp--preset--color--foreground);
border-width: 2px;
&:focus {
box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
}
}
}
.woocommerce-input-wrapper {
.description {
background: rgba(250, 247, 239, 0.1);
@ -308,17 +313,17 @@ body {
color: var(--wp--preset--color--foreground);
transition: all 0.25s ease;
font-weight: normal;
&:hover {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
text-decoration: none;
}
&.alt {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
&:hover {
background-color: transparent;
color: var(--wp--preset--color--foreground);
@ -336,12 +341,12 @@ body {
color: var(--wp--preset--color--foreground);
padding: 1em 1.5em;
margin-bottom: 2em;
a {
color: var(--wp--preset--color--foreground);
font-weight: 600;
text-decoration: underline;
&:hover {
text-decoration: none;
}
@ -351,8 +356,12 @@ body {
// Make sure error feedback text uses foreground color
.wc-block-components-notice-banner,
.woocommerce-error {
color: var(--wp--preset--color--foreground);
// color: var(--wp--preset--color--foreground);
a {
color: black;
}
&.is-error,
&.is-info,
&.is-success,
@ -372,7 +381,7 @@ body {
}
.wc-block-components-notice-banner.is-error {
background-color: black;
// background-color: black;
border-color: white;
}
@ -398,15 +407,38 @@ body {
fill: var(--wp--preset--color--foreground) !important;
}
.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label {
.wc-block-components-form .wc-block-components-text-input.has-error label,
.wc-block-components-text-input.has-error label {
color: var(--wp--preset--color--foreground);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=password]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus {
background-color: var(--wp--preset--color--background);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=password]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus {
color: var(--wp--preset--color--foreground);
}
@ -414,18 +446,245 @@ body {
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
padding-inline: 3rem;
}
[data-block-name="woocommerce/page-content-wrapper"] {
display: none;
}
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link) {
background-color: var(wp--preset--color--foreground);
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button:not(.is-link) {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
text-transform: uppercase;
transition: all 0.125s ease-in-out;
&:hover {
background-color: white;
color: black;
}
}
}
// .d-none {
// display: none !important;
// }
// .wc-block-components-express-payment--checkout,
// .wc-block-components-express-payment__title-container,
// .wc-block-components-express-payment__content,
// .wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout {
// display: none !important;
// }
// we dont have any coupons on the site
.woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
max-width: 968px;
}
.woocommerce {
h3 {
font-family: var(--wp--preset--font-family--eb-garamond);
font-size: 32px;
font-weight: 300;
}
h2 {
font-weight: 300;
}
}
.woocommerce form .form-row label,
.wc-block-components-form .wc-block-components-text-input label {
margin-left: 0 !important;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
display: flex;
flex-direction: column;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: unset;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
background: transparent;
border-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--foreground);
border-radius: 12px;
}
.select2-container .select2-dropdown,
.select2-container .select2-selection {
background-color: var(--wp--preset--color--foreground);
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: white;
}
.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
color: black;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid white;
border-top-color: white;
border-right-color: white;
border-left-color: white;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.payment_box.payment_method_stripe fieldset {
border: none;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: var(--wp--preset--color--foreground) !important;
}
.woocommerce table.shop_table {
border-color: var(--wp--preset--color--foreground);
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
border-color: var(--wp--preset--color--foreground);
}
.woocommerce table.shop_table td {
border-color: var(--wp--preset--color--foreground);
}
.woocommerce-MyAccount-content {
.button {
text-decoration: none;
}
}
.woocommerce-account {
.woocommerce {
display: flex;
// justify-content: space-between;
max-width: 1440px !important;
gap: 4rem;
@media (max-width: 500px) {
flex-direction: column;
padding-inline: 1.5rem;
gap: 1rem;
}
&::before,
&::after {
display: none;
}
.woocommerce-MyAccount-navigation {
width: unset;
float: unset;
li.woocommerce-MyAccount-navigation-link {
padding-bottom: 0;
&.is-active a {
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
a {
text-decoration: none;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--jura);
font-weight: bold;
font-size: var(--wp--preset--font-size--medium);
letter-spacing: 0;
padding: .75em;
border: 1px solid;
border-radius: 12px;
display: flex;
@media (max-width: 500px) {
font-size: 16px;
}
}
}
}
.woocommerce-MyAccount-content {
float: unset;
border: 1px solid;
border-radius: 12px;
padding: 3rem;
@media (max-width: 500px) {
width: auto;
}
}
}
}
.is-large.wc-block-cart .wc-block-cart-items {
border: 1px solid;
border-radius: 12px;
border-radius: 12px;
border-color: #FAF7EF5E;
padding-block: 1rem;
padding-inline: 1rem;
}
@media (max-width: 520px) {
#checkout-header,
#checkout-page-container {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
}
@media (max-width: 500px) {
#main-site-header {
padding-right: 3rem !important;
}
}
.woocommerce-page table.shop_table { width: 100%; }
.product-total, .cart-subtotal td, .tax-total td, .order-total td { text-align: right; }
@media (max-width: 1500px) and (min-width: 501px) {
.entry-content {
margin-inline: 3rem !important
}
}
.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field {
color: black;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
border-radius: 12px;
}
.woocommerce-checkout-review-order-table {
border-radius: 12px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}

View File

@ -2,9 +2,15 @@
@if($breakpoint == desktop) {
@media (min-width: 1084px) { @content }
}
@if($breakpoint == tablet) {
@media (min-width: 481px) and (max-width: 1083px) { @content }
}
@if($breakpoint == mobile) {
@media (max-width: 480px) { @content }
}
}
:root {
--background: #040810;
@ -14,6 +20,10 @@
--font-family-serif: 'EB Garamond', serif;
--font-family-mono: 'Jura', sans-serif;
--font-family-sans: 'Sora', sans-serif;
@include respond(mobile) {
--wp--preset--font-size--x-large: 32px !important;
}
}
* {
@ -34,7 +44,13 @@ body {
.container {
max-width: 908px;
margin-inline: auto;
@include respond(mobile) { padding: 3rem; }
@include respond(mobile) {
padding-inline: 3rem;
}
@include respond(tablet) {
padding-inline: 3rem;
}
}
a {
@ -45,6 +61,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 {
@ -54,17 +78,24 @@ h2 {
text-decoration: none;
font-size: 16px;
transition: all 0.25s ease;
margin-bottom: 26px;
font-family: var(--wp--preset--font-family--jura);
font-weight: bold;
&:hover {
text-decoration: none;
}
&--solid {
background-color: var(--foreground-text);
color: var(--background);
&:hover {
background-color: white;
color: black;
background-color: transparent;
color: var(--foreground-text);
background-color: rgba(255,255,255,0.1);
backdrop-filter: blur(30px);
color: rgba(255,255,255,0.8);
}
}
}
@ -82,6 +113,8 @@ h2 {
flex-direction: column;
padding-top: 3rem;
gap: 2rem;
align-items: first baseline;
padding-bottom: 0;
}
ul.pages-list {
@ -98,11 +131,20 @@ h2 {
align-items: center;
justify-content: space-between;
gap: 1em;
@include respond(mobile) {
display: none;
}
.btn {
margin-bottom: 0;
}
}
}
section {
padding-block: 82px;
@include respond(mobile) {
padding-block: 54px;
}
}
section.hero {
@ -111,16 +153,25 @@ section.hero {
// max-width: 1440px;
margin-inline: auto;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-columns: 1fr 446px 170px 292px 1fr;
@include respond(mobile) {
display: flex;
flex-direction: column;
padding: 3rem;
}
@include respond(tablet) {
display: flex;
flex-direction: column;
padding-inline: 3rem;
}
.hero--text {
grid-column: 2 / 4;
display: flex;
flex-direction: column;
justify-content: center;
h2 {
font-family: var(--wp--preset--font-family--eb-garamond);
@ -128,15 +179,22 @@ section.hero {
font-weight: 400;
max-width: 385px;
@include respond(mobile) {
font-size: 34px;
font-size: 32px;
line-height: 1;
margin-top: 2rem;
}
@include respond(tablet) {
font-size: 32px;
line-height: 1;
margin-top: 2rem;
}
}
p {
font-family: var(wp--preset--font-family--sora);
font-family: var(--wp--preset--font-family--sora);
font-size: 18px;
@include respond(mobile) { font-size: 16px; }
max-width: 446px;
}
}
@ -148,10 +206,29 @@ section.hero {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
border-right: none;
// FIXME: Not sure about this rule for the hero image, feels too hacky. We can rework it when building the final pages.
max-height: 366px;
object-fit: cover;
@include respond(mobile) {
order: -1;
border-radius: 12px;
border-right: 1px solid;
aspect-ratio: 16/9;
}
@include respond(tablet) {
order: -1;
border-radius: 12px;
border-right: 1px solid;
}
}
.hero--cta {
width: fit-content;
@media (min-width: 1000px) {
display: none;
}
}
}
@ -159,6 +236,9 @@ section.hero {
.sponsor-logos {
padding-top: 78px;
@include respond(mobile) {
padding-top: 42px;
}
padding-bottom: 41px;
.container {
display: flex;
@ -166,11 +246,19 @@ section.hero {
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 2rem;
row-gap: 1rem;
@include respond(tablet) {
justify-content: center;
}
@include respond(mobile) {
justify-content: space-around;
display: grid;
place-items: center;
gap: 1.2em;
justify-content: center;
}
img {
transform: scale(0.67);
margin-inline: 7px;
}
}
}
@ -182,6 +270,7 @@ section.pitch {
h2 {
font-family: var(--wp--preset--font-family--eb-garamond);
font-size: 38px;
@include respond(mobile) {font-size: 32px;}
font-weight: 400;
line-height: 100%;
max-width: 527px;
@ -192,6 +281,7 @@ section.pitch {
.pitch--cards {
display: grid;
grid-template-columns: repeat(3, 300px);
@include respond(tablet) { grid-template-columns: repeat(3, 1fr); }
@include respond(mobile) { grid-template-columns: 1fr; }
gap: 16px;
@ -199,7 +289,7 @@ section.pitch {
border: 1px solid #FAF7EF;
border-radius: 12px;
text-align: center;
padding-block: 40px;
padding-block: 25px;
padding-inline: 25px;
// height: 244px;
@ -213,6 +303,7 @@ section.pitch {
p {
font-family: var(--wp--preset--font-family--sora);
font-size: 16px;
@include respond(mobile) { font-size: 14px; }
font-weight: 300;
line-height: 1.3;
}
@ -232,6 +323,7 @@ section.book-club-examples {
.book-club-example-cards {
padding-block: 84px;
padding-top: 12px;
.book-club-example-card--item {
display: flex;
@include respond(mobile) { flex-direction: column; }
@ -240,6 +332,7 @@ section.book-club-examples {
border-radius: 12px;
margin-inline: auto;
margin-block: 36px;
@include respond(desktop) { max-height: 264px; }
&--img {
border-radius: 12px;
@ -259,11 +352,16 @@ section.book-club-examples {
padding-inline: 40px;
padding-block: 36px;
p.book-club-example-card--item--text--heading { font-size: 18px; }
p { font-size: 16px; }
p {
font-size: 16px;
@include respond(mobile) {
font-size: 14px;
}
}
strong { font-weight: 600; }
&--description { font-size: 16px; }
@include respond(mobile) {
padding-block: 2rem;
padding-block: 1.8rem;
}
}
}
@ -298,7 +396,7 @@ section.testimonial-section {
max-width: 446px;
@include respond(mobile) {
padding: 3rem;
padding: 1.8rem;
}
.bio {
@ -315,11 +413,15 @@ section.testimonial-section {
max-width: 12ch;
font-weight: 600;
font-size: 18px;
margin-block-end: 0;
}
}
&--description {
font-size: 16px;
@include respond(mobile) {
font-size: 14px;
}
}
}
}
@ -327,6 +429,9 @@ section.testimonial-section {
section.faq {
padding-block: 84px;
@include respond(mobile) {
padding-block: 42px;
}
h2 {
text-align: center;
font-weight: 400;
@ -340,7 +445,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 {
@ -354,6 +463,13 @@ section.faq {
font-weight: 600;
list-style-type: '+';
span { margin-left: 16px; }
@include respond(mobile) {
span { margin-left: 6px; }
&::marker {
position: relative;
left: -1em;;
}
}
}
}
@ -376,17 +492,20 @@ section.book-club-benefits {
gap: 16px;
row-gap: 90px;
margin-block: 140px;
margin-top: 84px;
.benefit-card--item {
img {
@include respond(desktop) { max-width: 215px; }
@include respond(mobile) { width: 100%; }
@include respond(tablet) { width: 100%; }
border: 1px solid var(--foreground-text);
border-radius: 12px;
}
p {
max-width: 289px;
margin-inline: auto;
margin-top: 21px;
strong {
font-weight: 600;
}
@ -405,9 +524,23 @@ section.book-club-benefits {
}
}
#by-somos-inf {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
opacity: 0;
transition: all 0.5s ease-in-out;
&.show {
opacity: 1;
}
}
footer.somos-infinitos-footer {
@include respond(desktop) { padding-inline: 114px; }
@include respond(mobile) { padding-inline: 3rem; }
@include respond(tablet) { padding-inline: 3rem; }
padding-top: 73px;
margin-top: 200px;
padding-bottom: 150px;
@ -424,8 +557,14 @@ footer.somos-infinitos-footer {
}
.footer-navigation {
margin-top: 75px;
margin-bottom: 120px;
// margin-top: 75px;
// margin-bottom: 120px;
margin-top: 0;
margin-bottom: 0;
// TODO: unhide this later
opacity: 0;
user-select: none;
visibility: hidden;
ul.footer-navigation--links {
list-style-type: none;
@ -459,7 +598,7 @@ footer.somos-infinitos-footer {
font-size: 32px;
font-weight: 400;
line-height: 1;
display: none;
// display: none;
}
form {

2
compile.sh Executable file
View File

@ -0,0 +1,2 @@
#!/usr/bin/env bash
sass --watch assets/scss:assets/css

View File

@ -1,2 +1,3 @@
#!/usr/bin/env bash
abra app cp somos-infinitos.smol-wp.autonomic.zone ../somos-infinitos-theme/ app:/var/www/html/wp-content/themes/
abra app cp somos-infinitos.smol-wp.autonomic.zone ../somos-infinitos-theme/ app:/var/www/html/wp-content/themes/somos-infinitos-theme/
abra app cp somosinfinitos.pt ../somos-infinitos-theme/ app:/var/www/html/wp-content/themes/somos-infinitos-theme/

17
drone.yml Normal file
View File

@ -0,0 +1,17 @@
---
kind: pipeline
name: deploy updated composer files
steps:
- name: docker cp deploy
image: git.coopcloud.tech/coop-cloud/docker-cp-deploy:latest
settings:
host: smol-wp.autonomic.zone
service: somos-infinitos_smol-wp_autonomic_zone_app
source: .
exec_pre: rm -rf /var/www/html/wp-content/themes/somos-infinitos-theme/*
dest: /var/www/html/wp-content/themes/somos-infinitos-theme
deploy_key:
from_secret: drone_ssh_smol-wp.autonomic.zone
when:
branch:
- staging

View File

@ -10,7 +10,8 @@ add_action('after_setup_theme', 'disable_default_patterns');
/**
* Enqueue custom CSS file in block editor only
*/
function somos_infinitos_block_editor_styles() {
function somos_infinitos_block_editor_styles()
{
// Only load in block editor, not in classic editor
if (!is_classic_editor_active()) {
wp_enqueue_style(
@ -26,12 +27,13 @@ add_action('enqueue_block_editor_assets', 'somos_infinitos_block_editor_styles')
/**
* Check if classic editor is active
*/
function is_classic_editor_active() {
function is_classic_editor_active()
{
// Check if the classic editor plugin is active
if (class_exists('Classic_Editor')) {
return true;
}
// Check if we're on the classic editor screen
if (function_exists('get_current_screen')) {
$screen = get_current_screen();
@ -39,14 +41,15 @@ function is_classic_editor_active() {
return true;
}
}
return false;
}
/**
* Enqueue custom CSS file on the frontend
*/
function somos_infinitos_frontend_styles() {
function somos_infinitos_frontend_styles()
{
// Don't load in admin
if (!is_admin()) {
wp_enqueue_style(
@ -85,33 +88,26 @@ add_filter('upload_mimes', 'cc_mime_types');
/* Remove default CSS variables that come with Wordpress
https://github.com/WordPress/gutenberg/issues/56180#issuecomment-1819222376
*/
function custom_wp_theme_json_default( $theme_json ) {
$new_data = array(
'version' => 2,
'settings' => array(
'color' => array(
'palette' => array(),
'gradients' => array(),
),
'shadow' => array(
'presets' => array(),
),
'typography' => array(
'fontSizes' => array(),
),
// 'dimensions' => array(
// 'aspectRatios' => array(),
// ),
// 'spacing' => array(
// 'spacingScale' => array(
// 'steps' => 0,
// ),
// ),
),
);
return $theme_json->update_with( $new_data );
function custom_wp_theme_json_default($theme_json)
{
$new_data = array(
'version' => 2,
'settings' => array(
'color' => array(
'palette' => array(),
'gradients' => array(),
),
'shadow' => array(
'presets' => array(),
),
'typography' => array(
'fontSizes' => array(),
),
),
);
return $theme_json->update_with($new_data);
}
add_filter( 'wp_theme_json_data_default', 'custom_wp_theme_json_default' );
add_filter('wp_theme_json_data_default', 'custom_wp_theme_json_default');
// remove default woocommerce fonts
add_filter('wp_theme_json_data_theme', 'disable_inter_font', 100);
@ -152,3 +148,74 @@ function disable_inter_font($theme_json)
}
return $theme_json;
}
// Shortcode checkout
delete_transient('wc_stripe_appearance');
// Block checkout
delete_transient('wc_stripe_blocks_appearance');
add_filter('wc_stripe_upe_params', function ($stripe_params) {
// Affects block checkout
$stripe_params['blocksAppearance'] = (object) ['theme' => 'night'];
// Affects shortcode checkout
$stripe_params['appearance'] = (object) ['theme' => 'flat'];
return $stripe_params;
});
add_filter('wc_stripe_upe_params', function ($stripe_params) {
$stripe_params['appearance'] = (object) [
'rules' => (object) [
'.Label' => (object) [
'color' => 'black'
]
],
];
return $stripe_params;
});
add_action('woocommerce_before_checkout_form', 'remove_checkout_coupon_form', 9);
function remove_checkout_coupon_form() {
remove_action('woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10);
}
/**
* @snippet Add Cc: or Bcc: Recipient @ WooCommerce Completed Order Email
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @compatible WooCommerce 7
* @community https://businessbloomer.com/club/
*/
add_filter('woocommerce_email_headers', 'bbloomer_order_completed_email_add_cc_bcc', 9999, 3);
function bbloomer_order_completed_email_add_cc_bcc($headers, $email_id, $order)
{
if ('customer_failed_order' == $email_id) {
$headers .= "Cc: Autonomic <helo@autonomic.zone>\r\n"; // delete if not needed
$headers .= "Bcc: Rootpath <rootmin@rootpath.studio>\r\n"; // delete if not needed
}
return $headers;
}
/**
* Force empty cart before adding new items
* Prevents users from having multiple products in cart at once
*/
function force_single_item_cart($passed, $product_id, $quantity) {
// If cart is not empty and we're adding a new product
if (!WC()->cart->is_empty()) {
// Show notice to the user
// wc_add_notice(__('Your cart has been emptied to add this new item. Only one product can be purchased at a time.', 'somos-infinitos-theme'), 'notice');
// Empty the cart
WC()->cart->empty_cart();
}
return $passed;
}
add_filter('woocommerce_add_to_cart_validation', 'force_single_item_cart', 10, 3);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,15 @@
<!-- wp:group {"style":{"spacing":{"padding":{"left":"3rem","right":"6rem"}}},"fontSize":"tiny","fontFamily":"jura","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-jura-font-family has-tiny-font-size" style="padding-right:6rem;padding-left:3rem">
<!-- wp:site-logo {"shouldSyncIcon":false} /-->
<div id="main-site-header" class="wp-block-group has-jura-font-family has-tiny-font-size" style="padding-right:6rem;padding-left:3rem"><!-- wp:site-logo {"shouldSyncIcon":false} /-->
<!-- wp:navigation {"ref":5,"metadata":{"ignoredHookedBlocks":["woocommerce/mini-cart"]},"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny","fontFamily":"jura"} /-->
<!-- wp:navigation {"ref":5,"metadata":{"ignoredHookedBlocks":["woocommerce/mini-cart"]},"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny","fontFamily":"jura","blockVisibility":{"hideBlock":true}} /-->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Junta-te a nós</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- wp:buttons {"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"small":true}}}}]}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Junta-te a nós</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

View File

@ -1,5 +1,5 @@
/*
Theme Name: Somos Infinitos
Theme URI: https://git.autonomic.zone/autonomic-cooperative/somos-infinitos-theme
Author: Autonomic Co-operative
Author: Autonomic Co-operative in collaboration with Rootpath
*/

View File

@ -1 +1,25 @@
<!-- wp:pattern {"slug":"woocommerce/coming-soon"} /-->
<!-- wp:woocommerce/coming-soon {"storeOnly":true,"className":"woocommerce-coming-soon-store-only"} -->
<div class="wp-block-woocommerce-coming-soon woocommerce-coming-soon-store-only"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"100px","selfStretch":"fixed"}}} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center","level":1,"fontFamily":"cardo"} -->
<h1 class="wp-block-heading has-text-align-center has-cardo-font-family">Great things are on the horizon</h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"10px","selfStretch":"fixed"}}} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"align":"center","fontFamily":"inter"} -->
<p class="has-text-align-center has-inter-font-family">Something big is brewing! Our store is in the works and will be launching soon!</p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"100px","selfStretch":"fixed"}}} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:woocommerce/coming-soon -->

View File

@ -1,53 +1,55 @@
<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:group {"tagName":"main","layout":{"inherit":true,"type":"constrained"}} -->
<main class="wp-block-group"><!-- wp:woocommerce/order-confirmation-status {"fontSize":"large"} /-->
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"1.5rem","right":"1.5rem"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-right:1.5rem;padding-bottom:var(--wp--preset--spacing--70);padding-left:1.5rem"><!-- wp:woocommerce/order-confirmation-status {"align":"","fontFamily":"eb-garamond","fontSize":"medium"} /-->
<!-- wp:woocommerce/order-confirmation-summary /-->
<!-- wp:woocommerce/order-confirmation-summary {"align":""} /-->
<!-- wp:woocommerce/order-confirmation-totals-wrapper {"align":"wide"} -->
<!-- wp:pattern {"slug":"woocommerce/order-confirmation-totals-heading"} /-->
<!-- wp:woocommerce/order-confirmation-totals-wrapper -->
<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="wp-block-heading" style="font-size:24px">Order details</h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/order-confirmation-totals {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-totals-wrapper -->
<!-- wp:woocommerce/order-confirmation-totals {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-totals-wrapper -->
<!-- wp:woocommerce/order-confirmation-downloads-wrapper {"align":"wide"} -->
<!-- wp:pattern {"slug":"woocommerce/order-confirmation-downloads-heading"} /-->
<!-- wp:woocommerce/order-confirmation-downloads-wrapper -->
<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="wp-block-heading" style="font-size:24px">Downloads</h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/order-confirmation-downloads {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-downloads-wrapper -->
<!-- wp:woocommerce/order-confirmation-downloads {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-downloads-wrapper -->
<!-- wp:columns {"align":"wide","className":"wc-block-order-confirmation-address-wrapper"} -->
<div class="wp-block-columns alignwide wc-block-order-confirmation-address-wrapper">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:woocommerce/order-confirmation-shipping-wrapper {"align":"wide"} -->
<!-- wp:pattern {"slug":"woocommerce/order-confirmation-shipping-heading"} /-->
<!-- wp:columns {"className":"wc-block-order-confirmation-address-wrapper"} -->
<div class="wp-block-columns wc-block-order-confirmation-address-wrapper"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:woocommerce/order-confirmation-shipping-wrapper {"align":"wide"} -->
<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="wp-block-heading" style="font-size:24px">Shipping address</h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/order-confirmation-shipping-address {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-shipping-wrapper -->
</div>
<!-- /wp:column -->
<!-- wp:woocommerce/order-confirmation-shipping-address {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-shipping-wrapper --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:woocommerce/order-confirmation-billing-wrapper {"align":"wide"} -->
<!-- wp:pattern {"slug":"woocommerce/order-confirmation-billing-heading"} /-->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:woocommerce/order-confirmation-billing-wrapper {"align":"wide"} -->
<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="wp-block-heading" style="font-size:24px">Billing address</h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/order-confirmation-billing-address {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-billing-wrapper -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:woocommerce/order-confirmation-billing-address {"lock":{"remove":true}} /-->
<!-- /wp:woocommerce/order-confirmation-billing-wrapper --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:woocommerce/order-confirmation-additional-fields-wrapper {"align":"wide"} -->
<!-- wp:pattern {"slug":"woocommerce/order-confirmation-additional-fields-heading"} /-->
<!-- wp:woocommerce/order-confirmation-additional-fields /-->
<!-- /wp:woocommerce/order-confirmation-additional-fields-wrapper -->
<!-- wp:woocommerce/order-confirmation-additional-fields-wrapper {"align":"wide"} -->
<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="wp-block-heading" style="font-size:24px">Additional information</h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/order-confirmation-additional-information /-->
</main>
<!-- /wp:group -->
<!-- wp:woocommerce/order-confirmation-additional-fields /-->
<!-- /wp:woocommerce/order-confirmation-additional-fields-wrapper -->
<!-- wp:template-part {"slug":"footer"} /-->
<!-- wp:woocommerce/order-confirmation-additional-information {"align":""} /--></main>
<!-- /wp:group -->

View File

@ -5,14 +5,10 @@
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide"} /-->
<main class="wp-block-group"><!-- wp:post-title {"level":1,"fontSize":"x-large","fontFamily":"eb-garamond"} /-->
<!-- wp:post-content {"align":"wide"} /--></main>
<!-- wp:post-content /--></main>
<!-- /wp:group -->
<!-- wp:spacer -->

View File

@ -5,8 +5,8 @@
<div style="height:65px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group"><!-- wp:post-content {"align":"wide"} /--></main>
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-content {"align":"wide"} /--></main>
<!-- /wp:group -->
<!-- wp:spacer -->

9
templates/page.html Normal file
View File

@ -0,0 +1,9 @@
<!-- wp:template-part {"slug":"header","area":"header"} /-->
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<main class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:post-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"fontSize":"x-large"} /--></div>
<!-- /wp:group -->
<!-- wp:post-content {"layout":{"inherit":true}} /--></main>
<!-- /wp:group -->