woocommerce-paypal-payments/modules/ppcp-applepay/resources/css/styles.scss
2023-12-11 12:02:06 +00:00

78 lines
1.4 KiB
SCSS

.ppcp-button-applepay {
.ppcp-width-min & {
--apple-pay-button-height: 35px;
}
.ppcp-width-300 & {
--apple-pay-button-height: 45px;
}
.ppcp-width-500 & {
--apple-pay-button-height: 55px;
}
}
#applepay-container, .ppcp-button-applepay {
--apple-pay-button-min-height: 35px;
--apple-pay-button-width: 100%;
--apple-pay-button-max-width: 750px;
--apple-pay-button-border-radius: 4px;
--apple-pay-button-overflow: hidden;
&.ppcp-button-pill {
--apple-pay-button-border-radius: 50px;
}
&.ppcp-button-minicart {
--apple-pay-button-display: block;
}
}
.woocommerce-checkout {
#applepay-container, .ppcp-button-applepay {
--apple-pay-button-border-radius: 4px;
&.ppcp-button-pill {
--apple-pay-button-border-radius: 50px;
}
}
}
.ppcp-has-applepay-block {
.wp-block-woocommerce-checkout {
#applepay-container, .ppcp-button-applepay {
margin: 0;
--apple-pay-button-margin: 0;
--apple-pay-button-height: 48px;
&.ppcp-button-pill {
--apple-pay-button-border-radius: 50px;
}
}
}
.wp-block-woocommerce-cart {
#applepay-container, .ppcp-button-applepay {
margin: 0;
--apple-pay-button-margin: 0;
--apple-pay-button-height: 48px;
}
}
}
.wp-admin {
.ppcp-button-applepay {
pointer-events: none;
}
&.ppcp-non-ios-device {
.ppcp-button-applepay {
apple-pay-button {
display: block;
}
}
}
}
// todo remove
.ppcp-button-applepay {
apple-pay-button {
display: block !important;
}
}